/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
    html, body {
        font-size: 15px;
      }
  }
  
  /* On screens that are 600px or less, set the background color to olive */
  @media screen and (max-width: 600px) {
    html, body {
        font-size: 10px;
      }
      .container {
        height: 11vh;
      }
    
      .txt{
        font-size: 80px;
      }
      .t1{
        font-size: 80px;
      }

      .box{
        font-size: 7rem !important;
      }

      .box-one{
        height: 10vh;
        padding: 0px;
      }

      .box-two{
        height: 31vh;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: -10px; 
        font-size: 100vw;
        /* height: 45vh;
        margin-left: 3vw;
        margin-right: 3vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: -10px; */

      }

      .box-three{
        height: 10vh;
        padding: 0px;
      }

      .box-for{
        height: 10vh;
        padding: 0px;
      }

      .box-five{
        height: 10vh;
        padding: 0px;
      }

      .box-seven{
        height: 10vh;
        padding: 0px;
      }

      .box-six{
        height: 10vh;
        padding: 0px;
      }

      .box-seven{
        height: 10vh;
        padding: 0px;
      }
  }

  @media screen and (max-width: 450px) {
 
    
    .box-two{
        height: 46vh;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: -10px; 
        font-size: 100vw;
        /* height: 45vh;
        margin-left: 3vw;
        margin-right: 3vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: -10px; */
      }
    }