/**/

@media screen and (min-width: 1441px) and (max-width: 1670px) {
  html {
    font-size: 90px;
  }
}

@media screen and (min-width: 981px) and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  html {
    font-size: 70px;
  }
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
}

/**/
@media (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }

  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}