#chipotleu-hero {
    .aem-hero__background { min-height: 770px; }
    .aem-hero__background .bg-video.d-block { height: 770px; }
}

#earn-points {
    .aem-hero__foreground { height: 85%; min-height: 600px; }
}

#free-food-drops {
    margin-top: -25%; 
}

#college-exclusive {
    margin-top: -5%;
    .aem-hero__button { width: 175px; }
}

#chipotleu-rewards,
#your-shortcut {
    .aem-hero__foreground { flex-direction: column; }
}

#chipotleu-rewards {
    .aem-hero__button { width: 175px; margin-bottom: 10px; }
    min-height: 950px;
}

#chipotleu-rewards .aem-hero__background img.d-inline {
    min-height: 950px;
}

#your-shortcut { min-height: 800px; }

#text-faq { width: 80%; margin: auto; }

.accordion.panelcontainer { width: 95%; margin: auto; }

@media (min-width: 575px) {
    #chipotleu-hero {
        .aem-hero__button.cmp-button.sm\:d-block { min-height: 40px; }
    }   

    #earn-points {
        .aem-hero__background { max-height: 100%; }
    }
}

@media (min-width: 768px) {
    #free-food-drops,
    #college-exclusive {
        margin-top: 0;
    }

    #chipotleu-hero {
        min-height: 450px;
        
        .aem-hero__background { 
            min-height: 100%; 
            .bg-video.md\:d-block { min-height: 450px; }
        }
     }

    #earn-points {
        min-height: 600px; 
        .aem-hero__foreground { height: 100%; }
    }

    #free-food-drops {
        min-height: 600px;
    }

    #college-exclusive { min-height: 650px; }

    #chipotleu-rewards,
    #your-shortcut {
        min-height: 600px; 
        .aem-hero__foreground { flex-direction: row; }
    }

    #chipotleu-rewards {
         .aem-hero__button { margin: 0 0 10px 10%; }
         .aem-hero__legal.md\:d-block { margin-left: 10%; }
    }

    #chipotleu-rewards .aem-hero__background img.md\:d-inline {
        min-height: 855px;
    }
    
    #text-faq { width: 20%; }

    .accordion.panelcontainer { width: 100%; }
}

@media (min-width: 575px) and (max-width: 767.9px) {
    #free-food-drops { margin-top: -55%; }

    #college-exclusive { margin-top: -35%; z-index: 10; }

    #your-shortcut {
        margin-top: -40%;
        .aem-hero__copy { margin: 25% 0 0 0; z-index: 100; }
    }

    #earn-points,
    #free-food-drops,
    #college-exclusive {
        .aem-hero__copy { margin: 40px 0 25% 0; }
    }
}

@media (max-width: 374.9px) {
    #free-food-drops { margin-top: 0; min-height: 630px; }

    #college-exclusive { margin-top: -24%; min-height: 650px; }

    #your-shortcut { min-height: 850px; }
    
    #chipotleu-rewards .aem-hero__background img.d-inline { 
        min-height: 1000px; 
    }
}