/* -------------------------------------------------------------- */
#content {padding:37px 0 0 0;display:block;}
h1 {padding:0 0 40px 0;margin:0;}
h1:first-of-type {margin:18px 0 0 0;}
#presentation {max-width:600px;padding:0 48px;font-size:16px;margin:0 auto;text-align:justify;display:block;}
#presentation p {width:auto;display:block;line-height:1.4em;}
#specialBG3 {padding:40px 0 50px 0;display:block;text-align:center;width:100%;/*border:10px;*/}
.my-gallery2 {padding:28px 0 0 0;}
.Event{max-width:800px:}
figure {display:inline-block;margin:0;padding:0;line-height:0em;}
figure img, img {padding:0;margin:0;width:100%;height:auto;display:inline-block;}
figure a img {padding:0;margin:0;}
figure a img:link,figure a img:visited,figure a img:active {}
figure a img:hover {}
figure.Normal {width:184px;display:inline-block;padding:10px;}

.GrandLarge,.Demi,.Tiers,.Quart {/*height:350px;*/}

@media screen and (min-width:912px) {
figure {width:100%;max-width:902px;margin:5px;padding:0;vertical-align:top;}
figure.GrandLarge {width:100%;max-width:902px;margin:5px;padding:0;vertical-align:top;}
figure.Demi {width:50%;max-width:446px;height:/*272*/291px;margin:5px;padding:0;vertical-align:top;overflow:hidden;}
figure.Demi img{width:100%;height:100%;object-fit: cover;object-position: 40% 0 0 0;}
figure.Tiers {width:33%;max-width:294px;margin:5px;padding:0;vertical-align:top;}
figure.Quart {width:25%;max-width:218px;margin:5px;padding:0;vertical-align:top;}
}

@media screen and (max-width:911px) {
#presentation{width:60%;}
figure {width:700px;margin:5px;padding:0;}
figure.GrandLarge {width:700px;margin:5px;padding:0;}
figure.Demi {width:345px;margin:5px;padding:0;}
figure.Tiers {width:345px;margin:5px;padding:0;}
figure.Quart {width:345px;margin:5px;padding:0;}
}

@media screen and (max-width:800px) {
#presentation{width:60%;}
figure {width:600px;margin:5px;padding:0;}
figure.GrandLarge {width:600px;margin:5px;padding:0;}
figure.Demi {width:295px;margin:5px;padding:0;}
figure.Tiers {width:295px;margin:5px;padding:0;}
figure.Quart {width:295px;margin:5px;padding:0;}
}

@media screen and (max-width:650px) {
#presentation{width:75%;}
figure {width:97%;margin:10px 5px;padding:0;display:block;}
figure.GrandLarge {width:97%;margin:10px 5px;padding:0;}
figure.Demi {width:97%;margin:10px 5px;padding:0;}
figure.Tiers {width:97%;margin:10px 5px;padding:0;}
figure.Quart {width:97%;margin:10px 5px;padding:0;}
}