html, body {height:100%;}
html {display:table; width:100%;}
body {display:table-cell; text-align:center; vertical-align:middle;}

@media screen and (min-width: 601px) {

  
    h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8vh;
        color: #09235e;
        line-height: 0.5em;
      }
 

      h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2vh;
        color: #09235e;
      }

      .color2 {
        color: #51b7e8;
      }
    }


      
      /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
      @media screen and (max-width: 600px) {

  
        h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 5vh;
            color: #09235e;
            line-height: 0.8vh;
          }
     
    
          h2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 3vh;
            color: #09235e;
          }
    
          .color2 {
            color: #51b7e8;
          }
        }