/* //////////RESPONSIVE ///////// */
@media screen and (min-width: 1600px) and (max-width: 2200px) {

}


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

@media only screen and (max-width: 1025px) {
section.oeuvre-plage-annee .plage a figure{height:230px;}


}
@media only screen and (max-width: 1010px) {
#slides{margin-top: 0px;}
.header-bg{height:244px; background-position-y:-65px; background-position-x:center; background-repeat:no-repeat;}
.header-bg h2{ padding-top: 44px; font-size:30px;}
.col-img img{max-width: 100%;max-height: 700px;}
}



@media only screen and (max-width: 700px) {
	
	section.page-citation{width:100%; margin:auto; margin-top:40px;}
	section.oeuvre-liste .row{max-width:500px;}

section.oeuvre-liste.artiste figure {
    height: 360px;
}
	
}
@media only screen and (max-width: 640px) {
section.oeuvre-liste .row {
    max-width: 500px!important;
    margin: auto;
}
}


@media only screen and (max-width: 480px) {
.title-home h1{font-size:44px; }
.home-expo .expo, .home-vie .vie {
    padding-top: 100px;
    padding-bottom: 100px;
}
.header-bg{height:170px;}
.header-bg h2{ padding-top: 35px;font-size:24px;  text-align:center;}
.espace200, .espace300, .espace400 {height:20px;}
section.oeuvre-plage-annee .plage a figure{
height: 300px;
    margin: auto;
	
}
section.oeuvre-plage-annee .plage a {
	height: 300px;
	width:300px; margin:auto;
}

section.oeuvre-liste .row{max-width:340px;margin: auto;}

}

@media only screen and (max-width: 340px) {
section.oeuvre-liste .row{max-width:300px;}
}

/* HACK */