@media all and (max-width: 1380px){

}


@media all and (max-width: 1290px){
	
}


@media all and (max-width: 1050px){
	nav li{margin-right:10px;}
	nav a{font-size:14px;}
}


@media all and (max-width: 810px){
	#header-bar .content-boxed{max-width:98%;}
	nav li{margin-right:5px;}
	nav a{font-size:13px;}
	#header-rrss li{margin-right:15px;}
	#header-rrss a{font-size:14px;}
	.sponsor div{padding:10px 15px;}
	#footer-bar{font-size:14px;}
	#footer-bar img{width:90px;}
}


@media all and (max-width: 780px){
	
}


@media all and (max-width: 680px){
	#header-bar{padding-bottom:10px;}
	#header-bar .content-boxed{display:block;}
	#header-wrapper{padding:95px 0 40px 0;}
	#header-gepac-logo img{width:100px;}
	#header-campaign-logo img{width:500px;margin:30px 0;}
	h1{font-size:22px;}
	.texto-corrido{font-size:14px;}
	.section-image img{width:500px;}
	.section-icons img{width:110px;}
	.section-title h2{font-size:24px;}
	.sponsor div{padding:10px 10px;}
	#footer-campaign-logo img{width:500px;}
	#footer-bar{font-size:12px;}
	#footer-bar img{width:80px;}
}

#device-header-bar{display:none;}
#navbar-modal{display:none;}

@media all and (max-width: 550px){
	#header-bar{display:none;}
	#header-wrapper{padding:80px 0 40px 0;}
	#header-gepac-logo{display:none;}
	.sponsor{width:50%;}
	.sponsor div{padding:10px 15px;}
	#footer-bar{font-size:10px;}
	#footer-bar img{width:50px;}

	/*MENU RESPONSIVE*/

	#device-header-bar{display:flex;justify-content:center;align-items:center;height:60px;width:100%;margin:0;position:fixed;z-index:2;text-align:center;background:background: -moz-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,95,111,1)), color-stop(100%, rgba(3,79,93,1)));
background: -webkit-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: -o-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: -ms-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: linear-gradient(to bottom, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);}
	#navbar-modal-open{position:absolute;left:15px;top:15px;color:#fff;font-size:30px;cursor:pointer;}
	#device-header-bar img{width:110px;}
	#device-header-bar-logo{position:absolute;right:15px;width:85px;}
	#navbar-modal{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:280px;z-index:101;overflow:hidden;}
	#navbar-modal-content{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background:background: -moz-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,95,111,1)), color-stop(100%, rgba(3,79,93,1)));
background: -webkit-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: -o-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: -ms-linear-gradient(top, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);
background: linear-gradient(to bottom, rgba(3,95,111,1) 0%, rgba(3,79,93,1) 100%);}
	#navbar-modal-close{position:absolute;top:10px;right:15px;cursor:pointer;font-size:26px;color:#fff;}
	#navbar-modal-logo img{width:90%;max-width:100%;margin:40px 5% 0 5%;}
	#navbar-modal-content nav{height:auto;margin-top:20px;}
	#navbar-modal-menu{display:table;position:relative;width:100%;text-align:center;}
	#modal-menu-item{display:block;height:auto;vertical-align:middle;margin:5px 0;}
	#navbar-modal-menu a{font-size:18px;line-height:23px;padding:15px 0;width:100%;display:block;color:#ff9f7f;}
	#navbar-modal-menu a:hover{color:#fff;text-decoration:none;}
	#modal-overlay{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:100;}
	#navbar-modal-gepac{width:40%;margin:30px auto 30px auto;}
	#modal-logo-gepac{text-align:center;margin:15px 0 0 0;color:#fff;}
	#modal-logo-gepac img{width:40%;}
	#modal-logo-gepac p{margin:0;color:#ff9f7f;}
	#modal-rrss{color:#ff9f7f;}
	#modal-rrss ul{list-style:none;padding:0;display:flex;justify-content:center;align-items:center;}
	#modal-rrss li{margin-right:20px;}
	#modal-rrss li:last-child{margin-right:0;}
	#modal-rrss a:hover{color:#fff;}
}