/*********************
main.css
Para : www.cde-online.com
Midlothian, VA
Septiembre 20 2020
**********************/
/*************** DIV'S ****************/
.main-body{position: relative;overflow: hidden;width:100%;max-width:100%}
.row{display:-ms-flexbox;display:flex;flex-wrap:wrap;width:99%;max-width:99%;padding-left: 1%;}
.col-center{position: relative;overflow: hidden;width: 60%;float: left;}
.col-left{position: relative;overflow: hidden;width: 19%;float: left;}
.div100{width: 100%;max-width: 100%;display: inline-block;}
.div1col{width: 100%;max-width: 100%;display: inline-block;}
.div2col{width: 49.6%;max-width: 49.6%;display: inline-block}
.div3col{display: inline-block;width: 32.8%;max-width: 32.8%}
.div4col{display: inline-block;width: 24%;max-width: 24%}
.div2colfix{width: 49%;max-width: 49%;display: inline-block}
.div4colfix{display: inline-block;width: 24%;max-width: 24%}
/*** para search ***********/
.maindivsearch{width: 99%;position: relative;display: inline-block;background-color: white}
.divsearch{position: relative;overflow: hidden;width: 93%;display: inline-block;padding-bottom: .3em;padding-top: .3em;height:2.9em;}
.div5search{position: relative;overflow: hidden;width: 5%;display: inline-block; height: 3em;padding-top:.8em;}
/*************** TEXT ******************/
.BigHeader{font-family:'Montserrat',sans-serif;font-size:2.2em;font-weight:600;padding-top:1.3em;line-height:1.4em;width: 99%}
.MediumHeader{font-family:'Montserrat',sans-serif;font-size:1.6em;font-weight:400;padding:1em 0 .5em 0;line-height:1.5em;width: 99%;}
.SmallHeader{font-family:'Montserrat',sans-serif;font-size:1.1em;font-weight:600;padding:1em 0 1em 0;line-height:1.5em;width: 99%;}
.MediumText{font-family:'Montserrat',sans-serif;font-size:1.3em;font-weight:400;padding:1em 0 1em 0;line-height:1.4em;width: 99%}
.SmallText{font-family:'Montserrat',sans-serif;font-size:1em;font-weight:400;padding:2em 0 2em 0;line-height:1.4em;width: 99%}
.bodyText{font-family:'Montserrat',sans-serif;font-size:1.2em;font-weight:400;padding-top:1.3em;line-height:1.5em;width: 99%;}

.showImages{width:100%;height: 50%}
.showImages img{width:100%}

@media screen and (max-width:20em){
  .boton,.boton2{font-size: .8em}
}

@media screen and (max-width: 30em){
  .row{width:95%;max-width:95%;margin-left:2%;padding-left: 2%}
  .col-left{display: none;}
  .col-center{width: 100%;border: 1px solid}
  .div3col{width:99.7%;max-width: 99.7%}
  .div2boton,.div3boton{width:99%;max-width: 99%;margin-top: 2em}
  .BigHeader{font-size: 1.8em}
  .MediumHeader{font-size: 1.3em}
  .MediumText{font-size: 1.1em}
  .bodyText{width: 95%;padding-left: 2%}
  .foot{line-height: 2em}
  .divhoracontainer,.btncontainer{width: 98%;}
  .showimg{width: 15%}
}

@media screen and (min-width: 30em) and (max-width : 53em){
  .col-left{width:8%;}
  .col-center{width: 84%;}
  .row{width:98%;max-width:98%;padding-left: 1%;}
  .div2boton,.div3boton{width:99%;max-width: 99%;margin-top: 2em}
  .BigHeader{font-size: 2em}
  .MediumHeader{font-size: 1.3em}
  .MediumText{font-size: 1.1em}
}

@media screen and (min-width:53em) and ( max-width:70em){
  .col-left{width: 10%}
  .col-center{width: 80%;}
  .row{width:97%;max-width:97%;padding-left: 1em}
}