html,body{
max-width: 100%;
width:100%;
overflow-x: hidden;
height: 100%;
font-smooth: auto;
color:#222;
}

a:link{
    text-decoration: none;
    color:#222;
}
a:hover{
    text-decoration: underline;
    color:#222;
}
a:active{
    text-decoration: none;
    text-decoration: underline;
    color:#222;
}
a:visited{
    
    color:#222;

}
.container{
      height: 100%; 
}

.background{
background: url(images/festivesatelier.jpg) center center;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%; 
width:100%;
display: table;
position: fixed;
z-index:-1;
}

h1,
.social a{
    font-family: 'Judson', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:13px;
    line-height:2em;
}

h2{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:12px;
    
}

.column{
    display: table-cell;
    vertical-align: middle;
    width:100%;
    vertical-align: center;
    text-align: center;
}

.logo{
width:50%;
max-width:300px;
margin:0 auto;
text-align: center;
margin-bottom:75px;
}

.info{position: absolute;
bottom:25px;
left:0;
right:0;
text-align: center;
}


.social{
    position: absolute;
    left: -100px;
    top:50%;
    font-family: 'Judson', serif;
   -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.social a{
    padding-right:25px;
}


.section-2{
   display: table;
    width: 100%;
    background: #fff;
    
}

.resume{
    display: table-cell;
    vertical-align: middle;
    margin:0 auto;
}

.section-2 h1{
        text-transform: none;
    letter-spacing: 0;
    font-size: 25px;
    text-align: center;
    max-width: 450px;
    width:60%;
    margin: 0 auto;
    line-height: 1.4em;
}