body {
  padding:0;
  margin:0;
  font-family:'Verdana','Helvetica',sans-serif;
  font-size:18px;
  background-color:#E8F4F9;
}

* {
  box-sizing: border-box;
}

#wrapper {
  margin:0 auto;
  background-color: #fff;
  max-width:1200px;
  padding:40px;
}

h1 {
  color:#008FCD;
  font-weight: bold;
  margin:0 ;
  padding:0;
  font-size:2.25em;
}

header {
  display:flex;
  flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
  border-bottom:5px solid #FABA00;
  padding-bottom:20px;
}

header img {
  display: block
}

img {
  max-width:100%;
}

a {
  color:#008FCD;
}

@media only screen and (max-width: 980px) {

#wrapper {
  padding:20px;
}

header {
  flex-direction: column-reverse;
}

header img {
  margin-bottom:10px;
}


}