/* your styles go here */

body {
    color: #3C3837;

    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
}

.satisfy-regular {
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
}

a {
    color: #3C3837;
    text-decoration: underline;
}

a:hover {
    color: #3C3837;
}

.fab, .far {
    font-size: 2rem;
}


.page-holder {
    background: url(../img/background.png);
}




.w-logo {
    width: 75% !important;
}


@media (min-width: 1200px) {
    .w-logo {
        width: 50% !important;
    }
}




h2, .h2 {
    font-size: calc(3.5rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 4rem;
    }
}


.lead {
    font-size: 1.5rem;
    font-weight: 300;
}