/* ============================================
   Design direction
   Body font:     Open Sans, sans-serif
   Heading font:  Montserrat, sans-serif
   Text color:    #3333333
   Background:    #faf9f6
   Accent:        #032f3c
   Mood: dark, fun, healthy white space, geometric, sci-fi
   ============================================ */
/* --- Base and typography --- */
  body {
  font-family: "Open Sans", sans-serif;
  font-size: 103%;
  line-height: 1.3;
  color: #333333;
  background-color: #faf9f6;
  margin: 0;
}


h1   { font-size: 2.75rem;}
h2   { font-size: 2.20rem; }
h3   { font-size: 1.5rem; }
h4   { font-size: 1rem; }

a { color: #00d5ab; }
a:hover { color: #1d726b; }
/* --- Wrapper --- */
  .wrapper {
  max-width: 500px;
  margin: 1rem auto;
}

/* --- Header and nav --- */
.nav-link {font-size: 1.25rem; color: #00d5ab; text-decoration: none;}
.nav-link:hover {color: #1d726b;}

/* --- Hero --- */

.hero-title {color: #1d726b;}
.hero-text {color: #1d726b;}
/* --- Text blocks --- */


/* --- Lists --- */


/* --- Links --- */


/* --- Footer --- */