body{
overflow:hidden;
background:#efddee;
}

header{
position:relative;
width:100%;
height:100vh;
background: url(../images/siluette0.jpg) no-repeat;
background-position:center bottom;
text-align:center;
overflow:hidden;
background-size:auto 96%;
-o-background-size:auto 96%;
-webkit-background-size:auto 96%;
-moz-background-size:auto 96%;
}

/* vertically center banner section */
header:before{
content:'';
display:inline-block;
vertical-align:middle;
height:100%;
}

header .banner{
display:inline-block;
vertical-align:middle;
margin:0 auto;
width:86%;
text-align:center;
}

header .banner-text {
width:100%;
background:url(../images/title.png) no-repeat top center;
background-size:100% auto; 
position:relative;
}
header .banner-text h1 {
visibility: hidden;
font: 108px sans-serif;
margin: 0 auto 12px auto;
padding-bottom: 10px;
}

.social{
position:absolute;
bottom:0;
right:0;
margin:0 30px 30px 0;
padding:0;
}

.social li a{
font-size:30px;
z-index:999999;
width:40px;
height:40px;
padding-top:10px;
margin-top:5px;
float:right;
color:#714A5C;
border-radius:100%;
border:5px solid #714A5C;
width:60px;
height:60px;
}

.social li a:hover{
background:#714A5C;
border:5px solid #714A5C;
color:#fff;
}