.open-sans-400 {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.raleway-300 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
* {
  box-sizing:border-box;
}
h1, h2, h3, h4 {
  font-family:"Raleway", sans-serif;
  color:#004a98;
  line-height:1.2em;
  padding:0;
}
h1 {
  font-size:40px;
}
h2 {
  font-size:35px;
}
h3 {
  font-size:30px;
}
body {
  color:#333333;
  font-family:'Open Sans', sans-serif;
  font-size:20px;
  line-height:1.4em;
  border-top:solid 20px #693f93;
  padding:60px 10% 20px;
  margin:0;
}
.logo img {
  width:370px;
  max-width:100%;
  margin:0 auto 60px;
  display:block;
}
div {
  display:block;
  max-width:100%;
}
.message {
  background-color:rgba(128,194,66,0.25);
  width:800px;
  margin:0 auto;
  padding:40px;
}
.message p {
  margin:0;
  padding:0 0 1em;
}
@media (max-width:600px) {
  body {
    font-size:16px;
  }
  h3 {
    font-size:22px;
  }
}