/* xl */
@media (min-width: 1400px) {     
    #catch-and-cook-bubble {
        left: 16rem;
        bottom: 4rem;
        width: auto;
    }

    #bottom-img-row {
        margin-top: -8rem;
    }

    .weekly-event-img  {
        height: 20vh;
    }
}

/* lg */
@media (max-width: 1399px) and (min-width: 1200px) { 
    #catch-and-cook-bubble {
        left: 16rem;
        bottom: 4rem;
        width: auto;
    }

    #bottom-img-row {
        margin-top: -8rem;
    }

    .weekly-event-img  {
        height: 20vh;
    }
}

/* md */
@media (max-width: 1199px) and (min-width: 992px) { 
    #catch-and-cook-bubble {
        left: 14rem;
        bottom: 3rem;
        width: 50%;
    }

    #bottom-img-row {
        margin-top: -7rem;
    }

    .weekly-event-img  {
        height: 15vh;
    }
}

/* sm */
@media (max-width: 991px) and (min-width: 768px) { 
    #catch-and-cook-bubble {
        left: 7rem;
        bottom: -13rem;
        width: 65%;
    }

    #bottom-img-row {
        margin-top: -7rem;
    }

    .homepage-col, #hours-homepage {
        border: none !important;
    }

    .weekly-event-img  {
        height: 10vh;
    }
}

/* mobile */
@media (max-width: 767px) { 
    .homepage-col, #hours-homepage, #hours-contact {
        border: none !important;
    }

    .vi-blue-bottom {
        border: none !important;
        color: #1A58CC !important;
    }

    .mobile-one-col {
        columns: 1; 
        -webkit-columns: 1; 
        -moz-columns: 1;
    }

    #catch-and-cook-bubble {
        left: 8rem;
        bottom: 0rem;
        width: 70%;
        max-width: 160px;
    }

    #bottom-img-row {
        margin-top: -3rem;
    }

    .small-imgs {
        width: 140px !important;
        height: 100px !important;
    }

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #1A58CC;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #1A58CC transparent transparent transparent;
        top: 50%; 
        left: 40%;
    }
}