/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


#hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod .only-desktop {
padding-top: 110px;
padding-bottom: 110px;
}

.only-mobile {
  display: none !important;
  }

.hhs-hero-mod video {
height: auto;
max-width: 101%;
min-width: 80%;
top: 45%;
width: auto;
}


@media only screen and (max-width: 992px) {
  body {

#hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod {
padding-top: 30px;
padding-bottom: 150px;
}
    
#hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod .row {
margin-top: 100px;
}
   
#hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod {
background-size: 220%;
}
    

    
.hhs-hero-mod video {
height: auto;
max-width: 105%;
min-height: 100%;
min-width: 80%;
top: 57%;
width: auto;
}
    }