html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background-image: url("../images/page-background.png");
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #00244d;
  overflow-x: hidden;
}

@media (min-width: 997px) {
  body {
    width: 99.2rem;
  }
}

@media (min-width: 1205px) {
  body {
    width: 120rem;
  }
}

@media (min-width: 768px) {
  header {
    margin-bottom: 0.5rem;
  }
}

header img {
  display: block;
}

main {
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  main {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 768px) {
  main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
}

@media (min-width: 768px) {
  main > * {
    width: 100%;
    margin-left: 2.5px;
    margin-right: 2.5px;
  }
}

article,
aside {
  background-color: #f9f6ee;
}

@media (min-width: 768px) {
  article h1, article h2, article h3, article h4, article h5, article h6, article p, article ol, article ul, article hr,
  aside h1,
  aside h2,
  aside h3,
  aside h4,
  aside h5,
  aside h6,
  aside p,
  aside ol,
  aside ul,
  aside hr {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  article > *:first-child,
  aside > *:first-child {
    padding-top: 1.5rem;
  }
}

@media (min-width: 768px) {
  article *:last-child,
  aside *:last-child {
    padding-bottom: 1.5rem;
  }
}

article img,
aside img {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 1.5rem;
}

article li,
aside li {
  margin-left: 2rem;
  list-style-type: square;
}

article hr,
aside hr {
  border: none;
  border-top: 2px solid #d2bf9e;
  margin: 2rem 1.5rem;
}

article {
  padding: 1.5rem;
}

@media (min-width: 768px) {
  article {
    padding: 0.5rem;
  }
}

article p {
  font-size: 1.6rem;
}

aside {
  padding: 1.5rem;
  text-align: center;
}

@media (min-width: 768px) {
  aside {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 16rem;
    padding: 0.5rem;
  }
}

@media (min-width: 997px) {
  aside {
    width: 16rem;
  }
}

@media (min-width: 1205px) {
  aside {
    width: 20rem;
  }
}

aside p {
  font-size: 1.4rem;
}

footer {
  background-color: #f9f6ee;
  padding: 1.5rem;
}

footer ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer ul li a {
  font-size: 1.4rem;
  display: block;
  padding-right: 1.5rem;
  color: #00244d;
  text-decoration: none;
}

footer ul li a:hover {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
  font-size: 2.4rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.6rem;
}

a {
  color: #064791;
}

a:hover {
  color: #00244d;
}