/* Custom fonts */
@font-face {
    font-family: 'Century Gothic';
    src: url('Font-families/Century\ Gothic.ttf');
}

@font-face {
    font-family: 'Berlin Sans FB Demi Bold';
    src: url('Font-families/Berlin\ Sans\ FB\ Demi\ Bold.ttf');
}

/* Text classes */
h1 {
    color: #9c7a8a;
    font-family:'Berlin Sans FB Demi Bold';
}

h2 {
    color: #8D697A;
    font-family:'Berlin Sans FB Demi Bold';
    font-size: 3em;
}

p {
    color: #0c1b2f;
    font-family: 'Century Gothic';
    font-size: 1.2em;
    padding-top: 3px;
}

/* text in home */
#text-scroll {
    position: absolute;
    right: -350px;
    color: #E3E8ED;
    white-space: nowrap;
    font-size: 7.5vw;
    z-index: 9;
}
section#scroll a#btn {
    display: inline-block;
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 40px;
    background: #E3E8ED;
    color: #0c1b2f;
    font-size: 1.5em;
    font-family: 'Century Gothic';
    z-index: 9;
    transform: translateY(100px);
}

/* Responsive */
@media (max-width: 650px) {
    h2 {
        font-size: 2em;
    }
    p {
        padding-top: 1px;
    }
    #text-scroll {
        font-size: 10.5vw;
        right: -450px;
    }
}
@media (max-width: 500px) {
    section#scroll a#btn {
        font-size: 1em;
        font-weight: 600;
    }
}
@media (max-width: 450px) {
    section#scroll a#btn {
        text-align: center;
        padding: 8px 20px;
    }
    #text-scroll {
        font-size: 3em;
    }
}
@media (max-width: 400px) {
    section#scroll a#btn {
        padding: 8px 10px;
    }
}