@media screen and (max-width: 640px)
{
	.unviers-films img
	{
		max-width: 100%;
		height: inherit;
	}
	#burger
	{
		display: block;
		z-index: 4;
	}
	body.unviers-photographs #burger
	{
		padding: 31px 20px;
	}
	body.unviers-photographs #logo
	{
		padding: 28px 40px 28px 0;
	}
	html,body
	{
		height: 100%;
	}
	#site
	{
		height: 100%;
	}
	body.defaut #intro
	{
		padding: 0;
	}
	body.defaut #intro img
	{
		max-width: 60%;
	}
	body.contact #site > div
	{
		height: calc(100% - 389px);
	}
	#site nav
	{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,0.8);
		padding-top: 70px;
		z-index: 3;
	}
	body.unviers-photographs #site nav
	{
		background-color: rgba(255,255,255,0.95);
	}
	body.unviers-photographs nav > ul > li > a
	{
		font-size: 15px;
		text-align: center;
	}
	#site nav > ul
	{

	}
	#site nav > ul > li
	{
		display: block;
	}
	#site nav > ul > li > a
	{
		padding: 15px 15px;
	}
	.unviers-films #site header
	{
		margin-bottom: 20px;
	}
	.unviers-films #site header #slogan
	{
		position: relative;
	}
	#site #photos a.photo:before, 
	#site #instagram a:before
	{
		display: none;
	}
	#site footer
	{
		margin-top: 0px;
	}

	#intro .titre
	{
		font-size: 34px;
	}
	#intro .button
	{
		font-size: 22px;
	}

	/*body.unviers-photographs #landscapes > li > img
	{
		max-width: initial;
		width: initial;
		height: 100%;
	}*/
}
@media screen and (max-width: 991px)
{
	body.unviers-photographs .content-gallery > .container > .row > div
	{
		overflow: hidden;
		padding-top: 39%;
	}
}
@media screen and (max-width: 575px)
{
	body.unviers-photographs .content-gallery > .container > .row > div
	{
		overflow: hidden;
		padding-top: 77%;
	}
}