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

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

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

	#header {
		padding-bottom: 40px;
		margin-bottom: 20px;
	}
		#header .background {
			padding-top: 15px;
			padding-bottom: 1px;
		}

		#menu, 
		#header .telefone, 
		#header .redes-sociais {
			display: none;
		}
		
		#menu_mobile, 
		#abrir_menu {
			display: block;
		}
		
		#logo {
			display: block;
			float: none;
			margin-top: 0px;
			margin-bottom: 20px;
		}

}
/*-----------------------------------*/

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

	#categorias {
		display: none;
	}

	#categorias + .column {
		width: 100%;
	}

}

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

@media screen and (max-width: 880px) {	
	#slider {
		display: none;
	}
}

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

@media screen and (max-width: 800px) {	
	
	#footer .justify-columns {
		text-align: center;
	}

		#footer .justify-columns > .column {
			display: block;
		}

}

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

@media screen and (max-width: 960px) {
	#instagram .fotos {
        max-height: 40vw;
        overflow: hidden;
    }

		#instagram .foto {
			width: 20vw;
			height: 20vw;
		}
}

@media screen and (max-width: 700px) {
	#instagram .fotos {
        max-height: 50vw;
        overflow: hidden;
    }

		#instagram .foto {
			width: 25vw;
			height: 25vw;
		}
}

@media screen and (max-width: 500px) {
	#instagram .fotos {
        max-height: 66.66vw;
        overflow: hidden;
    }

		#instagram .foto {
			width: 33.33%;
			height: 33.33%;
			padding: 5px;
		}
}