@font-face {
   /* https://css-tricks.com/snippets/css/using-font-face/ */
   font-family: 'enriqueta_bold';
   src: url('/asset/font/Enriqueta/Enriqueta-Bold.eot'); /* IE9 Compat Modes */
   src: url('/asset/font/Enriqueta/Enriqueta-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/asset/font/Enriqueta/Enriqueta-Bold.woff2') format('woff2'), /* Super Modern Browsers */
      url('/asset/font/Enriqueta/Enriqueta-Bold.woff') format('woff'), /* Pretty Modern Browsers */
      url('/asset/font/Enriqueta/Enriqueta-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('/asset/font/Enriqueta/Enriqueta-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
   /* https://css-tricks.com/snippets/css/using-font-face/ */
   font-family: 'enriqueta_regular';
   src: url('/asset/font/Enriqueta/Enriqueta-Regular.eot'); /* IE9 Compat Modes */
   src: url('/asset/font/Enriqueta/Enriqueta-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/asset/font/Enriqueta/Enriqueta-Regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('/asset/font/Enriqueta/Enriqueta-Regular.woff') format('woff'), /* Pretty Modern Browsers */
      url('/asset/font/Enriqueta/Enriqueta-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('/asset/font/Enriqueta/Enriqueta-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
   /* https://css-tricks.com/snippets/css/using-font-face/ */
   font-family: 'roboto_light';
   src: url('/asset/font/Roboto/Light/Roboto-Light.eot'); /* IE9 Compat Modes */
   src: url('/asset/font/Roboto/Light/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('/asset/font/Roboto/Light/Roboto-Light.woff2') format('woff2'), /* Super Modern Browsers */
      url('/asset/font/Roboto/Light/Roboto-Light.woff') format('woff'), /* Pretty Modern Browsers */
      url('/asset/font/Roboto/Light/Roboto-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('/asset/font/Roboto/Light/Roboto-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.h1, .h2, .h4, .h5, .h6, h1, h2, h4, h5, h6
{
   font-weight: 600;
}

body {
   margin: 0;
   font-family: 'roboto_light',".SFNSText-Regular","San Francisco","Segoe UI","Helvetica Neue",-apple-system,"Lucida Grande",sans-serif;
   color: #333;
   background: #f9f9f9;
}
header {
   background: #2d3035;
   color: white;
   padding: 1.5rem 2rem;
   text-align: center;
}
nav {
   margin-top: 1rem;
   /* display: flex;
   justify-content: center;
   flex-wrap: wrap; */
}

nav a
{
   margin: 0 1rem;
   color: white;
   text-decoration: none;
   font-weight: 600;
   display: block;
}

nav a:hover
{
   text-decoration: underline;
   color: #e6f2ff;
}

.header-logo__container
{
   overflow: hidden;
   max-width: 26em;
   margin: auto;
}
header .header-logo__img
{
   width: 100%;
}

.hero {
   padding: 4rem 2rem;
   text-align: center;
   /* background-color: #e6f2ff; */
   background-color: #008080;
   color: #ffffff;
}
.hero h1 {
   margin: 0;
   font-size: 2.5rem;
}
.hero p {
   font-size: 1.2rem;
   margin-top: 1rem;
}
.section {
   padding: 3rem 2rem;
   background: white;
}
.section h2,
.section h3
{
   font-size: 2rem;
   margin-bottom: 1rem;
   color: #2d3035;
   max-width: 800px;
   margin: 0 auto;
}
.section p {
   max-width: 800px;
   margin: 0 auto;
   line-height: 1.6;
   margin-bottom: 1em;
}
footer {
   text-align: center;
   padding: 2rem;
   background: #2d3035;
   color: white;
   font-size: 0.9rem;
}


ul, ol
{
   max-width: 800px;
   margin: 0 auto;
}

ul li,
ol li
{
   margin-bottom: 1rem;
}



/**
 * Hide the number scroll arrows in number input fields.
 */
/*input[type=number]
{
   -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button
{
   -webkit-appearance: none;
   margin: 0;
}*/


/* Small only */
/*@media screen and (max-width: 767px) {}*/

@media screen and (min-width: 534px) {
   nav a
   {
      display: inline-block;
   }
}

/* Medium and up */
/*@media screen and (min-width: 768px) {}*/

/* Medium only */
/*@media screen and (min-width: 768px) and (max-width: 991px) {}*/

/* Large and up */
/*@media screen and (min-width: 992px) {}*/

/* Large only */
/*@media screen and (min-width: 992px) and (max-width: 1199px) {}*/

/* X-Large and up */
/*@media screen and (min-width: 1200px) {}*/