@font-face {
  font-family: 'Graphik';
  src:  url('../font/GraphikBlack.otf') format("opentype"),
  src:  url('../font/GraphikBold.otf') format("opentype"),
  src:  url('../font/GraphikMedium.otf') format("opentype"),
  src:  url('../font/GraphikRegular.otf') format("opentype"),
  src:  url('../font/GraphikSemibold.otf') format("opentype"),

}

body{width: 100%;
  height: 100%;

  background: #000000;
  }

  #link-link{
    color:#AAA;
  }

.active-link{
  color:#FFF;
  text-decoration: none!important;
}

.active-link:hover{
  color: #FFF;
}

.transparent{
  color:transparent;
}

.branded{
  background-image: linear-gradient(to right top,#3285a8, #2c5a6e, #2c3d6e, #7256ba);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#about{
  color:#FFF;
  padding:20px;
}

#about #image-container{
  margin-left:25px;
}

#about #text-container{
  margin-top:auto;
  margin-bottom: auto;
}

#about .main-image{
  width:100%;
}

#about .header-text{
  font-size:50px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Graphik;
}

#about .sub-text{
  font-size:17px;
  text-align: justify;
  color:#AAA;
}

#about .main-text{
  font-size:26px;
  margin-top:10px;
  text-transform: uppercase;
  font-family: Graphik;
}

#about-team{
  padding:20px;
}

#about-team #image-container{
  margin-right:25px;
}

#about-team #image-container .main-image{
  width:100%;
}

#about-team #text-container{
  margin-top:auto;
  margin-bottom: auto;
}

#about-team #text-container .header-text{
  font-family: Graphik;
  text-transform: uppercase;
  color:#FFF;
  font-size:50px;
  margin-bottom: 20px;
}

#about-team #text-container .sub-text{
  text-align: justify;
  font-size:17px;
  color:#AAA;
}


#careers{
  color:#FFF;
  padding:0px;
  padding-top:100px;
}

#careers .main-link{
  color:#FFF!important;
}

#careers .header-text{
  font-size:40px;
  font-family: Graphik;
  text-transform: uppercase;
}

#careers .sub-text{
  font-size:20px;
  width:100%;
  color:#AAA;
}

#careers #main-box{
  border-bottom: 1px solid #FFF;
  padding-top:30px;
}

#careers #main-box h1{
  font-size:25px;
}

#careers #main-box p{
  color:#AAA;
  margin-top:20px;
  width:100%;
  text-align: justify;
}

#careers .custom-hr{
  border:.7px #FFF;
  opacity: 1;
}

#principles{
  color:#FFF;
  padding-top:30px;
  margin-bottom: 20px;
}

#principles .header-text{
  font-size:50px;
  text-transform: uppercase;
  font-family: Graphik;
}

#principles .sub-text{
  font-size:20px;
  width:60%;
  color:#AAA;
}

#principles #main-box{
  margin-top:20px;
  border-left: 20px solid #000;
  border-right: 20px solid #000;
  background: rgba(20,20,20,.7);
  padding:30px;
}

#principles #main-box h1{
  font-size:30px;
}

#principles #main-box p{
  color:#AAA;
  margin-top:20px;
  text-align: justify;
}

@media (max-width: 992px) {

  #about{
    padding:20px;
  }

  #about .header-text{
    font-size: 30px;
  }

  #about .sub-text{
    width:100%;
    font-size: 17px;
  }

  #about-team #image-container{
    margin-right:0px;
    margin-bottom: 20px;
  }

  #about #image-container{
    margin-right: 0px;
    margin-left: 0px;
  }

  #about-team #text-container{
    margin-right:0px!important;
  }

  #principles{
    padding:20px;
  }

  #principles .header-text{
    font-size: 45px;
    margin-top:50px;
  }

  #principles .sub-text{
    font-size: 20px;
    width:100%;
  }

  #principles #main-box{
    margin-right: 0px;
    margin-left: 0px;
  }

  #careers{
    padding:20px;
    padding-top:40px;
  }



  #careers .header-text{
    font-size:35px;
    width:100%;
    margin-top:0px;
  }

  #careers .sub-text{
    font-size:16px;
  }

}