body {
   padding-top: 5%;
    overflow-x: hidden;
     /* Cbackground-image: url("../images/Gear3_O_light.jpg");*/
     background-color: #f4f3f1;  
 }

 .bg-image hover-overlay

/* Carousel */

.CarouselCont {
    margin-top: 50px;
}
.carousel {
    background-color: #ff752b;
}


.carousel .carousel-item {
 height: 100px; 
 background-color:#ff752b;
 font-size: 40px;
 padding-top: 100px;
 padding-bottom: 80px;
 font-family:Arial, Helvetica, sans-serif;
 letter-spacing: 10px;
}

/* landpageDiv is for global div below carousel */
.landpageDiv {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    
}

@media only screen and (min-width: 200px) and (max-width: 810px){

    body {
        margin-top: 80px;
        overflow-x: hidden;
        background-color: #ff8000;  
      }

        div.CarouselCont {
        display : none;}

      .landpageDiv{
        margin-top: 5%;
        margin-left: 20px;
        margin-right: 20px;
        }

        div.home_bullets{
            display : none;
          }

       div.MktAll{
    display:flex;
    margin: auto;
    padding: 8%;
    justify-content: center;

 }

 div.mktCol{
    display:flex;
    flex-wrap: wrap;
    flex-direction:column;
    background-color:#ff752b;
    color: #ffffff;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 14px;
    text-align: center;
  
}

 div.MktAll1{
    margin: auto;
    padding:10px;
    text-align: center;
 }


    }

.midPageHeadText{
    background-color: #EB7D46;
    padding:20px;
    color: white;
}

.MiddlePageParent{
    margin-top:15px;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    margin-left: 5%;
    margin-right: 5%;
    
}

.MiddlePageParent2 {
    margin-top: 70px;
    margin-bottom: 20px;
}

.MiddlePageCards{
    outline: 2px solid orange;
    padding:10px;
    margin-bottom: 40px; 
}


.MidPgeImagebox{
    margin:auto;
}

.MidPgeTextbox{
    margin-right:8%;
    margin-top: 10px;
}

.MiddlePageParentCorp{
    display: flex;
    margin-top: 55px;
    margin-left: 20%;
    margin-right: 20%;
    justify-content:flex-end;  
}
.corpExample{
    width: 300px;
    height: 300px;
    background-color: yellow;
    outline-color: red;
    margin:auto;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: space-around; 
}  

.cardcolorText{
    background-color: #EB7D46;
    color: white;

}

.cardsbacktrans{
    margin-top: 10px;
    margin-bottom: 10px;
    background: none;
    border: 0px;
}

.orangeFont {
    background-color:#ff8000;
    height: 1.5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
   
}

{
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        .HoverDiv {
            position: relative;
            overflow: hidden;
            padding:10px;
           
         
         
        }
        
        .HoverDiv img {
            max-width: 100%;
            text-align: center;
            padding:10px;
            background-color: #ff752b;
            border-radius: 5px;
        }
        
        .HoverDiv:hover img {
            background-color:black;
            padding:10px;
        }


.head {
    display: flex;
    flex-wrap: nowrap;
    background-color:#f07a1f;
    color: white;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: auto;
}

.headerText{
    display: flex;
    justify-content: space-around;
    font-size: 130%;
    margin-top: 10px;
    text-align: center;
  
}

.headerTextHome{
    display: flex;
    font-size: 130%;
    margin-top: 10px;
    justify-content:center;
    text-align: center;
}
   

.main {
    display: flex;
    justify-content: center;
    margin: auto;
    flex-wrap: wrap;
    padding-left: 25px;
    padding-right: 25px;
    color: #ffffff;
    text-align: center;
}


.container-toptext {
  display: flex;
  flex-wrap: wrap;
  padding-left: 25px;
  padding-right: 25px;
  margin-left: 10%;
margin-right: 10%;
}



/*-home page content*/

.box {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: 20px;
    padding-left: 35px;
    padding-right: 35px;
    background-color:#f07a1f;
    border: solid #ffffff 2px;
    
    
    
}

.colhide {
    display: flex;
    display: none;
}

.orangeColor {
    background-color: #f07a1f;
}

.redColor { 
    background-color: #ff991a
}    

.whiteColor { 
    background-color: #ffffff;
}

.whiteFont {
    color: #ffffff;
}

.orangeFont {
    color:#f07a1f;
}

.filmWidth {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.indivVideo{
    margin:10px;
}




.license{
    background: none;
    border: 0px;
}

.home_bullets{
    display: flex;
    margin-top: 10px;
    margin: auto 5%;
    justify-content:center;
    color: black;
    flex-wrap: wrap;
    column-gap:20px;
}


ColBottom {
     margin-top: auto;
}


.flashbanners{
    margin-top: 3%;
    margin-left:15%;
    margin-right: 15%;
}

.CorpPageMain{
    margin-left: 5%;
    margin-right: 5%;
}


/* Hover modal image effects */

.buttpad{
    padding: 10px;
    background-color:#ff752b;
   
}

.modbutstyle{
    font-size: 80%;
}

.capcolor{
    display: flex;
    justify-content: center;
    background-color: #ff752b;
    color: white;
    min-height: 200px;
    width: 100%;
    margin: 5;

}


/* marketing pages */
.mktCol{
    display:flex;
    flex-wrap: wrap;
    flex-direction:column;
    background-color:#ff752b;
    color: #ffffff;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  
}

.MktAll{
    display:flex;
    margin: auto;
    padding-right: 8%;
    justify-content: center;

 }

 .MktAll2{
    margin: auto;
    margin:auto;
    padding: 15px;
 }

 .MktAll1{
    margin: auto;
    padding-top: 15px;
    text-align: center;
 }