/*-------------------------------- Basic CSS ---------------------------------*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.wow {
  visibility: hidden;
}

body{
  background: #000;
  color: #FFF;
  margin: 0;
}

/*-------------------------------- Index CSS ---------------------------------*/

.landing-content{
  width: 100%;
  padding: 1.5em;
  overflow: hidden;
}

.main-nav{
    width: 100%;
    margin-bottom: 6em;
}

 a{
  decoration: none;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .85em;
  color: #FFF;
  padding-bottom: .125em;
  /*border-bottom: 1px solid #FFF;*/
  transition: all 0.3s;
}

#title{
  decoration: none;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .85em;
  color: #FFF;
  line-height: .25em;
  transition: all 0.3s;
}

a:hover{
  color: #555;
/*  border-bottom: 1px solid #555;*/
}

.item1{
  width: 55%;
  text-align: left;
  float: left;
}

.item2{
  width: 40%;
  text-align: left;
  float: left;
}

.item3{
  width: 5%;
  text-align: right;
  float: left;
}

.hero{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 25em;
  margin-top:35em;
  height: 100vh;
  width: 100%;
  clear: both;
  overflow: visible;

}

.hero img {
    flex-shrink: 0;
    min-width: 200%;
    min-height: 200%
}

/*-------------------------------- Index Type CSS ----------------------------*/
.headline{
  -webkit-margin-before: 0.0em;
  -webkit-margin-after: 0.0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25em;
  line-height: 1.25em;
  color: #FFF;
  letter-spacing: 0;
  padding-right: 1.5em;


}

.left{
  float: left;
  width: 55%;
  padding-right: 1.5em;
}

.right{
  float: left;
  width: 45%;
}

#tagline{
  -webkit-margin-before: 0.0em;
  -webkit-margin-after: 0.0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .85em;
  letter-spacing: .045em;
  line-height: 1.45em;
}

.headline > a{
  color: #FFF;
  border-bottom: 0px solid #FFF;
  transition: all 0.3s;


}

.headline > a:hover{
  color:#232323;
}
/*
#deadlink{
  -webkit-margin-before: 0.0em;
  -webkit-margin-after: 0.0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-family: 'CircularStd-Book';
  font-weight: normal;
  font-style: normal;
  font-size: .85em;
  line-height: 1.7em;
  text-decoration: none;
  color: #232323;
  /* border-bottom: 1px solid #232323; */ /*
  padding-bottom:1px;
  transition: all 0.3s;
  letter-spacing: 0.0125em;
}
*/