html,body {
  font-family:montserrat,sans-serif;
  font-weight:300;
  font-size:14pt;
  margin:0px;
  font-color: #5f7285;
}

a {
  color: #0099CC;
}

strong {
  font-weight:600
}

#header {
    background-color: #0099CC;
    padding: 1rem 3rem;
}

#content {
    padding: 1rem 3rem;
}

#greeting {
  margin:auto;
  font-size:2rem;
  margin-top:2rem
}

#headline {
  margin:auto;
  margin-top:1rem;
  font-size:1.2rem
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0099CC;
}

ul#blocks {
  list-style-type:none;
  padding:0
}

ul#blocks>li:before {
  content:attr(data-section);
  display:block;
  font-weight:600;
  font-size:1.2rem;
  text-transform:uppercase;
  color:#009cc0;
  margin-bottom:1.5rem
}

ul#blocks>li {
  margin-top:4rem
}

ul.blocks-detail {
  list-style-type:none;
  margin:0;
  padding:0
}

ul.blocks-detail span {
  padding-left: 1rem;
}

ul.blocks-detail li {
  margin-bottom:1.5em
}

ul.blocks-detail li>div {
  font-weight:600
}