.max-width {
	max-width: 960px
}

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

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

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

	#header {
		padding-bottom: 40px;
	}

		#menu, 
		#header address {
			display: none;
		}
		
		#menu_mobile, 
		#abrir_menu {
			display: block;
		}
		
		#logo {
			display: block;
			height: auto;
			float: none;
			margin-top: 0px;
			margin-bottom: 20px;
		}
}

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

@media screen and (max-width: 960px) {	
	#slider_content {
		height: calc(100vw / 3);
	}

    #slider .texto {
		bottom: 1vh;
    }

		#slider .texto .titulo {
			font-size: 7vw;
		}
}

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

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

	#footer .max-width {
		flex-direction: column;
	}

		#footer .max-width > * {
			display: block;
			margin: 0px auto 20px auto;
			text-align: center;
		}
}

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

@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;
		}
}

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

.grid-de-fotos li {
    margin-bottom: 0px;
}

@media screen and (max-width: 640px) {
	.grid-de-fotos li {
    	width: 50%;
    }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
	.grid-de-fotos li {
    	width: 33.33%;
    }
}
@media screen and (min-width: 801px) and (max-width: 960px)  {
	.grid-de-fotos li {
    	width: 25%;
    }
}
@media screen and (min-width: 961px)  {
	.grid-de-fotos li {
    	width: 20%;
    }
}