html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-size: cover;
background-color: transparent;
background-image: url(/images/hero.jpg);
background-repeat: no-repeat;
background-position: center center;
}

/* @media(max-width: 1333px) { #twdbox { top: 0!important; left: 0!important; width: 310px!important; height: 140px!important; } }
@media(max-width: 1073px) { #twdbox { top: 0!important; left: 0!important; width: 310px!important; height: 140px!important; } }
@media(max-width: 815px) { #twdbox { top: 0!important; left: 0!important; width: 310px!important; height: 140px!important; } }
@media(max-width: 555px) { #twdbox { top: 0!important; left: 0!important; width: 310px!important; height: 140px!important; } } */ 

/* border-radius: 10px; */
/* filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.1)); */
.drop { filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.1)); }

#capbox { margin: 0; padding: 0; width: 600px;  height: auto; text-align: center; }
#headbox { display: flex; margin: 0 auto 80px; padding: 0; width: auto; height: 240px; background: #FFF; filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.1)); }

#twdbox {
top: 0; 
left: 0; 
right: 0;
bottom: 0;
padding: 0;
margin: auto;
width: 620px;
height: 280px;
max-width: 100%;
max-height: 100%;
overflow: auto;
position: absolute;
background-color: transparent;
background-image: url(/images/twd.png);
background-repeat: no-repeat;
background-position: center center;
}


#cmsorb {
top: 0; 
left: 0; 
right: 0;
bottom: 0;
padding: 0;
margin: auto;
width: 440px;
height: 440px;
overflow: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
border-radius: 50%;
background-color: #FFF;
background-repeat: no-repeat;
background-position: center center;
}

.qrmbox {
top: 410px;
margin: auto;
padding: 0;
width: 80px;
height: 80px;
z-index: auto;
position: relative;
visibility: visible;
background-color: transparent;
background-image: url(/images/qr.png);
}

#boxcap { margin: 0 auto; padding: 0; width: 95%; line-height: 20px; text-transform: uppercase; display: block; }
#boxcat { margin: 0 auto; padding: 0; width: 95%; line-height: 15px; text-transform: uppercase; display: block; }