/**
Futura PT Medium
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;


Futura PT Heavy
font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: normal;


Futura PT Book
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
**/

html { height:100%;}
body {
    color: #fff;
    background-color: #151d33;
    font-size: 100%;
    line-height: 23px;
    margin: 0;
    padding: 0;
    height:100%;
    font-weight:400;
    font-family: futura-pt, sans-serif;
}


p, a { font-family: futura-pt, sans-serif;
font-weight: 400;
font-size:1em; color: #c8bfb6;
 -webkit-transition: all 0.2s ease;  transition: all 0.2s ease; 
 text-decoration:none;
line-height:1.2;} 
p.medium { font-weight:300; font-size:1.125em;}
h1 { font-family: futura-pt, sans-serif;
font-style: normal;
line-height:1.1;
font-weight: 500; font-size:1.938em; margin:8% 0 5%;}
h2 { font-size:1.125em;}

span { display:inline-block;}
a { color:#c8bfb6; }
a:hover { text-decoration:underline;}


.row { position:relative; height:100%;}




.large-11 { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.icon {width:100%; display:block; background-size:contain; background-repeat: no-repeat;  }
.icon.logo { background-image:url(logo.svg); height:120px; /*margin-top:15%; */}


.contact-wrapper { margin-top:20px;}
.contact {
    display: inline-block;
    margin-right: 12px;
}
.contact:last-child { margin-right:0;}
.contact-wrapper {
    margin-top: 20px;
    margin: 0 auto;
}




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

	body { font-size:14px;}
	.large-11 { position:relative; top:0; -webkit-transform:translateY(0); transform:translateY(0); }
	.icon.logo {  height:100px; margin-top:50px; }
	h1 { margin:10% 0;}
	.icon.feuille { margin-bottom:50px;}

}