@media (min-width: 700px) {
    
    .ccCol5 {
        padding: 0px;
        width: 41.6666667%;
    }

    .ccCol6 {
        margin: 20px 0px 20px 0px;
        padding: 0px;
        display: initial;
        width: 50%;
    }

    .ratesTableMobile {
        display: none;
    }

    .ratesTableDesktop {
        display: initial;
    }
}

@media (min-width: 1250px) {
    .content {
        padding: 20px 0px 20px 0px;
    }
}

@media (min-width: 900px) {
    .formCol7 {
        width: 58.3333333%;
    }

    .magCoverCol5 {
        display: initial;
        width: 41.6666667%;
    }
    
    .magCoverMobile {
        display: none;
    }
}

@media (min-width: 700px) {
    #mobileImage{
        display: none;
    }

    #desktopImage{
        display: block !important;
    }
}

@media (max-width: 768px) {
    .hero-img-container {
        height: auto;
    }

    .hero-img {
        height: auto;
    }
}

@media (min-width: 1000px) {
    /*hero image*/
    .hero-img-container {
        width: 100%;
        max-height: 45vh; /* desktop cap */
        min-height: 250px; /* mobile safety */
        overflow: hidden;
    }

    .hero-img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* key property */
        object-position: center;
    }

    .carousel {
        bottom: 100px;
    }

    .content {
        position: relative;
        bottom: 100px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}