/*-------------DESKTOP SETTINGS-------------*/
.row{
  margin-top: 70px;
  margin-bottom: 70px;
  text-align: center;
}

.intro{
  font-size: 25px;
}

.headline-red{
  margin-bottom: 30px;
  margin-top: 50px;
  font-size: 35px;
  color: #ff0000;
}

.link-element{
  color: black;
}

.link-element:hover h3{
  color: red;
}

.link-element:hover p{
  color: black;
}

.table-element h3{
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
}

.table-element p{
  line-height: 1.65;
  margin-bottom: 5px;
  margin-top: 0px;
  font-size: 18px;
  padding-left: 50px;
  padding-right: 30px;
}

.icon{
  width: 150px;
}

.logos{
  width: 900px;
}

.contact{
  text-align: center;
  background-color: #a7a7a7;
}

.career{
  text-align: center;
  background-color: #8B0000;
}

.career-text{
  font-weight: normal;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 25px;
  color: #ffffff;
}

.contact-text{
  font-weight: normal;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 25px;
  color: #ffffff;
}

.contact-button{
  font-size: 20px;
  border: 0;
  margin-top: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  color: #ff0000;
  background-color: #FEFDFD;
  border-radius: 0;
}

.contact-button:hover{
  color: black;
}

/*-------------TABLET SETTINGS-------------*/

@media only screen and (max-width : 991.98px) {
  .logos{
    width: 600px;
  }
}

/*-------------SMARTPHONE SETTINGS-------------*/

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

  .row{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .intro{
    font-size: 23px;
    padding-top: 100px;
  }

  .table-element{
    margin-bottom: 50px;
  }

  .logos{
    width: 300px;
    margin-bottom: 50px;
  }

}