.max-width {
	max-width: 1170px
}
@media screen and (max-width: 959px) {
	.max-width {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*-----------------------------------*/

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

	#header {
		position: relative;
		padding-bottom: 50px;
	}

	#menu {
		display: none;
	}
	
	#logo, 
	#menu_mobile, 
	#abrir_menu {
		display: block;
	}

	#logo {
		opacity: 1 !important;
		width: 400px;
		max-width: 100%;
		margin: auto;
		float: none;
	}

	#middle {
		min-height: 0px;
	}

	.secao {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*-----------------------------------*/

@media screen and (max-width: 870px) {
	
	#titulo {

		width: calc(100vw - 152px); /*buttons = 152px */
		height: calc((100vw - 152px) / 6.93); /*6.93 = image ratio*/
		
	}
}

/*-----------------------------------*/

@media screen and (max-width: 960px) {
	
	#formulario_de_contato form {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}

	#formulario_de_contato .frase, 
	#formulario_de_contato .informacoes {
		display: block;
		width: 100%;
		float: none;
		padding-top: 0px;
		text-align: center;
	}
}

/*-----------------------------------*/

@media screen and (max-width: 600px) {
	
	#footer .creditos {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}

	#footer address {
		padding-bottom: 5px;
	}

	#footer .contato {
		padding-top: 0px;
	}

	#footer .links-sociais {
		float: left;
	}

		#footer .links-sociais a {
			height: 41px;
			overflow: hidden;	
		}

			#footer .links-sociais a img {
				margin-top: -21px;
			}

}

/*-----------------------------------*/

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

	#institucional .texto, 
	#institucional .foto {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#institucional .texto {
		width: 100% !important;
		margin-bottom: 20px;
	}

	#institucional .foto {
		max-width: 100%;
	}

}