/*#region Home*/

#homevideo { width: 100%; cursor: pointer; }
.homeboxes { padding: 1em 1em 0em;  margin:0 auto; }
.homeboxes .homeboximg { float: right; width: 36%; height:30vw; max-height:140px; max-width: 150px; margin: 0 0 0 1em; background-size:contain; background-position:right top; background-repeat:no-repeat; display:block;  }

#content .homeboxes .col { background: #fff; padding: 1em; }
    #content .homeboxes .col h2 { font-size: 1.5em; margin-top: 0; }
#content .homeboxes a.col { display: block;  }

#content .homeboxes .colvideo { background-size: cover; height: auto; background-position: center center; min-height: 8em; padding: 0 !important; }

#content .homeboxes p, #content .homeboxes h2, #content .hd_red p { color: #fff; }
#content .homeboxes .col h2, #content .homeboxes .col h1 { margin: 0; font-size: 1.5em;  line-height: 130%; }

#content .homeboxes .light_blue, #content .light_blue { background-color: #47a3da; }
#content .homeboxes .dark_blue, #content .dark_blue { background-color: #40638E; }
#content .homeboxes .hd_red, #content .hd_red { background-color: #900; color: #fff; }
#content .homeboxes .econatural, #content .econatural { background-color: rgb(172, 152, 112) !important; }
#content .homeboxes .sale_red, #content .sale_red { background-color: #d00; }
#content .homeboxes .white, #content .white { background-color: #fff; }
#content .homeboxes .black, #content .black { background-color: #000; }
    #content .homeboxes .white p, #content .homeboxes .white h2, #content .white p, #content .white h2 { color: #000; }

#content .homeboxes a.col { text-decoration: none; }
    #content .homeboxes a.col:hover { text-decoration: none; }

#videocontainer { position: relative; width: auto; height: 0; padding-bottom: 56.25%; cursor:pointer; }
#videocontainer iframe, #videocontainer img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#content .homeboxes a.hidemobile{ display:none;}
/*#endregion*/
@media screen and (min-width:600px) {
    #content .homeboxes a.hidemobile { display: block; }
    #content .homeboxes .col h2, #content .homeboxes .col h1 {font-size: 3vw;}
}

@media screen and (min-width:800px) {
    .homeboxes { display: grid; grid-gap: 0.5em 1em; grid-template-columns: 1fr 1fr 1fr; }
    #content .homeboxes a.col { display: block; }
    #content .homeboxes .col{ margin-top:0;}
    #content .homeboxes .col h2, #content .homeboxes .col h1 { font-size: 2vw; }
}

@media screen and (min-width:1000px){
    #content .homeboxes .col { padding: 1.4em; }
    #content .homeboxes .col h2, #content .homeboxes .col h1 { margin: 0; font-size: 2.3em; font-size: 2vw; line-height: 130%; }
}
@media screen and (min-width:1400px) {
    
    #content .homeboxes .col h2, #content .homeboxes .col h1 { font-size: 2.3em;  }
}