@media only screen and (max-width: 1000px) {
  .b{
    max-width:90%;
  }
  h1{
    font-size:60px;
    line-height: 66px;
  }
  h2{
    font-size: 40px;
  }
  h3{
    font-size: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .section{
    display:flex;
    flex-direction: column;
  }
  .title-left{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap:10px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .a{
    padding:5px;
  }
  .b{
    max-width:90%;
  }
  h1{
    font-size: 30px;
    line-height: 30px;
  }
  h2{
    font-size:25px;
    padding-top:10px;
  }
  h3{
    font-size: 20px;
  }
  h4{
    font-size:14px;
    letter-spacing: 0px;
  }
  a.logo{
    font-size: 20px !important;
  }
  .button-hide, .button-dead, .button-wounded, .button-repealed, .button-assault{
    font-size: 13px;
    padding:0 5px;
  }
  a.anchor{
    top: -150px;
  }
  .expand{
    max-width: 75px;
    font-size: 10px;
  }
  @keyframes sideBounce {
    from {
      transform: translateX(-10px);
    }
    to {
      transform: translateX(10px);
    }
}
}