body{
    overflow-x: hidden;
}


.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.herotext{
    position: absolute;
    margin-top: 7rem;
    width:100%;
    color:white;
    text-shadow: 1px 1px 2px rgb(0 0 0);
    /*text-shadow: 1px 1px 2px rgb(251 231 206);*/
}





.sub_hdr{
    font-size: 1.35rem;
}



.sponsors{
    margin-left: 12px;
    margin-bottom: 15px;
}


.bg_orange{
    background: orange;
}


a.bg_orange:hover{
    opacity: .9;
}


svg{
    color: orange;
}

svg.svg-inline--fa.fa-w-10{
    color: orange;
    width: 16pt;
    height: 16pt;
}

svg.svg-inline--fa.fa-w-14{
    color: orange;
    width: 17pt;
    height: 17pt;
}
svg.svg-inline--fa.fa-w-16{
    color: orange;
    width: 16pt;
    height: 16pt;
}

a, a:hover{
    text-decoration: none;
}

.carousel-item .img-fluid{
    width: 100%;
    height: auto;
}


.h5_alt{
    font-size: 1.25rem;
}



.mt_10, .my_10{
    margin-top: 10rem;
}

.mb_10, .my_10{
    margin-bottom: 10rem;
}




.mt_8, .my_8{
    margin-top: 8rem;
}

.mb_8, .my_8{
    margin-bottom: 8rem;
}



.mt_6, .my_6{
    margin-top: 6rem;
}

.mb_6, .my_6{
    margin-bottom: 6rem;
}






























@media (max-width: 1199.98px){

}








































































































































































































/*** Tablet device or screen size - 992px ***/
@media (max-width: 991.98px) {

.ml-0{
    margin-left: 0;
}
.mr-0{
    margin-right: 0;
}

}


   
    
    
    
    /*** Mobile device or screen size - 768px ***/
@media (max-width: 767.98px) {



.order-mob-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-mob-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-mob-3 {
    -ms-flex-order: 3;
    order: 3;
}
        



.herotext {
    font-size: 2rem;
}

}

@media (min-width: 768px) {

.md_block{
    display:block;
}
}














.hit{
    width:100%;
    height: 900px;
}


  

.hrf {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid white;
  }


























  .over{
    overflow: hidden;
  }