/* -----------> Portal de Gestion <<<------------*/
/* ------------->> Media Queries <<<-------------*/

@media screen and (max-width: 1800px) {	
	
	html body {width:100%; height:100%;  background:#035592 url("../img/back.jpg") repeat-y center;}	
}


@media screen and (max-width: 950px) {	
	
	.wrapper .content {width: 90%!important;}	
	.select-bu ul { width: 100%!important;}
	.select-bu ul { justify-content:space-around;}
	.guia .col-2 { width: 45%;}
	.guia .copy { width: 45%;}	
}


@media screen and (max-width: 850px) {
	
	.guia .col-1 {display: none;}
	.guia .col-2 {width: 100%; float: none;}
	.guia .col-2 .mobile {display: block; margin: 10px auto;}	
	.guia .copy {width: 100%; float: none; margin-top: 30px;}
}


@media screen and (max-width: 700px) {
	
	h1 {color:#fff; padding: 60px 0 40px;}
	h1 strong {font-size: 2.088em;}
	.wrapper .content {padding: 40px 20px!important;}
	.wrapper .guia {padding: 20px!important;}
	.guia .col-2 h2 {margin: 20px 0 10px;}	
	.guia .col-2 img {width: 100%; max-width:321px; height: auto; }
	
}