@media only screen and (max-width:1100px){

#cabecalho{
	height: 110px;
}

body{
    position: relative;	
    /*background-image: none;*/
    background-size: 200%;
    background-attachment: none;
     background-image: 100%;
     width: 100%;
     margin:0;
	 padding: 0;
	 overflow-x:hidden;    
}
	
main{
	position:relative;
	width:100%;
	margin:0;
	padding: 0;
	overflow-x: hidden;
}

#check:checked ~.barra{
		transform:translateX(600px);
}

#icone{
	display: block;
}	

.barra{
	display: block;
}

#nav_barra{
	display: block;
}

nav a{
	display: block;
}

.link{
	display: block;
}

.link:hover{
	display: block;
	background-color: #00aeef;
}

#nav_cabecalho{
	display: none;
}	

#logo{
	width: 200px;
}

#rodape{
	padding-top:100px;
}

}

@media only screen and (max-width:1000px){

#cabecalho{
	height: 110px;
}

#nav_cabecalho{
		display: none;
}	

#conteudo_cabecalho{
	width: 90%;
}

#logo{
	width:200px ;
}

#rodape{
	padding-top:100px;
}

#conteudo_rodape{
	width: 90%;
}	

}

@media only screen and (max-width:950px){

#cabecalho{
	height: 110px;
	padding-top:p;
}

#nav_cabecalho{
		display: none;
	}		

#conteudo_cabecalho figure img{
	width: 200px;
}

#rodape{
	padding-top:100px;
}
}

@media only screen and (max-width:850px){

#nav_cabecalho{
		display: none;
	}		

#conteudo_cabecalho figure img{
	width: 200px;
}

#rodape{
	padding-top:100px;
}

#conteudo_rodape{
	width: 90%;
	
}	

}

@media only screen and (max-width:750px){


#cabecalho{
	height: 100px;
}

#nav_cabecalho{
		display: none;
	}		

#conteudo_cabecalho figure img{
	width: 200px;
}

#proposta{
	text-align: left;
}

#proposta h1{
	font-size: 30px;
}

#proposta h2{
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	margin-top:30px;
}

#rodape{
	padding-top:100px;
}

#conteudo_rodape h1{
	font-size: 30px;
	padding-top:0;
	margin-top: 0;
}

#conteudo_rodape{
	width: 90%;
	
}	

}
}