@media only screen and (max-width: 1590px) {
    .months {
      width: 80%;
    }
    .blockBaseContainer {
      width: 85%;
    }
    .membership {
      width: 97.5%;
    }
  }
  
  @media only screen and (max-width: 1315px) {
    .months {
      width: 90%;
    }
    .blockBaseContainer {
      width: 90%;
    }
  }
  
  @media only screen and (max-width: 1175px) {
    .blockBaseContainer {
      width: 92.5%;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    .mainbody {
      height: 100vh;
      /* padding-top: 50px; */
    }
    .covid-note {
      padding: 0px 5px;
    }
    .covid-note p {
      text-align: center;
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media only screen and (max-width: 1005px) {
    .blockBaseContainer {
      width: 95%;
    }
  }
  
  @media only screen and (max-width: 960px) {
    .menuLeft {
      display: none;
    }
  
    .menuMobile {
      display: flex;
      visibility: hidden;
      position: fixed;
      top: 0;
      right: 0;
      flex-direction: column;
    }
  
    .menuBurger {
      display: block;
    }
  
    .menuBurger:focus {
      outline: none;
    }
  
    .menuBurger:focus .menuMobile,
    .menuBurger:active .menuMobile  {
      visibility: visible;
    }
  
    .langLink {
      width: 135px;
    }
  
    .menuBlock {
      height: 50px;
    }
  
    .menuLink {
      height: 50px;
      width: 150px;
      background: #151515;
    }
  
    .menuMobile .menuLink a {
      -webkit-transition: 0s;
      -moz-transition: 0s;
      -ms-transition: 0s;
      -o-transition: 0s;
      transition: 0s;
    }
  
    .menuLink a:hover {
      -webkit-transform: none;
      -moz-transform: none;
      transform: none;
    }
  
    .logo {
      height: 50px;
      width: 50px;
    }
  
    .logo img {
      height: 40px;
      width: 40px;
    }
  
    html {
      scroll-behavior: auto;
    }
  
    .blockBase {
      padding: 50px 0px 10px 0px;
    }
  
    .covidInfo {
      padding: 2rem;
    }
    .covidInfoClose {
      top: 2rem;
      right: 2rem;
    }
    .covidAlert div {
      font-size: 0.9rem;
    }
    p.announcement-covid {
      line-height: 1.85rem!important;
      font-size: 1.25rem!important;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .registration-locations {
      flex-direction: column;
      align-items: baseline;
    }
    .registration-location {
      padding-left: 1rem;
    }
    .registration-location--one:after {
      width: 95%;
      height: 1px;
      bottom: 0;
      right: auto;
    }
    .covid-note {
      padding: 0px 5px;
    }
    .covid-note p {
      font-size: 1rem;
      line-height: 1.5rem;
      text-align:left;
    }
    p.announcement {
      font-size: 1.1rem;
      margin: 1rem 0rem;
    }
    p.announcement-covid {
      line-height: 1.5rem!important;
      font-size: 1rem!important;
      /* text-align: center; */
      /* font-weight: 600; */
    }
  }
  
  @media only screen and (max-width: 450px) {
    .box, .box2 {
      width: 230px;
      height: 150px;
    }
  
    .box p, .box a, .box2 p, .box2 a {
      font-size: 14px;
      line-height: 110%;
    }
  
    .clubBody h1, .aboutBody h1, .interest h1, .calendar p, .galleryBody h1, .address h1, .mainbody p {
      font-size: 18px;
      line-height: 25px;
    }
  
    .clubBody li {
      font-size: 14px;
      line-height: 25px;
    }
  
    .aboutBody p, .interest p, .galleryBody p {
      font-size: 14px;
      line-height: 23px;
    }
  
    .conInfo p {
      font-size: 14px;
      line-height: 23px;
    }
  
    .blockBaseContainer h3 {
      font-size: 25px;
    }
  
    .covid-alert a {
      font-size: 0.9rem;
    }
  
    footer {
      font-size: 0.7rem;
      line-height: 0.7rem;
    }
  
    .blockBaseContainer {
      width: 90%;
    }
  
    .covidInfo {
      padding: 1.5rem;
    }
    .covidInfo-title {
      font-size: 1rem;
    }
    .covidInfoClose {
      top: 1.5rem;
      right: 1.5rem;
    }
    .covidInfo-rules li {
      font-size: 0.9rem;
      margin: 1rem 0rem 1rem 1rem;
    }
    .covidAlert div, .covidAlert p {
      font-size: 0.85rem;
    }
    .registration-steps p {
      margin-left: 0.5rem;
    }
    .registration-location {
      padding-left: 0.5rem;
    }
    .covid-note {
      padding: 0px;
    }
    .covid-note p {
      font-size: 0.9rem;
      line-height: 1.25rem;
      text-align:left;
    }
    p.announcement {
      font-size: 1rem;
      line-height: 1.25rem;
      margin: 0.5rem 0rem;
    }
    .mainbody {
      height: 100vh;
    }
  }