@media only screen and (min-width : 800px) {

	.photographies > h1 {
		font-family: nexa-bold;
	    font-size: 2.5rem;
	    letter-spacing: .04rem;
	    color: #FFF;
	    text-align: center;
	    margin-top: 4rem;
	}

	.expositions {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.exposition {
		display: block;
		width: 100%;
		text-align: right;
	}

	.exposition {
		margin: auto;
	    width: 750px;
	    margin-top: 50px;
	}

	.infos {
		width: 320px;
		margin-right: 20px;
	}

	.exposition > div > div,img {
		display: inline-block;
		vertical-align: middle;
	}

	.expositions h1 {
		font-family: nexa-bold;
	    font-size: 1.5rem;
	    letter-spacing: .04rem;
	    color: #FFF;
	    margin-bottom: 8px;
	}

	.expositions h2 {
		font-family: nexa-bold;
	    font-size: 1rem;
	    letter-spacing: .04rem;
	    color: #d4d4d4;
	    margin-bottom: 4px;
	}

	.expositions img {
		width: 400px;
	}

}

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

	.photographies > h1 {
		font-family: nexa-bold;
	    font-size: 1.5rem;
	    letter-spacing: .04rem;
	    color: #FFF;
	    text-align: center;
	    margin-top: 2rem;
	}

	.expositions {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.exposition {
		display: block;
		width: 100%;
		text-align: center;
	}

	.exposition {
		margin: auto;
	    width: auto;
	    margin-top: 25px;
	}

	.infos {

	}

	.exposition > div > div,img {
		display: block;
	}

	.expositions h1 {
		font-family: nexa-bold;
	    font-size: 1.25rem;
	    letter-spacing: .04rem;
	    color: #FFF;
	    margin-bottom: 8px;
	}

	.expositions h2 {
		font-family: nexa-bold;
	    font-size: 1rem;
	    letter-spacing: .04rem;
	    color: #d4d4d4;
	    margin-bottom: 4px;
	}

	.expositions img {
		width: 80%;
    	max-width: 400px;
    	margin: auto;
    	margin-top: 1rem;
	}

}