@media only screen and (max-width: 540px) {

#fullPage-nav {
    display: none; // Hide navigation dots.
}

}

@media only screen and (max-height: 320px) {

.btn-continue {
    width: 16px;
    height: 16px;
    margin-left: -25px;

    background-image: url('../images/theme/btn-more-small.png');
}

}

@media only screen and (max-width: 1200px) {

body {
    line-height: 36px;
}
h1 {
    font-size: 3em;
}
h2 {
    font-size: 1.525em;
}
h3 {
    font-size: 1.175em;
}

}

@media only screen and (max-width: 480px), screen and (max-height: 480px) {

h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.375em;
}
h3 {
    font-size: 1.05em;
}

}

@media screen and (max-width: 720px), screen and (max-height: 480px) {

$icon-size: 32px;

.social-links {
    a {
        width: $icon-size;
        height: $icon-size;
        margin: 6px;

        background-size: $icon-size $icon-size;
    }
}

}

@media screen and (max-width: 320px) {

$icon-size: 24px;

.social-links {
    a {
        width: $icon-size;
        height: $icon-size;
        margin: 2px;

        background-size: $icon-size $icon-size;
    }
}

}