@charset "utf-8";

/*************************************/

/* reset css */

/*************************************/

* {
	outline:none;
}

body {
	margin: 0px;
	padding: 0px;
	overflow: auto;
	color: #000000;
	background-color: #ffffff;
	font-family: 'Roboto Mono', Arial, Tahoma, Verdana, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
}

img {
	border: none;
}

/*************************************/

/* links */

/*************************************/

a {
	color: #000000;
	text-decoration: none;
	transition: color .3s ease-out, background 3s ease-in;
}

a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}

a:hover {
    color: #00ff00;
}

a:active {
    color: #000000;
}

/*************************************/

/* acessibilidade */

/*************************************/

#saltar {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#conteudos:focus, #conteudos:active {
	outline:none;
}

/*************************************/

/* tags */

/*************************************/

main {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 200px;
	padding-bottom: 200px;
	padding-left: 40px;
	padding-right: 40px;
}

article {
	width: 100%;
	height: auto;
	float: inherit;
	margin-bottom: 100px;
}

article:last-of-type {
	margin-bottom: 0px;
}

footer {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
}

section {
	width: 100%;
	height: auto;
	margin: 0px;
	margin-bottom: 100px;
	padding: 0px;
	float: inherit;
}

section:last-of-type {
	margin-bottom: 0px;
}

h1, h2, h3 {
	font-size: 14px;
	font-weight: 300;
	line-height: 48px;
	margin: 0px;
	text-transform: uppercase;
}

p {
	font-family: 'Muli', sans-serif;
	font-weight: 200;
	font-size: 48px;
	line-height: 68px;
	margin: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	line-height: 48px;
	padding-right: 40px;
}

li:last-child { 
    padding-right: 0px;
}

/*************************************/

/* class */

/*************************************/

.bold {
	font-weight: 900;
}

/*************************************/

/* responsive */

/*************************************/

@media (max-width: 767px) {
	main {
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 20px;
		padding-right: 20px;
	}
	article {
		margin-bottom: 50px;
	}
	footer {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 100px;
	}
	section {
		margin-bottom: 50px;
	}
	section:last-of-type {
		margin-bottom: 0px;
	}
	h1, h2 {
		line-height: 32px;
	}
	h3 {
		line-height: 62px;
	}
	p {
		font-size: 28px;
		line-height: 42px;
	}
	li {
		padding-right: 0px;
		margin-right: 12px;
		width: calc(50% - 12px);
		display: inline-table;
		line-height: 62px;
		border-top-style: solid;
		border-top-width: 1px;
	}
	li:nth-child(even) {
    	margin-right: 0px;
	}
	li:last-child {
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	li:nth-last-child(2) {
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
}