h1 {
    font-size: 4rem;
}

h2 {
    font-size: 4rem;
}

h3 {
    font-size: 3rem;
}

h4 {
    font-size: 2rem;
}


h2.hero-text {
    font-size: 6rem;
}

p {
    font-size: 1.5rem;
    line-height: 3rem;
}

p.hero-text {
    font-size: 3rem;
    line-height: 50px;
}

p.subtitle {
    font-size: 1rem;
}

p.excerpt {
    font-size: 1rem;
    line-height: 2rem;
}

p.small {
    font-size: 0.9rem;
}

.blog-main {
    width: 100%;
}

.blog-side {
    width: 25rem;
}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {

    /* Navigation --------------------*/
    .header {
        display: block;
    }

    nav {
        position: relative;
    }

    .menu {
        display: block;
        position: absolute;
        top: -46px;
        right: 0;
        font-size: 2rem;
        cursor: pointer;
    }

    .responsive {
        position: absolute;
        width: 100%;
        top: 1rem;
    }

    .topnav a {
        display: block;
        background-color: black;
        padding: 1rem;
        text-align: center;
        border-bottom: 1px solid var(--color-1);
    }

    .topnav {
        display: none;
    }

    .responsive {
        display: block;
    }


    .sticky .menu {
        top: -29px;

    }

    .sticky img {
        width: 10%;
    }

    /* Navigation --------------------*/

    .pocket {
        width: 38vw;
    }

    .blog-main {
        flex: 1;
        width: 100%;
    }
    
    .blog-side {
        display: none;
    }
}


@media (max-width: 768px) {
    

}

@media (max-width: 576px) {

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 3rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 2rem;
    }

    h2.hero-text  {
        font-size: 5rem;
    }

    p {
        font-size: 0.9rem;
        line-height: 2rem;
    }

    p.hero-text {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    p.subtitle {
        font-size: 0.8rem;
    }

    p.excerpt {
        font-size: 0.9rem;
        line-height: 2rem;
    }

    p.small {
        font-size: 0.7rem;
    }



    .contact textarea {
        width: 80vw;
    }

    .contact input,
    textarea {
        width: 80vw;
    }

    .card .thumb {
        display: none;
    }

    .pocket {
        width: 90vw;
    }


}