
body{margin: 0; padding: 0; background: #ffffff;}
img{border: 0;}
ul{padding: 0; margin: 0; list-style: none;}
a{color: #e2165d;
text-decoration: underline;}
a:hover{text-decoration: none;}

body > header{/*background: url(../images/IMG_7734.png) no-repeat 0 0 / 100% auto;*/ position: relative; font-size: 0;}
body > header img.bg{width: 100%;}
body > header .textlogo{position: absolute; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); text-align: center;width:90%;}
body > header .textlogo img{max-width: 100%; display: inline-block; margin: 0 auto;}
.header_txt h1 {color: white;
font-family: FuturaNDBold;
font-size: 54px;
font-weight: 700;
line-height: 86px;
text-transform: uppercase;}
.hosts p {color: white;
font-family: FuturaNDBook;
font-size: 25px;
font-weight: 400;
line-height: 41px;
vertical-align: middle}
.hosts img {padding-left: 10px; padding-right: 10px;}
.hosts .omr {margin-bottom: -20px;}
.grBox{background: #fff; text-align: center; padding-bottom: 3%;}
.grBox article{}
.grBox article.bigfnt{padding-top: 3%; padding-bottom: 1%; color: #818488;
font-family: FuturaNDBook;
font-size: 25px;
font-weight: 400;}
.grBox article.smallfnt{color: black;
font-family: FuturaNDBook;
font-size: 18px;
font-weight: 400;
line-height: 30px; padding-bottom: 3%;}
.grBox article.recs h3{color: #88cac0;
font-family: FuturaNDBold;
font-size: 16px;
font-weight: 700;
line-height: 35px;
text-transform: uppercase;}
.grBox article.recs figure{display: inline-block; width: 12%; vertical-align: top;color: #818488;
font-family: FuturaNDBook;
font-size: 16px;
font-weight: 400;
line-height: 24px;}


.backLetter{margin-top: -2%;}
.backLetter img{width: 100%;}

.guestBox{background-color: #f4f4f4; margin: 0 auto; padding-top: 3%; padding-bottom: 3%;}
.guestBox h2{color: #88cac0;
font-family: FuturaNDBold;
font-size: 57px;
font-weight: 700;
line-height: 38px;
text-transform: uppercase;
text-align: center;
margin: 0;
padding-top: 10px;}
.guestBox h3{color: #818488;
font-family: FuturaNDBook;
font-size: 25px;
font-weight: 300;
line-height: 35px;
text-align: center;
margin-top: 15px;}
.guestBox_contain {max-width: 800px; margin: 0 auto;}
.guestBox aside{display: inline-block; width: 49%; vertical-align: top;text-align: center}
.guestBox aside ul{width: 80%; margin: 0 auto;}
.guestBox aside ul li{font-family: FuturaNDDemibold;
color: #818488;
font-size: 16px;
font-weight: 400;
line-height: 25px;}
.guestBox aside ul li span{font-family: FuturaNDBook;}
.last {padding-top: 30px;}

footer{background: #f4f4f4; padding-top: 3%;padding-bottom: 3%;}
footer .po{text-align: center;}
footer .po figure{display: inline-block; width: 12%; height: 78px; padding-top: 95px; color: black;
font-family: FuturaNDBook;
font-size: 18px;
font-weight: 400;
line-height: 30px;}
footer .po .p1{background: url(../images/p1.png) no-repeat center center / 70% auto;}
footer .po .p2{background: url(../images/p2.png) no-repeat center center / 70% auto;}
footer .po .p3{background: url(../images/p3.png) no-repeat center center / 70% auto;}
footer span{
	display: block; 
	text-align: center;
	color: black;
	font-family: FuturaNDBook;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;}
footer img{width: 100%;}
footer h2 {font-family: FuturaNDBook;
font-weight: 400;
color: #818488;
font-size: 25px;
line-height: 27px;
text-align: center;
margin-bottom: 5px;}

.michel {
    background: url(../images/visual_michel.png) 0 0 no-repeat;
    -webkit-background-size: 521px 800px;
    background-size: 521px 800px;
    width: 521px;
    height: 800px;
    top: 0px;
    right: 25%;

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   
    .guestBox aside{width: 80%; display: initial;}
    .grBox article.recs figure{width: 30%;font-size: 1.5em;line-height: 1.5em;}
    .grBox article.recs figure h3{font-size: 1.5em;line-height: 1.5em;}
    
}

@media only screen and (max-width: 780px;) {
	footer .po figure{width: 80%; margin-top: 0; margin-bottom: 0;}
	.grBox article.recs figure{width: 80%;}
	.whiteBox aside{width: 80%;}
	footer .po .p1{background: url(../images/p1.png) no-repeat center center;}
	footer .po .p2{background: url(../images/p2.png) no-repeat center center;}
	footer .po .p3{background: url(../images/p3.png) no-repeat center center;}
}