@media screen and (max-width: 1750px) {
  :root {
    --medium-text: 2rem;
    --big-text: 6rem;
    --medium-space: 5rem;
    --big-space: 10rem;
  }
  html, body {
    font-size: 18px;
  }
}
@media screen and (max-width: 1450px) {
  :root {
    --medium-text: 2rem;
    --big-text: 4rem;
    --medium-space: 3rem;
    --big-space: 8rem;
  }
  html, body {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  html, body {
    font-size: 16px;
  }
  .align-center-lg {
    text-align: center !important;
  }
  .align-left-lg {
    text-align: left !important;
  }
  .m-top-lg-m {
    margin-top: var(--medium-space);
  }
  .col-pad {
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --medium-text: 1.5rem;
    --big-text: 3rem;
    --medium-space: 2rem;
    --big-space: 6rem;
  }
  html, body {
    font-size: 18px;
  }
  .hide-md {
    display: none !important;
  }
  .align-center-md {
    text-align: center !important;
  }
  .align-left-md {
    text-align: left !important;
  }
  .m-top-lg-m, .m-top-md-m {
    margin-top: var(--medium-space);
  }
  .container-grid {
    display: none;
  }
  figure.img-hero.d-none {
    display: block !important;
  }
  .panel {
    padding-top: 0;
  }
  .panel .col-25 {
    width: 100%;
  }
  .panel .col-50 {
    width: 100%;
  }
  .panel .panel-img .col-50 {
    width: 49.5%;
  }
  footer {
    margin-top: var(--big-space);
  }
}
@media screen and (max-width: 767px) {
  .hide-sm {
    display: none !important;
  }
  .align-center-sm {
    text-align: center !important;
  }
  .align-left-sm {
    text-align: left !important;
  }
  .m-top-lg-m, .m-top-md-mob-m, .m-top-sm-m {
    margin-top: var(--medium-space);
  }
  section.section-hero {
    height: auto;
  }
  .claim-hero {
    position: relative;
  }
  .col-20 {
    width: 100%;
  }
  .col-30 {
    width: 100%;
  }
  .col-40 {
    width: 100%;
  }
  .col-25 {
    width: 100%;
  }
  .col-50 {
    width: 100%;
  }
  .col-75 {
    width: 100%;
  }
  .col-100 {
    width: 100%;
  }
  .linemask {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  :root {
    --medium-text: 1.5rem;
    --big-text: 2.75rem;
    --medium-space: 2rem;
    --big-space: 4rem;
  }
  html, body {
    font-size: 18px;
    line-height: 1.3;
  }
  .hide-xs {
    display: none !important;
  }
  .align-center-xs {
    text-align: center !important;
  }
  .align-left-xs {
    text-align: left !important;
  }
  .m-top-lg-m, .m-top-md-mob-m, .m-top-sm-m, .m-top-xs-mob-m {
    margin-top: var(--medium-space);
  }
  .imglogo.d-none {
    display: block !important;
  }
  .panel {
    min-height: 0;
  }
  .panel-title {
    padding: var(--medium-space) 0;
  }
  .panel-content {
    padding-bottom: var(--big-space);
  }
  .menu-footer {
    font-size: 10px;
  }
  .preloader .pre-logo {
    background-image: url("../img/logo-mobile.svg");
  }
}