html {
  font-size: 1em; }

@media (min-width: 600px) {
  html {
    font-size: 1.2em; } }

body {
  background-color: white;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  line-height: 1.45;
  color: #333; }

p {
  margin-bottom: 1.3em; }

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2; }

h1 {
  margin-top: 0;
  font-size: 3.998em; }

h2 {
  font-size: 2.827em; }

h3 {
  font-size: 1.999em; }

h4 {
  font-size: 1.414em; }

.section {
  margin: 0 auto; }

.section--faq {
  color: white;
  background-color: #00A9AC; }

.section__block {
  margin: 0 auto;
  padding: 2em 2em;
  max-width: 40em; }

.section__full {
  margin: 0 auto;
  padding: 2em 2em;
  max-width: 40em; }
  .section__full a:link {
    color: #ffffff; }
  .section__full a:visited {
    color: #ffffff; }

.header {
  background-image: url("../images/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #00A9AC;
  text-align: center;
  color: white;
  padding: 8em 2em 7em 2em; }

.header__logo {
  width: 100%;
  margin-bottom: 1.5em;
  max-width: 20em; }

.header__tagline {
  margin: 0;
  padding: 0;
  font-size: 1.3em; }

.fa {
  padding-right: 0.5em; }

.website {
  padding-bottom: 2em;
  border-bottom: 1px solid #cccccc; }
  .website:last-child {
    border-bottom: none;
    margin-bottom: 0em;
    padding-bottom: 0em; }

.website__title {
  color: #00A9AC;
  font-weight: 400; }

.website__time-to-read {
  color: #b3b2b2; }

.website__button {
  display: inline-block;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: .25s;
          transition-duration: .25s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  text-decoration: none;
  cursor: pointer;
  padding: 0.75em 2em;
  margin: 1em 0em;
  color: #4d4c4c;
  border: 2px solid #00A9AC;
  text-align: center; }
  .website__button:hover {
    background-color: #00A9AC;
    color: #ffffff; }

a:link {
  color: #00A9AC; }

a:visited {
  color: #00A9AC; }