@media screen and (max-width: 1920px) {
  :root {
	  
  }
  html, body {
    font-size: 18px;
  }
}
@media screen and (max-width: 1450px) {
  :root {
	  
  }
  html, body {
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  :root {
	  
  }
  html, body {
    font-size: 18px;
  }
  .hide-lg {
    display: none !important;
  }
  .align-center-lg {
    text-align: center !important;
  }
  .align-left-lg {
    text-align: left !important;
  }
  .m-top-lg-m {
    margin-top: var(--md-space) !important;
  }
}
@media screen and (max-width: 991px) {
  :root {
	  
  --logo-width: 180px;
  }
  html, body {
    font-size: 18px;
  }
  .hide-md {
    display: none !important;
  }
  .hide-desktop {
    display: block !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(--md-space) !important;
  
}
@media screen and (max-width: 767px) {
  :root {
	  
  --logo-width: 150px;
  }
  html, body {
    font-size: 16px;
  }
  .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-m, .m-top-sm-m {
    margin-top: var(--md-space) !important;
  }
  footer .m-top-sm-m {
    margin-top: var(--rg-space) !important;
  }
}
@media screen and (max-width: 575px) {
  :root {
	  
  }
  html, body {
    font-size: 18px;
  }
  .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-m, .m-top-sm-m, .m-top-xs-m {
    margin-top: var(--md-space) !important;
  }
  footer .m-top-sm-m {
    margin-top: var(--rg-space) !important;
  }
  footer .m-top-xs-m {
    margin-top: var(--rg-space) !important;
  }
}