html {
  color: #000;
  font-size: 1em;
  line-height: 1.4;
  width: 100%;
  height: 100%;
}
body {
  background-color:#6882a5;
  background-image: url(../img/background.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;  
}

.text {
  display: table-cell;
  vertical-align: middle;
}

h1{font-size:4rem;color: #033074;font-family:Arial,Helvetica,sans-serif;font-weight:normal;}
@media only screen and (max-width: 770px) {
  h1{font-size:3rem;}
}
@media only screen and (max-width: 421px) {
  h1{font-size:2.5rem;}
}
@media only screen and (max-width: 321px) {
  h1{font-size:2rem;}
}