.main-strap-lg {
color:#000000;
display: inline-block;
margin-bottom:5px;
}

.main-strap-sm {
font-size:14px;
margin-left:3px;
}



#hero-sec {
min-height:100vh;
 display: flex;
  flex-direction: column;
  justify-content: center; /* vertical centering */
  gap:0px;
}

.flex-center-rows {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height:23vh;
/*  border:10px solid red; */
  margin-top:0px;
  margin-bottom:0px;
}

#hero-sec > :nth-child(3) {
flex-direction:row;
}



.hero-bg {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* iframe behaves like background */
.hero-iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
}

/* PNG defines the height */
.hero-mask {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    display: block;
    border:2px solid #FED93F;
}






@media (max-width: 1500px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {
.flex-center-rows {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height:54vh;
}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

}