* {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

html, body {
    width: 100%;
    height: 100%;
}
body {
    background: url(../images/bg.jpg) center center no-repeat;
    background-size: cover;
}

section.content {
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    width: 100%;
    text-align: center;
    display: table;
}
section.content .text {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
section.content .text h1 {
    color: #FFF;
    font-weight: 400;
    font-size: 60px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
section.content .text h3 {
    color: #FFF;
    font-weight: 300;
    font-size: 35px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

section.content .text .icon {
    display: inline-block;
    border: 3px #FFF solid;
    border-radius: 100%;
    margin: 20px 5px 0 5px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
    text-decoration: none;
    
    
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -kthtml-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
section.content .text .icon img {
    display: block;
    max-width: 50px;
}
section.content .text .icon:hover {
    background: #999;
    border: 3px #999 solid;
    
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -kthtml-transition: all 0.15s linear;
    transition: all 0.15s linear;
}