.job-container__job {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 15px;
  border-bottom: 1px solid #ae0e09;
  padding-left: 0px;
  transition: all 0.3s;
  cursor: pointer;
}

.job-container-header {
  margin-top: 40px;
  color: #333;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 15px;
  padding-left: 0px;
  border-bottom: 1px solid #ae0e09;
}

.job-container-header .job__title {
  color: #ae0e09;
  width: 75%;
}

.job-container-header .job__location {
  color: #ae0e09;
  width: 25%;
}

.job-container__job .job__title {
  color: #333;
  width: 75%;
}

.job-container__job .job__location {
  color: #333;
  width: 25%;
}

.job-container__job:hover {
  background-color: #ae0e09;
}

.job-container__job:hover .job__title {
  color: #fff;
}

.job-container__job:hover .job__location {
  color: #fff;
}

.job__title--icon {
  padding-left: 15px;
  padding-right: 15px;
}

.job-container__job:hover .job__title--icon {
  padding-left: 25px;
  transition: all 0.3s;
}

@media (max-width: 1023px) {
  .job-container__job .job__title--icon,
  .job-container-header .job__location {
    display: none;
  }
  .job-container__job {
    flex-direction: column;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .job-container-header {
    flex-direction: column;
    padding: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .job-container-header .job__title {
    width: 100%;
  }
  .job-container-header .job__location {
    width: 100%;
  }
  .job-container__job .job__title {
    font-weight: bold;
    width: 100%;
  }
  .job-container__job .job__location {
    width: 100%;
  }
}