html, body {
    height: 100%;
    font-family: "Playfair Display";
    overflow: hidden;
}

body {
    background: #fafafa;
    background-image: url('../img/cover-2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.title strong span {
    color: #009197;
}
sub, sup {
    padding: 0 2px;
}

sub img,
sup img {
    height: 10px;
    width: auto;
}

.hiddenOnStart {
    opacity: 0;
}

.line, .social {
    transition: all 1s;
}


.hiddenOnStart.social {
    transform: translateY(30px);
}
.hiddenOnStart.line {
    transform: translateY(15px);
}

#title {
    font-size: 40px;
}

#subtitle {
    font-size: 20px;
    font-family: 'Muli', sans-serif;
}

#socials a {
    display: inline-block;
    margin: 5px;
}

#socials a:first-of-type {
    margin-left: -5px;
}

#socials a img {
    display: inline-block;
    padding: 5px;
    width: 50px;
    height: 50px;
    opacity: 0.5;
    transition: opacity 0.25s;
}

#socials a img:hover {
    opacity: 1;
}