@charset "UTF-8";
/* CSS Document */

body {
  background-color: #002546;
  height: 100vh; /* You must set a specified height */
  background-position: 50% 50%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover !important; /* Resize the background image to cover the entire container */
}

h1, h2, p {text-align: center; color: #002546; font-size: 2em;}
a {text-align: center; color: #002546;}

h1 img {padding: 0 10%; width: 80%;}

.container {
 	background-color: #FFF;
    margin: 100px;
    border: 1px solid #c50000;
}

.info {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 8% 0;
	
}
@media only screen and (max-width: 750px) {
h1, h2, p {font-size: 1.5em;}
h1 img {padding: 0 5%; width: 90%;}
    .container {margin: 200px 20px 20px 20px;}
    .info {max-width: 400px;}
}