.hero-cohort {background-image: url('../img/cohorts/hero-cohorts-2-sm.jpg');}
@media (min-width: 768px) {.hero-cohort{background-image: url('../img/cohorts/hero-cohorts-2-md.jpg');}}
@media (min-width: 1200px) {.hero-cohort {background-image: url('../img/cohorts/hero-cohorts-2.jpg'); }}


#cohortExamples section {min-height:990px;}
@media (min-width: 768px) {#cohortExamples section {min-height:760px;}}
@media (min-width: 992px) {#cohortExamples section {min-height:670px;}}
@media (min-width: 1200px) {#cohortExamples section {min-height:570px;}}

#cohortExamples .carousel-control-next, 
#cohortExamples .carousel-control-prev {color:var(--aal-red); opacity:1; width:2rem; padding-right:2rem;}
#cohortExamples .carousel-control-next {padding-right:2rem;}
#cohortExamples .carousel-control-prev {padding-left:2rem;}

.carousel-indicators li{ width: 10px !important; height: 10px !important; border-radius:50%;}
.carousel-indicators li.active {background-color: var(--aal-red);}
.carousel-indicators li{ background-color:brown; }
.carousel-item { transition: -webkit-transform 0.9s ease-in-out; transition: transform 0.9s ease-in-out; }

@media (min-width: 768px) { #cohortExamples .carousel-indicators {display:none;}}
@media (max-width: 767.9px) { #cohortExamples .carousel-control-next, #cohortExamples .carousel-control-prev {display:none;}}