* {
  margin: 0;
  padding: 0;
  box-sizing:border-box;
  font-family: 'Merriweather', serif;
  font-family: 'Montserrat', sans-serif;
}
header, main, footer {
  margin: 0 auto;
  max-width: 800px;
  color: #2c363f;
}
body {
  font-size: 1em; /* 16px */
  padding: 2.25em;
  line-height: 1.25em;
}
a {
  color: #d3b1a7;
  text-decoration: none;
}
abbr {
  text-decoration: none;
}
header h1 {
  font-family: 'Merriweather', serif;
  font-weight: normal;
  text-align: center;
  font-size: 2em; /* 32px */
  line-height: 1.25em;
  margin-top: .3em;
  color: #cb654f;
}
header h2 {
  font-family: 'Merriweather', serif;
  font-weight: normal;
  text-align: center;
  font-size: 	1.625em ; /* 26px */
  line-height: 1.25;
  margin-bottom: 1.28em;
  color: #cb654f;
}
main h1 {
  font-size: 2em; /* 32px */
  line-height: 1.5000em; /* 36px */
  margin-top: 0.7500em;  margin-bottom: 0.0000em;
  font-family: 'Merriweather', serif;
  margin-top: 0.7500em;
  margin-bottom: 0.0000em;
  color: #8cbea3;
}
main h2 {
  font-family: 'Merriweather', serif;
  font-size: 	1.625em ; /* 26px */
  line-height: 1.25;
  margin-bottom: 1.28em;
  color: #8cbea3;
}
p, ul {
  font-size: 1em; /* 18px */
  line-height: 1.5556em;
  margin: 0 0 1.5556em 0;
  font-style: normal;
  color: #2c363f;
}
dt {
  font-weight: bold;
  font-size: 1.1111em; /* 20px */
  line-height: 1.4200em;
  margin: 0 0 .3em 0;
}
dt a {
  color: #dfba47;
}

dd {
  font-size: 1em; /* 18px */
  line-height: 1.5556em;
  margin-bottom: 1.5556em;
}
dt span,
dd span {
  display: block;
  color: #717c89;
  font-weight: normal;
  font-size: 0.8889em; /* 16px */
  line-height: 1.76em;
}
dt + dt,
dd + dt {
  font-weight: normal;
}
ul {
  margin-left: 0;
  list-style-type: none;
}
section:first-child ul {
  margin-left: 20px;
  list-style-type: circle;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e3e6;
  margin: 1em 0;
  padding: 0;
}

#header-logo img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 50%;
  max-width: 50%;
  height: auto;
  border-radius: 50%;
  padding: 2.5em;
  text-align: center;
}
/* For width 600px and larger: */
@media screen and (min-width: 750px) {
  #header-logo img {
      width: 33%;
      max-width: 50%;
  }
}
/* For width between 400px and 600px: */
@media screen and (min-width: 481px) and (max-width: 749px) {
  #header-logo img {
      width: 50%;
      max-width: 50%;
  }
}
/* For width 400px and smaller: */
@media only screen and (max-width: 480px) {
  #header-logo img {
      width: 75%;
      max-width: 75%;
  }
}