/*  */

/* Small Screen Sizes */
@media (min-width: 640px) {
    .hero {
        height: 70%;
    }

    .box-p>p {
        max-width: unset;
    }

    .blue-box {
        width: 80%;
    }

}

/* Medium Screen Sizes */
@media (min-width: 768px) {
    .nav-mobile {
        display: none;
    }

    .nav-items {
        display: flex;
    }

    .ham-mobile {
        display: none;
    }

    .hero-cont {
        max-height: 85%;
    }

    .hero-rel-cont {
        height: 100%;
    }

    .hero-offsetter {
        max-width: 60%;
        bottom: -8rem;
    }

    .modal-content {
        margin: 7% auto;
        width: 85%;
    }

    .slider-cont {
        display: flex;
        padding: 0;
    }


    .blue-box {
        max-width: 50%;
    }

    .col-lg-8 {
        padding: 2rem 0 2rem 0;
        max-width: 70%;
    }

    .linked-sources {
        display: flex;
    }

    .linkedPadding {
        padding: 8rem 2rem 4rem 2rem;
    }

    .footer {
        background-size: 100%;
    }

    .footerCont {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .social-items {
        justify-self: flex-end;
    }

    .footer-bottom-cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: .5rem;
    }

    .footer-text-cont {
        flex-direction: row;
    }

    .footer-text-cont span {
        display: flex;
    }


}

@media (min-width: 768px) and (max-height: 900px) {
    .hero-offsetter {
        bottom: 0rem;
    }

}

/* Large Screen Sizes */
@media (min-width: 1024px) {
    .hero-offsetter {
        max-width: 40rem;
    }
}

/* XL Screen Sizes */
@media (min-width: 1280px) {}

/* 2XL Screen Sizes */
@media (min-width: 1536px) {
    .hero-image {
        background-position: center 70%;
    }
}