/* CSS Document */
@font-face {
    font-family: 'brandfont';
    src: url(files/fonts/LanzRegular.otf);
}
html{
  font-family: 'brandfont';
}
* {
  border-radius: 0 !important;
  margin: 0 auto;

}
body {
 font-family: 'brandfont';
 text-align: center;
 height:800px;
 width: 900px;
 color: #22aae2;
 background: #f4f4f4;
	}
  .bgcolor{
    background: #fff;
  }

  img{
    width: 500px;
    padding: 20px;
  }
  p {
      font-size: 18px;
      color: #253350;
    }
  h1{
    font-size: 40px;
  }
  .text{
    color: color: #22aae2;
  }
  .steps{
    text-align: left;
    padding-left: 15px;
  }
  a{
    font-size: 18px;
    color: blue;
  }
  .button {
    background-color: #253350;
    border: none;
    color: white;
    padding: 27px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
  @media (min-width: 768px) {

    body {
     font-family: 'brandfont';
     text-align: center;
     height:800px;
     width: 800px;
     color: #22aae2;
     background: #f4f4f4;
    	}
      .bgcolor{
        background: #fff;
        padding: 20px;
      }

      img{
        width: 500px;
        padding: 20px;
      }
      p {
          font-size: 14px;
          color: #253350;
          padding: 20px;
          padding-left: 20px;
        }
      h1{
        font-size: 40px;
      }
      .text{
        color: color: #22aae2;
      }
      .steps {
    text-align: left;
    padding-left: 55px;
    font-size: 13px;
    color: #406e99;
      }
      .steps2 {
    text-align: left;
    padding-left: 55px;
    font-size: 12px;
    color: #406e99;
      }
      a{
        font-size: 18px;
        color: blue;
      }

  }
