@import "css/index.css";

html
{
  font-size: 86%;
}


@media (min-width: 624px)
{
  html
  {
    font-size: 100%;
  }
}


body
{
  font-family:                   'Lato', 'Helvetica Neue', Arial, sans-serif;
  
  -webkit-font-feature-settings: "kern" 1;
  -ms-font-feature-settings:     "kern" 1;
  font-feature-settings:         "kern" 1;
  
  text-rendering:                geometricPrecision;
  text-rendering:                optimizeLegibility;
  font-optical-sizing:           auto;
  
  
  font-size:                     1.125rem;
  line-height:                   1.875rem;
  font-weight:                   300;
  word-spacing:                  0.1rem;
  color:                         #1D1D1F;
  padding:                       0 0 6.875rem;
  margin:                        0;
}


header h1
{
  text-transform: uppercase;
  display:        inline-block;
}


.wrapper
{
  max-width: 800px;
  margin:    0 auto;
  position:  relative;
}


em
{
  text-decoration: none;
  font-weight:     300;
  font-style:      normal;
}


/*p
{
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 2.1875rem;
}*/

main.small p,
main.small
{
  font-size: 0.875rem;
}


header h1
{
  font-family: Lato, 'Helvetica Neue', Arial, sans-serif;
  font-weight:    700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

:is(h1,h2,h3,h4,h5,h6) a
{
  color: inherit;
  display: inline-block;
  text-decoration: none;
}




main,
header,
footer
{
  /*padding: 0 2.6339%;*/
}


.footer__inner
{
  padding-top: 4em;
}


a
{
  color:           #222;
  text-decoration: none;
  outline:         none;
  font-weight:     300;
}


a:hover
{
  /*color:                 #FBD633;*/
  border-color:          transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius:    2px;
  -ms-border-radius:     2px;
  -o-border-radius:      2px;
  border-radius:         2px;
  color:                 #6F6F6F;
}


section.text
{
  max-width: 70em;
}


.text li
{
  margin-left:   1em;
  margin-bottom: 1em;
}


.text ul
{
  margin:     .7em 0;
  padding:    0;
  list-style: square outside;
}


.footer
{
  text-align: center;
}


.footer__item
{
  margin-right: 1em;
}


.text ol
{
  margin:     .7em 0;
  padding:    0;
  list-style: decimal outside;
}


.text
{
  text-align: left;
}


footer
{
  font-size: 11px;
}


.tag.cloud
{
  clear:       both;
  margin:      50px 0;
  padding:     24px 0 30px 0;
  text-align:  center;
  font-family: 'Spectral', serif;
  line-height: 1.5;
  
}


@media only screen and (max-width: 43.75em)
{
  .tag.cloud
  {
    margin:      16px 0;
    padding:     8px 0 10px 0;
    
  }
  
  p
  {
  }
}


.tag.cloud ul
{
  list-style:      none;
  padding:         0;
  display:         inline-flex;
  flex-wrap:       wrap;
  justify-content: center;
  text-align:      center;
  align-items:     center;
  vertical-align:  center;
}


.tag.cloud li
{
  list-style:     none;
  display:        inline;
  margin:         0 20px;
  vertical-align: middle;
  white-space:    nowrap;
  align-items:    center;
  line-height:    1.1;
  
  
}


.tag.cloud .small
{
  font-size:   27px;
  font-weight: 500;
}


.logo
{
  
  margin: 0 auto;
}


.tag.cloud .large
{
  font-size:   48px;
  font-weight: 900;
  
}


@media only screen and (max-width: 43.75em)
{
  .tag.cloud
  {
    font-size:    63%;
    margin-left:  -3%;
    margin-right: -3%;
  }
  
  .tag.cloud .small
  {
    font-size:   1.375em;
    font-weight: 500;
  }
  
  .tag.cloud .large
  {
    font-size:   2.6875em;
    font-weight: 900;
  }
  
  .tag.cloud li
  {
    margin:     0 8px;
  }
}


.link-prominent
{
  background-color:      #333;
  color:                 white;
  text-decoration:       none;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  -ms-border-radius:     3px;
  -o-border-radius:      3px;
  border-radius:         3px;
  
  padding:               2px 8px;
  border-color:          transparent;
  text-transform:        uppercase;
  font-size:             11px;
  font-weight:           400;
  letter-spacing:        1px;
  font-family:           "Helvetica Neue", sans-serif;
}


.contact-link
{
  margin-bottom: 3px;
  display:       inline-block;
  
}


.phone-link
{
  padding: 7px 8px;
  
}


.link-prominent:hover
{
  background-color: rgb(47, 47, 47);
  color:            white;
}


.hr
{
  height:       0;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #DFDFDF;
  margin:       79px 0 39px 0;
}

@media only screen and (max-width: 43.75em)
{
  .hr
  {
    margin:       26px 0 13px 0;
  }
}


@media all and (min-width: 1024px)
{
  html
  {
    font-size: 100%;
  }
}


h1 .ch
{
  display: inline;
}


.cursor
{
  display:          inline-block;
  position:         absolute;
  background-color: black;
  margin-left:      0.05em;
  margin-bottom:    -0.2em;
  max-width:        0.06em;
  font-size:        min(1.125rem, 5em);
  bottom:           0;
  max-height:       0;
  opacity:          0;
}