/* very very small */

@media (max-width:380px) {


    #first_100vh .hero-text {
        font-size: 8vh;
    }

    #first_100vh .here-section-footer .footer_text {
        font-size: 17px;
    }


    #add_on1 #child1 h3 {
        font-size: 30px;
    }

    #add_on1 #child1 .child2 {
        font-size: 20px;
    }

    #add_on1 .accordion-button {
        font-size: 1.5rem;
    }

    #add_on1 .accordion-body {
        font-size: 18px;
    }


    #fourth-section .element-title {
        font-size: 25px;
    }

    #fourth-section .element p {
        font-size: 16px;
    }

    #fifth-section .element-data {
        font-size: 100px;
    }

    #add_on3 h2 {
        font-size: 25px;
    }

    #add_on3 blockquote {
        font-size: 18px !important;
    }

    #add_on5 h3 {
        font-size: 30px;
    }

    #add_on5 p {
        font-size: 18px;
    }

    #add_on5 .name {
        font-size: 17px;
    }

    #add_on5 .description {
        font-size: 15px;
    }

    #sixth-section #h3 {
        font-size: 30px;
    }

    #sixth-section .element h2 {
        font-size: 18px;
    }

    footer .attribution {
        font-size: 2rem;
    }


    .contact-us .main-heading {
        font-size: 1.6rem;
    }
}


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    #first_100vh .maxwid {
        max-width: 300px;
    }

    #first_100vh .hero-text {
        line-height: 0.96;
        font-size: 50px;
    }

    #fourth-section .element p {
        font-size: normal;
    }

    #sixth-section #h3 {
        font-size: 60px;
    }

    footer .attribution {
        font-size: 4rem;
    }

    .contact-us .main-heading {
        font-size: 3.5rem;
    }

    #add_on5 h3 {
        font-size: 68px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #first_100vh .hero-text {
        font-size: 58px;
    }

    #third-section h2 {
        font-size: 41px;
    }

    #seventh-section .element-object {
        padding: 10px 0;
    }

    #seventh-section .element-object::before {
        bottom: 0;
    }

    #add_on5 h3 {
        text-align: center;
        font-size: 52px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #first_100vh .fZN1SVG {
        width: 80px;
        height: 80px;
    }

    #first_100vh .maxwid {
        max-width: 700px;
    }

    #first_100vh .hero-text {
        font-weight: 800;
        font-size: 80px;
        line-height: 0.9;
    }

    #first_100vh .hero-section-img img {
        width: 85%;
    }

    #first_100vh .here-section-footer .downarrow {
        width: 60px;
        height: 60px;
    }

    #first_100vh .here-section-footer .footer_text {
        font-size: 23px;
    }

    #sixth-section .element-img {
        height: 300px;
    }

    #third-section h2 {
        font-size: 55px;
    }

    #add_on5 h3 {
        font-size: 58px;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #first_100vh .hero-text {
        font-size: 85px;
    }

    #first_100vh .hero-section-img img {
        width: 90%;
    }

    #third-section h2 {
        font-size: 68px;
    }

    .contact-us .main-heading {
        font-weight: 750;
        font-size: 5rem;
    }

    #add_on5 h3 {
        text-align: center;
        font-size: 78px;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    #first_100vh .hero-text {
        font-size: 100px;
    }

    #first_100vh .hero-section-img img {
        width: 85%;
    }

    #third-section h2 {
        font-size: 70px;
    }

    #sixth-section .element-img {
        height: 280px;
    }

    #add_on5 h3 {
        font-size: 75px;
    }
}