/**
 * Divided up by breakpoints provided by:
 * https://getbootstrap.com/docs/5.0/layout/breakpoints/
 **/
 
/* X-Small | <576px */
@media (max-width: 575px) {
    .profile-img {
        max-width: 100vw;
    }

    .policies-img {
        order: 1;
        max-width: 100vw;
    }
    .policies .content {
        order: 2;
    }

    .product-img {
        order: 1;
        max-width: 60vw;
    }
    .product .content {
        order: 2;
    }
    
    /* .logo {
        display: none;
    } */

    /* .social-media {
        display: none;
    } */

    .custom-header .title {
        display: none;
    }

    .map {
        max-width: 50vh !important;
    }
}

/* Small | ≥576px */
@media (min-width: 576px) {
    .profile-img {
        max-width: 100vw;
    }
    
    .policies-img {
        order: 1;
        max-width: 100vw;
    }
    .policies .content {
        order: 2;
    }

    .product-img {
        order: 1;
        max-width: 40vw;
    }
    .product .content {
        order: 2;
    }

    .map {
        max-width: 100vh !important;
    }
}

/* Medium | ≥768px */
@media (min-width: 768px) {
    .profile-img {
        max-width: 35rem;
    }
    .description {
        max-width: 35rem;
    }

    .policies-img {
        order: 1;
        max-width: 35rem;
    }
    .policies .content {
        order: 2;
    }

    .product-img {
        order: 1;
        max-width: 20rem;
    }
    .product .content {
        order: 2;
    }

    .map {
        max-width: 35rem !important;
    }
}

/* Large | ≥992px */
@media (min-width: 992px) {
    .about {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .profile-img {
        max-width: 25rem;
        padding-right: 2rem;
    }

    .contact {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .map {
        max-width: 50rem !important;
    }

    .policies {
        height: 50rem;
        display: flex;
        flex-direction: row;
    }
    .policies .content {
        order: 1;
        padding-right: 2rem;
        text-align: right;
    }
    .policies-img {
        order: 2;
        max-height: auto;
        max-width: 25rem;
        padding-right: 2rem;
    }

    .product {
        height: 35rem;
        display: flex;
        flex-direction: row;
    }
    .product .content {
        order: 1;
        padding-right: 2rem;
        text-align: right;
    }
    .product-img {
        order: 2;
        max-height: auto;
        max-width: 25rem;
        padding-right: 2rem;
    }
}

/* Extra Large | ≥1200px */
@media (min-width: 1200px) {
    .policies-img {
        max-width: 40rem;
    }

    .product-img {
        max-width: 25rem;
    }
}

/* Extra Extra Large | ≥1600px */
@media (min-width: 1600px) {
    
}