body{
  background: white;
    display: flex;
    justify-content:center;
    align-items: center;
    font-family: 'Raleway', cursive;
    font-size: 100px;
  }
    .wrapper-main {
    padding-top: 3%;
        /*background-color: blue;*/
  }

  @media (max-width: 1200px) {
    .wrapper-main {

    /*background-color: green;*/
    }
  }
  @media (max-width: 992px) {
    .wrapper-main {

    /*background-color: orange;*/
    }
  }
  @media (max-width: 768px) {
    .wrapper-main {

    /*background-color: green;*/
    }
  }
  @media (max-width: 600px) {
    .wrapper-main {
      
      /*background-color: red;*/
    } 
  }
  @media (max-width: 400px) {
    .wrapper-main {
      width: 100%;
      font-size: 20px;
      /*background-color: yellow;*/
    }
  }