@font-face{
  font-family: 'flux';
  src: url('../fonts/flux.otf');
}

/*Fonts*/
.font-flux{
  font-family: flux;
}
/*End Fonts*/




body{
  padding: 0px;
  margin: 0px;
  background: #F2F2F2;
}

.navbar-inverse{
  border-radius: 0px !important;
}
.navbar-brand{
  padding-top: 0px;
}


footer{
  width: 100%;
  height: 200px;
  background: black;
  color: white;
  position: relative;
  bottom: 0px;
  left: 0px;
}
.bg-dark{
  background: black !important;
}
.navbar-nav .active>.nav-link{
  color: cornflowerblue !important;
}
.nav-link{
  color: white !important;
  font-family: flux;
}
.nav-link:hover{
  color: cornflowerblue !important;
}
.dropdown-item{
  font-family: flux;
}




/*Colors*/
.bg-white{
  background: white;
}
.white{
  color: white;
}
/*End Colors*/

.gray-border{
  border: 1px solid #DADADA;
}

.margin-top-5{
  margin-top: 5px;
}
.margin-top-25{
  margin-top: 25px;
}
.margin-bottom-25{
  margin-bottom: 25px;
}

#side-nav{
  list-style-type: none;
  font-family: flux;
  font-size: 20px;
}
#side-nav li{
  margin-bottom: 10px;
}
.width-100{
  width: 100%;
}
.center{
  margin-left: auto;
  margin-right: auto;
}
.text-center{
  text-align: center;
}


.hide{
  display: none;
}
.unhide{
  display: block;
}
.fixed{
  position: fixed;
}

.dropdown-menu{
  background: black;
}
.dropdown-item{
  color: white;
}


.font-size-35{
  font-size: 35px;
}