.imageEditor--hats{
    max-width:100% !important;
    width:auto !important;
}

#wildcatBackground{
    background-image:url('/uploads/images/230914154838.jpg');
    height: 25em;
}
.imageEditor--card{
    max-width:100% !important;
    margin:0 !important;
    width:auto !important;
}
.cardFlex{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin:7em 0;
    gap:20px;
}
.card{
    max-width:375px;
}


/*TO THE EDGES OF THE PAGE*/
.htmlModuleWrap{
    padding:0;
}
.mod-safe-area{
    padding:0;
    max-width:100%;
}
.mod-page-wrap{
    padding:0;
}
/*LOGO FLEX*/
.imageEditor--logo{
    max-width:100% !important;
    width:auto !important;
}
.logoFlex--divider{
    background: #333;
    width: 5px;
    height: 5em;
    align-self: center;
    margin: 0 2em;
}
/*.htmlModuleWrap img{
    max-width:none;
}*/
.logoFlex{
    display:flex;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
}

.mod-content-image-headline{
    display:none;
}

.h1style, h1{
    font-size:70px;
}
.h3style{
    text-align: center;
    max-width: 800px;
    width:auto;
    margin: 0 auto;
    text-transform: uppercase;
    font-size:70px;
}
.defaultCTA{
    text-transform: uppercase;
    word-break: break-word;
    background:#512888;
    border:1px solid #fff;
    margin:0;
}

.defaultCTA:hover, .defaultCTA:focus{
    background:#3d1f66;
}

.wildcatCenter{
    width:45%;
    margin:0 auto;
}
.wildcatCenter p{
    line-height:1.5em;
}

.smallSpace{
    height: 0;
}

/*HOW IT WORKS*/
#howItWorks{
    background-image:url('/uploads/images/230908180258.jpg');
}
.worksFlex{
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin:3em auto;
    flex-wrap:wrap;
}
.worksFlex--text_title{
    font-size:35px;
    font-weight:600;
}
.worksFlex--text1_boxTitle{
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    line-height:1.2em;
}
.worksFlex--text{
    width:730px;
    margin:auto 0;
}

.worksFlex--text li{
    font-size:30px;
    line-height:1.5em;
}

.worksFlex--text1{
    background:lightgray;
    width:600px;
    padding:1em;
    border:2px solid #000;
}
.worksFlex--text1 ul li::before, .worsFlex-text1 ul li:before{
content:'-';
background:none;
top:.5em;
}
.worksFlex--text1 li:nth-child(1)::before, .worksFlex--text1 li:nth-child(1):before{
    top:0;
}

.worksFlex--text1 ul ul li:nth-child(1)::before, .worksFlex--text1 ul ul li:nth-child(1):before{
    top:.5em;
}
.worksFlex--text1 li{
    font-size:21px;
}
.worksFlex--text1 ul{
    padding:0;
}

/*WHO IS SECTION*/
.grayBackground{
    background:lightgray;
    margin:2em auto;
    border:2px solid #000;
    display:flex;
    flex-direction:row;
    justify-content: space-evenly;
    width:1200px;
    flex-wrap:wrap;
}
.grayImg--flex{
    display:flex;
    flex-direction: column;
}

.grayBackground img{
    max-width:500px;
}
.whoIs--txt{
    width:500px;
    padding:2em;
    margin:auto 2em;
}
.whoIs--txt p{
    font-size: 29px;
    line-height: 1.5em;
}

/*STUDENT SUPPORT SECTION*/
#studentSupport{
    background-image:url('/uploads/images/230908171615.jpg');
}
.studentTxt{
    text-align: center;
    line-height: 1.5em;
    font-size: 37px;
    width: 800px;
    margin: 0 auto;
}



/*PURPLE FOOTER*/
.purpleBackground{
    color:#fff;
    background:#512888;
    padding:1em 2em;
}
.purpleBackground a{
    color:#fff;
}
.purpleTitle{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 0 0 0.15em 0;
}
.purpleTxt{
    color: #fff;
    font-size: 32px;
    text-align: center;
    padding: 0 0 0.5em 0;
}

@media screen and (max-width:1230px){
    .grayBackground img{
        max-width:350px;
    }
    .whoIs--txt p{
        font-size:25px;
    }
    .grayBackground{
        width:1000px;
    }
}

@media screen and (max-width:1164px){
.cardFlex{
    margin:2em 0;
}
}

@media screen and (max-width:1050px){
    .imageEditor--hats{
        max-width:65% !important;
    }
}

@media screen and (max-width:1000px){
    .logoFlex--divider{
        display:none;
    }

    .grayBackground img{
        max-width:350px;
    }
    .whoIs--txt p{
        font-size:18px;
    }
    .grayBackground{
        width:500px;
    }
}

@media screen and (max-width:850px){
    .imageEditor--hats{
        max-width:85% !important
    }
}

@media screen and (max-width:830px){
    .h3style{
        font-size:50px;
    }
    .studentTxt{
        font-size:25px;
    }
}

@media screen and (max-width:770px){
.cardFlex{
    gap: 0;
}
}

@media screen and (max-width:749px){
    .cardFlex{
        margin:0;
    }
    #wildcatBackground{
        height:32em;
    }
}

@media screen and (max-width:740px){
    .h1style, h1{
        font-size:50px;
    }
    p, p a{
        max-width:100%;
    }
    .wildcatCenter{
        width:100%;
        padding:1em;
    }
    .defaultCTA{
        max-width:100%;
    }
    .h3style{
        padding:20px;
        font-size:40px;
    }
    .studentTxt{
        padding: 0 20px 20px 20px;
    }
    .worksFlex--text{
        width:530px;
    }
    .worksFlex--text1{
        width:400px;
    }
}



@media screen and (max-width:540px){
    .worksFlex--text li{
        font-size:22px;
    }
}

@media screen and (max-width:500px){
    .grayBackground{
        width:300px;
    }
    .whoIs--txt{
        padding:1em 0 0 0;
    }
    .grayBackground img{
        max-width:270px;
    }
    .purpleTitle{
        font-size: 30px;
        }
        .purpleTxt{
            font-size:20px;
        }
}

@media screen and (max-width:450px){
    .imageEditor--logo{
        max-width:75% !important;
    }
    .logoFlex--img{
        text-align:center;       
    }
}