/**Media Queries*/
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
  html {
    font-size: 65%;
  }
  /**Home*/
  .home .content h3 {
    font-size: 8rem;
  }
}
@media screen and (max-width: 768px) {
  /**Header*/
  #menu-btn {
    display: inline-block;
  }
  .site-header .header-nav {
    position: absolute;
    top: 99%;
    left: 0;
    right: 0;
    border-top: 0.1rem solid var(--light-white);
    border-bottom: 0.1rem solid var(--light-white);
    background-color: var(--light-bg);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  .site-header .header-nav ul {
    flex-flow: column;
  }
  .site-header .header-nav ul li a {
    display: block;
    margin: 2rem;
  }
  /**Home*/
  .home .content h3 {
    font-size: 6rem;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 50%;
  }
  .heading {
    font-size: 3rem;
  }
}