#hero {

    background: #397A6D;
    width: 100%; height: 56.25vw; min-height: 540px; max-height: 80vh;

    overflow: hidden;
    position: relative;
}

/*#hero>div { width: 100%; height: 0; padding-bottom: 56.25%;
    position: relative; pointer-events: none; }*/

#hero #heroratio {
    position: absolute; width: 100%; height: 100%;
}
#hero iframe {
    position: absolute; width: 100%; height: 100%; pointer-events: none;
     object-fit: cover;  top: 50%; left: 50%; transform: translate(-50%,-50%);

}
body.home { }