html,body { width: 100%; height: 100%;font-family: Arial !important;  }
@media(min-width: 320px) {html{font-size: 8.5333px !important;}}
@media(min-width: 360px) {html{font-size: 9.6px !important;}}
@media(min-width: 375px) {html{font-size: 10px !important;}}
@media(min-width: 384px) {html{font-size: 10.24px !important;}}
@media(min-width: 411px) {html{font-size: 10.96px !important;}}
@media(min-width: 414px) {html{font-size: 11.04px !important;}}
@media(min-width: 448px) {html{font-size: 11.9467px !important;}}
@media(min-width: 480px) {html{font-size: 12.8px !important;}}
@media(min-width: 512px) {html{font-size: 13.6533px !important;}}
@media(min-width: 544px) {html{font-size: 14.5067px !important;}}
@media(min-width: 576px) {html{font-size: 15.36px !important;}}
@media(min-width: 608px) {html{font-size: 16.2133px !important;}}
@media(min-width: 640px) {html{font-size: 17.0667px !important;}}
@media(min-width: 750px) {html{font-size: 20px !important;}}
*{ padding: 0; margin: 0; transition: all .3s ease}
*::before, *::after{transition: all .3s;}
a { text-decoration: none; color: #333; }
img { border: none; max-width: 100%; vertical-align: top; display: block; }
ul { list-style: none; }
.flex { display: flex !important; flex-wrap: wrap; }
.hide { display: none !important; }
.block { display: block; }
@media (min-width:750px){
    .wrap{width:750px;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;margin:0 auto}
}
.wrap{max-width:100%;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;margin:0 auto}
.animation{animation:scale 4s linear infinite}
span{display: inline-block;}
.capital{text-transform: uppercase;}

#type{margin-top: 1.5rem;width: 100%;}
#type h4{background-image: linear-gradient(90deg, #FEDE4B 70%, #fff 100%);padding: 0.5rem 0;font-weight: 400;font-size: 1.2rem;padding-left: 0.5rem;}
#get_free{margin-top: 1rem;text-align: center;}
#get_free a button{--bg:#FE7F00;--text-color:#fff;position:relative;border:none;background:var(--bg);color:var(--text-color);padding:0.5rem 0.75rem;transition:0.2s;border-radius:1rem;opacity:0.8;letter-spacing:1px;box-shadow:#fd5d00 0px 7px 2px,#000 0px 8px 5px;font-size: 1.2rem;}


@keyframes scale{
  0%{transform:scale(1)}
  12.5%{transform:scale(1.1)}
  25%{transform:scale(1)}
  37.5%{transform:scale(1.1)}
  50%{transform:scale(1)}
  75%{transform:scale(1.1)}
  100%{transform:scale(1)}
}

.enlargeImg_wrapper {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: rgba(52, 52, 52, 0.8);
    background-size: 80%;
  }

  .enlargeImg:hover {
    cursor: zoom-in;
  }

  .enlargeImg_wrapper:hover {
    cursor: zoom-out;
  }
  @media screen and (min-width:375px)and (max-width:900px) {
    .enlargeImg_wrapper {
        background-size: 100% !important;
      }
   
}