/********** Font **********/

/*Page-Navigation*/

.navigation-highlight {
  font-family: Type-1-Bold;
  text-decoration: none;
  font-size: 42px;
  color: #f5ff00;
  background-color: #000000;
  transition: 0.3s;
  letter-spacing: 10px;
  line-height: normal;
}

.navigation-highlight:hover {
  font-family: Type-1-Bold;
  text-decoration: line-through;
  font-size: 42px;
  color: #ff0044;
  background-color: #000000;
  transition: 0.3s;
  letter-spacing: 10px;
  line-height: normal;
}

.navigation {
  font-family: Type-1-Light;
  text-decoration: none;
  font-size: 36px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 5px;
  line-height: normal;
}

.navigation:hover {
  font-family: Type-1-Light;
  text-decoration: line-through;
  font-size: 36px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 5px;
  line-height: normal;
}

/*Modal*/

.modal-title {
  font-family: Type-1-Bold;
  text-decoration: none;
  font-size: 144px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

.modal-text {
  font-family: Type-1-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

/*Page*/

.title {
  font-family: Type-1-Bold;
  text-decoration: none;
  font-size: 96px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

.subtitle {
  font-family: Type-2-Regular;
  text-decoration: none;
  font-size: 36px;
  color: #f5ff00;
  transition: 0.3s;
  letter-spacing: 0px;
}

.text {
  font-family: Type-1-Regular;
  text-decoration: none;
  font-size: 36px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

/**************************************** Mediascreen ****************************************/

@media screen and (max-width: 1124px) {

/********** Font **********/

/*Page-Navigation*/

.navigation-highlight {
  font-family: Type-1-Bold;
  text-decoration: none;
  font-size: 24px;
  color: #f5ff00;
  background-color: #000000;
  transition: 0.3s;
  letter-spacing: 10px;
  line-height: normal;
}

.navigation-highlight:hover {
  font-family: Type-1-Bold;
  text-decoration: line-through;
  font-size: 24px;
  color: #ff0044;
  background-color: #000000;
  transition: 0.3s;
  letter-spacing: 10px;
  line-height: normal;
}

.navigation {
  font-family: Type-1-Regular;
  text-decoration: none;
  font-size: 24px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 5px;
  line-height: normal;
}

.navigation:hover {
  font-family: Type-1-Regular;
  text-decoration: line-through;
  font-size: 24px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 5px;
  line-height: normal;
}

/*Modal*/

.modal-title {
  font-family: Type-1-Bold;
  text-decoration: none;
  font-size: 48px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

.modal-text {
  font-family: Type-1-Regular;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

/*Page*/

.title {
  font-family: Type-1-Bold;
  text-decoration: none;
  font-size: 48px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

.subtitle {
  font-family: Type-2-Regular;
  text-decoration: none;
  font-size: 18px;
  color: #f5ff00;
  transition: 0.3s;
  letter-spacing: 0px;
}

.text {
  font-family: Type-1-Regular;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
  letter-spacing: 0px;
}

}