@charset "UTF-8";
/*
     .-._
     J   L-"""-,,__.-"-.-=a.  ,:--"---=.
      )        P'-    `  ,`88P' `.|   .'
      L         .-    `.a8 `8: -=a)\__:
      L         --     .:`  `"a ,`b.`J        .___..=-.           ,-,
      |          -      .`.   >,   .a(       ( Y:`:"` `ba--.   ,:'  |
       \_                .:. (8' -'' `)    _J d`,:d(   `Y ` `ada._  J
       )8\._          8   .:. "=.   )8:   /`. `b`'`":.  `     ":._.-|L
       :"P=``-        `a   `:.  ``,aP:J   L    `: `  `` . `     `<8 J)
       (               `a.   `-  ,8"aP| .':.    `. `              _ :(
       L        ,        `a...::-8aP"dJ:.        :. `    .  ` _ ,'  `P
      J.a=.      ``,      `"88:::.(``"::.`       `8. .         `-.  /
       >-. \::.aa.`.'-.      `":(.`,  ,L:.`     . `8. \  `    `:. Y(
      (   \ \(` `":.',.',      ,`--. .:|:.`.     `=._Y=\  `     ):a)
      .b     \:    `:. '..` ,,_.::::da`J `"-:.-.-'      `. .   -.a8
      |`)   . ` _.---':: )`..``':'"="'.a\                 `-.     :
      L   \):--'       `-'--.:.`.'.` :P' )                   `-. a)
     /.:=.J                    ```""""-"'                       `-'
     `'
                              _.-,
    (`-.                   .-'  /             _.---..___              _
    \   `-.--.       _--.-'  `..|  _._.--'\a.'    `.::...`=...._,==='".)
    |     ') `"-":a8aa7  `    ):L (        `"`     `"Y::.,.,..+::.'8:./
    | __          .Y8'       .:8) `.                    ``""""888ba`8P
    L_-.`      ..Y"'          P/    L                  ..-..T\`8a."Ya:
    .P =.      "(:.,'        ,":    |                .:.:'' _J `Yb:'J8:.
    | -:.   _::;::J+         ,':L    L              a:'' .-'  O`.`"=a8b:>
    L    `- ''      ,          .J    |            .b::`-'\ -.:a:'  "`::J
    7be._a   `.:;+::. '        .|    J        .ad8##88a. a\ `J8: :==++-`)
   ( Y8:.     .)bP"'            J     L      ,.::#P'^T``.8| :88a._  `:):|
   )\ ""''' .aP'     .c`      .a8      \    ,::.:8: da  88J 88P::'`..::PJ
   \\     :P' .a:="\ +P .8  , ' (      (     ,")88.J"`-' `LaP"`-,_.`:..-8
  J   _.:' _:P'     `-'-"-'"-'-=a)      > \,''/8P'              `--""`-._)
  (_:==--'"                            J' \ ,''           _./\.
                                       (_.P'             /. `.\
    .-.                                   _       __   .'`::.  \
    )  `+-.__        ___..-------'"J  (`-'_`._a-='  "::(   ```.:J
    J   `   '`-.  _.'   ...._=___`\|   L //  :P+J:    ``+.   :;:J
     L   .:'  ::''    .:' .       .J   |/'   `L   `-      `- `:.I
     `P`      `      (:  8P  -., ../   +-,:'  `    .     ,:.  `:.
      /_=""'          \a8'    `::)bL    (`:.       `:.   :b::=,.`)
      L =-"           88'   ).. `::L    J `\         `"+. `:+b:::J
      `L          _ad8b/ ..:a: .a888L    J    ,aa8aaaaa=,_ _``:b8/
      /`.    ,: .a8:8:(.=:''  adP:)8:     L  aP,-   ``""Y8aa+. )P8\
      (  `-  (::8d:P:: " .  .P"/ a/:J     `-aP/      .):`.,"' .)>d)
      (       `+:::;:= Yb . `// 8/ d#8a._   (_`      d:.dPPaaa:##(
     / \    `-._  `--:. 8) ) ',:P `8P.'a/ .-< `" -   `""__..aa###(
    /L\_`  .`.:;:;a.  `aP.''+:=..a:P.a8  / \ )    (. ,=::ad',8#YPa:-.
   <aP-._\ "a...;+::88a8a.\. ``)Pd8aP' ,'       `-`8 aP.d'a:8Pada8P:J
         `--'""""""     "8a):._)L8P"   \..PPPYaa;'-P'Ya..-"""'''"Y:_/


  
*/


/* -----  reset & normalization  ---------------------------------------- */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  list-style: none;
}


::-moz-selection {
  color: black;
  background-color: grey;
}

::selection {
  background-color: black;
  color: white;
}


/* =====  site  ==================================================== */

html { 
  font: 1.05em  Arial, Helvetica, sans-serif;
  color:black;
  background-color: white;
  font-weight: 500;
  letter-spacing: 0.02em;
  overflow-y: scroll;
  position: relative;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: grey;
  text-rendering : optimizeLegibility;
  -moz-font-feature-settings: "liga" on;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

body{

}





@media all and (max-width: 50em) {
  html {
    font-size: 1em;
      }


body {
  /* space for sticky footer */
  margin-bottom: 0rem;
}

.aspect-vertical {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 186%;
    }


.aspect-vertical iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }

    .aspect-small {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 56.25%;
    }


.aspect-small iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }

   
}


/* -----  3.4 Main Content  ------------------------------------------------- */

.main {
  max-width: 100%;
  min-height: 101%;
}

@media all and (max-width: 36em) {
.main {
  max-width: 100%;
  min-height: 101%;
}

}  

/* -----  general typography  ------------------------------------------- */

h2, h3, h4, h5, h6, ul, ol, figure, pre {
  margin: 0 0 0 0rem;
}

/* Headings */
h1, h2, h3 {
  font-weight: 300;
}

h1 {
  font-size: 1em;
  line-height: 1.4em;
  text-align: left;
}

h2 {
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: left;
  text-decoration: underline;

}

h3 {
  font-size: 0.8em;
  line-height: 1;
}

h4 {
  font-size: 1em;
  text-align: center;


}


/* Links */
a {
  color:black;
  cursor:pointer;
  text-decoration: none;


}

a:hover {
  color:blue;
  cursor:pointer;
 text-decoration: underline;

}



/* Misc */
hr {
  height: 0.9em;
  color: transparent;
}



i, em {
  font-style: italic;
}

b, strong {
  font-weight: 600;
}

mark {
  padding: 0em;
  margin: 0em;
  color: transparent;
  background: transparent;
}

sup {
  font-weight: 300;
  font-style: normal;
  font-size: 0.6em;
}

/* -----  images & figures  --------------------------------------------- */

img {
  border-style: none;
  max-width:100%;
  text-decoration: none;
  border-bottom: 0px none;

}


figure {
  margin: 0em;

}

@media all and (max-width: 50em) {


img {
	width:100%;
}
      }


/* The Clearfix™: A classic … */
.cf::after {
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}



/* -----  texts  ---------------------------------------------------- */


.text-intro {
  width:100%;
  padding: 0.7em;
  text-align: right;
  float:right;
  position:absolute;
  z-index:5555;
}



.text {
  width:100%;
  padding: 0.7em;
}

.text img {
  max-width:100%;
}

.text hr {
  color: transparent;
  margin-bottom: 0.3em;
}


.text p {
  position: relative;
  display: block;
  line-height: 1.3em;
}


@media all and (max-width: 50em) {
 .text img {
  width:100%;
}

.text li {

  margin-bottom: 1.5em;
}

.text-intro {
  width:100%;
  padding: 0.7em;
  text-align: center;
  display:block;
  position:relative;
}

      }







/* -----  video embed  ------------------------------------------- */

.hidden {
  display:none;
}

.aspect-ratio {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 56.25%;
    }


.aspect-ratio iframe {
      position: absolute;
      width: 50%;
      height: 100%;
      left: 0;
      top: 0;
    }


.aspect-small {
      position: relative;
      width: 30%;
      height: auto;
      padding-bottom: 17.25%;
    }


.aspect-small iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }


.aspect-150 {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 74%;
    }


.aspect-150 iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }


.aspect-vertical {
      position: relative;
      width: 50%;
      height: auto;
      padding-bottom: 89%;
    }


.aspect-vertical iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }


@media all and (max-width: 50em) {

.aspect-ratio {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 116.25%;
    }


.aspect-ratio iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }





.aspect-vertical {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 186%;
    }


.aspect-vertical iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }

    .aspect-small {
      position: relative;
      width: 100%;
      height: auto;
      padding-bottom: 56.25%;
    }


.aspect-small iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }

   
}