html { height:100%;}
body {
    color: #666;
    background-color: #fff;
    font-size: 100%;
    line-height: 23px;
    margin: 0;
    padding: 0;
    text-align:center; 
    height:100%;
    font-family: "futura-pt";
}


p, a { font-family: "futura-pt";
font-weight: 400;
font-size:1em; color: #666;
 -webkit-transition: all 0.2s ease;  transition: all 0.2s ease; 
 text-decoration:none;
line-height:1.2;} 
p.medium { font-weight:400; font-size:1.125em;}
h1 { font-family: "futura-pt";
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:#777; }
a:hover { color:#666;  display:inline-block;}


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




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

.svg-icon {width:100%; display:block; background-size:contain; background-repeat: no-repeat; background-position:center; }
.svg-icon.logo { background-image:url(img/logo.svg); height:150px; /*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); }
	.svg-icon.logo { background-image:url(img/logo.svg); height:80px; margin-top:50px; }
	h1 { margin:10% 0;}
	.svg-icon.feuille { margin-bottom:50px;}

}