.text {
        font-family: Arial, Helvetica, sans-serif;
        font-size:1.5vw;color: black;
}
.header {
          font-family: Arial, Helvetica, sans-serif;
          font-size:2vw;
          color: black;
          text-align: left;
}
body {
       width: 100%;
       margin: 0;
       padding: 0;
}
.content {
          width: 100%;
}
.main {
        width:50%;
        margin-left:auto;
        margin-right:auto;
}

.error {
        font-family: Arial, Helvetica, sans-serif;
        font-size:1.5vw;
        color: red;}
@media screen and (min-width:601px) and (max-width: 1100px) {
        .main {
               width: 75%;
        }
        .text {
               font-size: 3vw;
        }
        .header {
               font-size: 4vw;
        }
}

@media screen and (max-width: 600px) {
        .main {
               width: 100%;
        }
        .text {
               font-size: 4vw;
        }
        .header {
               font-size: 6vw;
        }
}