body {
    background-color: black;
    color: white;
    font-size: 14px;
    font-family: Montserrat;
}

h4 {
    font-family: MontserratBold;
    color: #090809;
    font-size: 30px;
    text-transform: uppercase;
}

h5 {
    font-family: MerriweatherItalic;
    color: white;
    font-size: 24px;
}

h6 {
    font-family: MerriweatherItalic;
    color: white;
    font-size: 20px;
}

#btnTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
}

.text-copyright {
    font-size: 0.8em;
}

.bg-palered {
    background-color: #b53b49;
}

.bg-crimson {
    background-color: #650000;
}

.text-crimson {
    color: #650000;
}

.text-vred {
    color: #A40000;
}

.text-palered {
    color: #b53b49;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-caption {
    color: white;
    font-size: 20px;
    font-family: MerriweatherItalic;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hr-short {
    border-color: #b53b49;
    border-width: 2px;
    width: 100px;
}

@media (max-width: 400px) {
    body {
        font-size: 13px;
    }

    .hero-caption {
        font-size: 14px;
    }

    h4 {
        font-size: 26px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 18px;
    }
}