/* =Media queries
------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	body figure article, body section article, body section article.bullets, body aside p {
		width:94%;
		padding-left:3%;
		padding-right:3%;	
	}

	body .grid-two-content {
		width: 48.5%;
		margin:0 0 0 3%;
	}
	body .question-css input[type="text"] {
		margin-top:0;
		}
	body .two-columns-p {
		width:100%;
	}
}
@media screen and (max-width: 970px) {
	body article.First {padding: 0 2% 0;}
	body article.First {padding: 0 2% 50px;}
}

@media screen and (max-width: 920px) {
	body figure {
		height: 270px;
		margin: 0 0 40px 0;
		background-position: center 0;
		background-size: 1290px;	
	}
	body figure .logo {
		height: 45px;
		padding-top: 15px;
	}
	/*Fonts*/
	body figure h1 {
		font: 30px/34px 'DTV-DIN';
		top: 60px;
		letter-spacing: -0.025em;
		width: 370px;
	}
}

@media screen and (max-width: 770px) {
	/*Fonts*/
	body ul.Lista li {
		font-size: 14px;
		line-height: 22px;
	}
	/*Fonts*/
	body section h4, body section h4 a {
		font: bold 14px/20px Arial;
	}
	
	body section article.First h3 {
		padding: 20px 0 0;
	}
	body section.trivia article.First {
		padding: 0 0 30px 0;
	}
	
}

@media screen and (max-width: 640px) {
	body figure {
    height: 200px;
    background-position: center 0;
    background-size: cover;
	}
	body figure .logo {
		height: 38px;
		padding-top: 10px;
	}
	/*Fonts*/
	body figure h1 {
		font: 26px/30px 'DTV-DIN';
		width: 330px;
		padding-top: 25px;
	}
	
	body article.bullets {
		padding: 40px 0 40px 0;
	}
	body section h3, body section h3 a {
		padding: 0 0 20px;	
	}
	body article.bullets p {
		padding-top: 30px;
	}
	body section.Cta article {
		padding: 40px 0 40px 0;
	}
	body section.Cta p, body section.Cta p a {
		padding: 0 0 20px;
		font-size:14px;
	}
	body article.pad {
    padding: 40px 0;
	}
}
@media screen and (max-width: 620px) {
	body ul.Lista {
		width:100%;
		margin-top:13px;
	}
	body ul.Lista.two-columns {margin-bottom: 0; box-sizing: border-box;}
	body ul.Lista.marg-top-30-res {margin-top: 30px;}
	body ul.Lista:first-of-type {
		padding-right: 0;
		margin-top:0;
	}
	/*2 Columnas*/ 
	body .grid-two-content {
		width: 100%;
		margin:20px 0 0 0;
	}
	body .grid-two-content:first-of-type {margin: 0;}
	
}
@media screen and (max-width: 550px) {
	body .two-columns {
		width: 98%;
	}
	body .question-css input[type="text"] {
		width:98%;
		box-sizing:border-box;
		}
}

@media screen and (max-width: 490px) {
	body .bg-inverso {padding: 30px 0 0 0;}
	body figure {
    margin: 0 0 30px 0;
	}
}

@media screen and (max-width: 400px) {
}