.headr {

  left: 0;
  position: absolute;
  max-width: 100%;
  min-width: 100%;
  height: 57px;
  color:#eee;
  font-size:1.5em;
  font-weight:600;
  margin: 0 !important;
  display: inline-block;
}
.catgr {
  bottom: -41px;
  position: absolute;
  max-width: 100%;
  min-width: 100%;
  background-color: #888;
  padding:5px !important;
  display:flex;
  justify-content: space-around;
  margin: 0 !important;
  color:#eee;
  font-size:1.2em;
  font-weight:600;
  height: 31px;
}
.carousel-image{
    max-height: 22vh !important;
}
.featherlight-close-icon.featherlight-close {
  display:none;
}
.headr{font-size:1.5em;}
.bottombanner2, .topbanner{font-size:2vw;}

@media (min-width:320px){
  .headr{font-size:1.2em;}
  .bottombanner2, .topbanner{font-size:5vw;}
}
@media (min-width:480px){
  .headr{font-size:1.25em;}
  .bottombanner2, .topbanner{font-size:5vw;}
}
@media (min-width:720px){
  .headr{font-size:1.30em;}
  .bottombanner2, .topbanner{font-size:4vw;}
}
@media (min-width:960px){
  .headr{font-size:1.35em;}
  .bottombanner2, .topbanner{font-size:2vw;}
}
@media (min-width:1200px){
  .headr{font-size:1.40em;}
}
@media (min-width:1440px){
  .headr{font-size:1.45em;}
}

p.headr, .catgr span {
  text-shadow: 1px 1px #000;
}