.port-box {
  height: 100%;
  padding-top: 20px;
}

.content > div.show {
  height: 100%;
}
.port-btns li {
  margin: 5px;
}

.port-box-inner {
  max-width: 1600px;
  height: 100%;
  margin: auto;
  position: relative;
}

.port-form {
  margin-top: 30px;
  display: none;
  webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-duration: 0.5s;
}
.port-descr.active .port-descr-box {
  display: none;
}
.port-descr.active .port-form {
  display: block;
}
.port-descr img {
  margin-bottom: 20px;
}
.port-btns {
  margin-top: 30px;
}
.port-descr li {
  padding: 7px;
}
.action-button:hover {
  text-decoration: none;
}

.grid-wrap {
  margin-top: 0px;
}

.grid {
  text-align: center;
}

.careers .port-descr {
  margin-top: 10%;
  color: white;
  line-height: 2;
  font-size: 18px;
}

.careers .single-job {
  width: 100%;
  background-color: rgb(13 37 70) !important;
}

.careers figure.single-job h2 {
  padding-top: 15% !important;
}

.careers figure.effect-bubba h2 {
  padding-top: 30%;
}
.careers figure {
  width: calc(100% / 2);
  height: 450px;
}

.careers-head {
  text-align: center;
  font-size: 26px;
}
.careers-head h1 {
  font-size: 110px;
}

@media only screen and (max-width: 991px) {
  .careers-head h1 {
    font-size: 32px;
  }

  .portfolio-banner-container {
    height: 300px;
  }
  .grid figure {
    width: 50%;
  }
  .content > div.show {
    height: auto;
  }
  .port-box-inner {
    max-width: 100%;
    margin: auto;
  }
  .port-descr {
    margin-top: 20px;
    padding: 20px;
    position: static;
  }
  .port-btns {
    text-align: center;
  }
  .port-descr img {
    margin: auto;
  }
}

@media only screen and (max-width: 787px) {
  .grid {
    margin-top: 30px;
  }
  .careers-head {
    padding: 90px 0 20px;
  }
  .careers figure {
    height: 290px;
  }
}

@media only screen and (max-width: 661px) {
  .careers figure.single-job h2 {
    padding-top: 83% !important;
  }

  .careers figure.effect-bubba h2 {
    padding-top: 83%;
    font-size: 18px;
  }
  .careers figure {
    height: 300px;
    width: 100%;
  }
  .careers {
    margin-top: -30px;
  }
}

.careers {
  display: block;
}

.careers .php {
  background-color: rgb(70, 132, 226);
}
.careers .design {
  background-color: rgb(14, 65, 119);
}
.careers .dev {
  background-color: rgb(70, 132, 226);
}
.careers .account {
  background-color: rgb(14, 65, 119);
}

.careers figure img {
  width: 95px;
  display: block;
  text-align: center;
  margin: auto;
  min-height: auto;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .careers figure.effect-bubba h2 {
    padding-top: 55%;
  }
  .careers figure.single-job h2 {
    padding-top: 55% !important;
  }
}