/* —————————————————— RESET CODE —————————————————— */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

@font-face {
  font-family: "aaaaaaa";
  src: url("aaaaaaa.otf");
  font-style: normal;
}

body{
  font-family: helvetica;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.14em;
}

.small{
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.07em;
}

.bio{
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.07em;
}

.credits{
  position: relative;
  left:72px;
  width: calc(100% - 144px);
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.07em;
  column-count: 2;
  column-gap: 18px;
}

.twocol{
  column-count: 2;
  column-gap: 18px;
}

p{
  margin-bottom: 28px;
  hyphens: auto;
}

i{
  font-style: normal;
  border-bottom: 1px solid;
}

.uline{
    font-style: normal;
  border-bottom: 1px solid;
}

a{
  color: inherit;
  text-decoration: none;
  font-style: normal;/*
  border-bottom: 1px solid;*/
}

.nouline{
  border-bottom: 0px solid;
}

a:hover{
  border-bottom: 1px solid;
  opacity: 1;
}

ul {
  display: inline;
  padding: 0;
}
ul li {display: inline-block;}
ul li:hover ul {display: inline-block;}
ul li ul {
  position: inline-block;
  width: 100%;
  display: none;
}
ul li ul li {
  display: inline-block;
}
ul li ul li a {display:table-row; margin-left: 10px;}
ul li ul li:hover {color: #CD5C5C;}

h1{
  left:72px;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid;
  margin-bottom: 28px;
}

.indent{
  position: relative;
  left:72px;
  width: calc(100% - 144px);
}

.tab{
  display: inline-block;
  height: auto;
  width: 72px;
}

.fnote{
  padding-left: 72px ;
  text-indent: -72px ;
  margin-bottom: 0px;
}

sub, sup {
  font-size: 12px;
  letter-spacing: 0.14em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

#footnotes{
  position: relative;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.07em;
  column-count: 2;
  column-gap: 18px;
}

.bullettab{
  display: inline-block;
  vertical-align:top;
  width: 72px;
}

.listitem{
  display: block;
}

.listcontent{
  display: inline-block;
  width: calc(100% - 144px);
}

.block{
  margin-bottom: 56px;
}

#container{
  padding: 36px;
}

#colophon{
  padding: 24px 36px 20px 36px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.07em;
  hyphens: none;
}

#header{
  width: 100%;
  min-height: 252px;
  margin-bottom: 15px;
}


#footer{
  width: 100%;
  background-color: #ededed;
}

#partners{
  width: 49%;
  display: inline-block;
}

#contact{
  width: 60%;
  display: inline-block;
  margin: 0px;
}

#logossingle{
  width: 100%;
}

#logosdouble{
  display: none;
}

#nav{
  display: inline-block;
  width: 100%;
  height: 252px;
  margin-right: 32px;
  margin-bottom: 18px;
}

#logo{
  display: inline-block;
  float: left;
  width: 288px;
  height: 200px;
  margin-right: 28px;
  margin-bottom: 28px;
}

#subhead{
  display: inline-block;
  width: calc(100% - 386px);
  min-width: 540px;
  margin-right: 28px;
  margin-bottom: 28px;
}

#comingsoon{
  min-height: calc(100vh - 380px);
}

#content{
    margin-bottom: 100px;
/*  background-color: pink;*/
}

/* === LESS THAN 800 width === */ 

@media only screen and (max-width: 800px) {
  body{
  }
  #logossingle{
    display: none;
  }
  #logosdouble{
    display: block;
  }
  .twocol{
  column-count: 1;
  }
  #footnotes{
  column-count: 1;
  }
}


/* === LESS THAN 500 width === */

@media only screen and (max-width: 500px) {
  body{
  }
  #container{
    padding: 18px;
  }
  #colophon{
    padding: 18px;
  }
  .indent{
  left:36px;
  width: calc(100% - 72px);
  }
  .tab{
  width: 36px;
  }
  .bullettab{
  display: inline-block;
  width: 36px;
  }
.listcontent{
  display: inline-block;
  width: calc(100% - 72px);
  }
  .fnote{
  padding-left: 36px ;
  text-indent: -36px ;
  margin-bottom: 0px;
  }
}

/* === LETTERING ANIMATIONS === */

#anim1{
  opacity: 0;
  animation-name: type;
  animation-delay: 0s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim2{
  opacity: 0;
  animation-name: type;
  animation-delay: 0.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim3{
  opacity: 0;
  animation-name: type;
  animation-delay: 0.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim4{
  opacity: 0;
  animation-name: type;
  animation-delay: 1.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim5{
  opacity: 0;
  animation-name: type;
  animation-delay: 1.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim6{
  opacity: 0;
  animation-name: type;
  animation-delay: 2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim7{
  opacity: 0;
  animation-name: type;
  animation-delay: 2.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim8{
  opacity: 0;
  animation-name: type;
  animation-delay: 2.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim9{
  opacity: 0;
  animation-name: type;
  animation-delay: 3.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim10{
  opacity: 0;
  animation-name: type;
  animation-delay: 3.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim11{
  opacity: 0;
  animation-name: type;
  animation-delay: 4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim12{
  opacity: 0;
  animation-name: type;
  animation-delay: 4.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim13{
  opacity: 0;
  animation-name: type;
  animation-delay: 4.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim14{
  opacity: 0;
  animation-name: type;
  animation-delay: 5.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim15{
  opacity: 0;
  animation-name: type;
  animation-delay: 5.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim16{
  opacity: 0;
  animation-name: type;
  animation-delay: 6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim17{
  opacity: 0;
  animation-name: type;
  animation-delay: 6.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim18{
  opacity: 0;
  animation-name: type;
  animation-delay: 6.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim19{
  opacity: 0;
  animation-name: type;
  animation-delay: 7.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim20{
  opacity: 0;
  animation-name: type;
  animation-delay: 7.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim21{
  opacity: 0;
  animation-name: type;
  animation-delay: 8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim22{
  opacity: 0;
  animation-name: type;
  animation-delay: 8.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim23{
  opacity: 0;
  animation-name: type;
  animation-delay: 8.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim24{
  opacity: 0;
  animation-name: type;
  animation-delay: 9.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim25{
  opacity: 0;
  animation-name: type;
  animation-delay: 9.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim26{
  opacity: 0;
  animation-name: type;
  animation-delay: 10s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim27{
  opacity: 0;
  animation-name: type;
  animation-delay: 10.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim28{
  opacity: 0;
  animation-name: type;
  animation-delay: 10.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim29{
  opacity: 0;
  animation-name: type;
  animation-delay: 11.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim30{
  opacity: 0;
  animation-name: type;
  animation-delay: 11.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim31{
  opacity: 0;
  animation-name: type;
  animation-delay: 12s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim32{
  opacity: 0;
  animation-name: type;
  animation-delay: 12.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim33{
  opacity: 0;
  animation-name: type;
  animation-delay: 12.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim34{
  opacity: 0;
  animation-name: type;
  animation-delay: 13.2s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim35{
  opacity: 0;
  animation-name: type;
  animation-delay: 13.6s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim36{
  opacity: 0;
  animation-name: type;
  animation-delay: 14s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim37{
  opacity: 0;
  animation-name: type;
  animation-delay: 14.4s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#anim38{
  opacity: 0;
  animation-name: type;
  animation-delay: 14.8s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes type{
  0%   {opacity: 0;}
  5%   {opacity: 0}
  6%   {opacity: 1}
  50%   {opacity: 1}
  51%   {opacity: 0}
  100% {opacity: 0;}
}