section.recruitment-banner {
    height: 575px;
    background-image: url('../img/circles.png');
    background-color: #01113B;
    background-position: bottom;
    background-repeat: no-repeat;
}
section.recruitment-banner .r {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-column-gap: 20px;
    position: relative;
    top: 21%;
}
section.recruitment-banner .r div:nth-child(1) h3 {
    display: inline-block;
    font-size: 2rem;
}
    section.recruitment-banner .r div:nth-child(1) h3 a {
        display: inline-block;
        text-decoration: none;
        background: #83a82e;
        color: #fff;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }
section.recruitment-banner .r div:nth-child(2) {
    padding: 20px 22px;
    margin: 20px 0 0 0;
}
section.recruitment-banner .r div:nth-child(2) p {
    font-size: 2.05rem;
    line-height: 2.8rem;
    margin: 0 0 40px 0;
    font-weight: 600;
    color: #fff;
    background: none;
    display: inline-block;
    padding: 0;
}
section.recruitment-banner .r div:nth-child(2) a.button {
    margin: 0;
    border: solid 2px #c1de83;
    background: none;
    color: #c1de83;
    padding: 20px 55px;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.02rem;
}
section.recruitment-banner .r div:nth-child(2) a.button:hover,
section.recruitment-banner .r div:nth-child(2) a.button:focus {
    background: #c1de83;
    color: #00164d;
}

/* Departments Theme */
section.recruitment-banner.deptv2 .r div:nth-child(1) h3 a span {
  margin: 15px 0 0 0;
}
section.recruitment-banner.deptv2 .r div:nth-child(2) p a {
    color: #97dbf8;
    text-decoration: underline;
}
section.recruitment-banner.deptv2 .r div:nth-child(2) p a:hover,
section.recruitment-banner.deptv2 .r div:nth-child(2) p a:focus {
    text-decoration: none;
}

/* HWAS */
section.recruitment-banner.hwas .r {
    top: 24%;
    grid-template-columns: 1fr 5fr 1fr;
}

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

  /* Recruitment footer banner */
  section.recruitment-banner {
      height: auto;
      padding: 70px 0;
	  background-image: none !important;
  }
  section.recruitment-banner .r {
      grid-template-columns: 1fr;
      grid-column-gap: 0px;
  }
  section.recruitment-banner .r div:first-child {
      text-align: center;
  }
  section.recruitment-banner .r div:nth-child(1) h3 {
      font-size: 1.6rem;
  }
  section.recruitment-banner .r div:nth-child(2) {
      padding: 0;
      text-align: center;
      margin: 1.75rem 0 0 0;
  }
  section.recruitment-banner .r div:nth-child(1) h3 a {
      width: 170px;
      height: 170px;
  }
  section.recruitment-banner .r div:nth-child(2) p {
      font-size: 2.1rem;
      line-height: 3rem;
  }

  /* HWAS */
  section.recruitment-banner.hwas .r {
      grid-template-columns: 1fr;
      grid-column-gap: 0px;
  }

}

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

  section.recruitment-banner .r div:nth-child(2) {
      padding: 0;
      margin: 1rem 0 0 0;
  }
  section.recruitment-banner .r div:nth-child(2) p {
      font-size: 2rem;
      line-height: 2.5rem;
      margin: 0.5rem 0 1.5rem;
  }

}

.page-template-featured-page main.lpfb section.recruitment-banner .r div:nth-child(2) p,
.page-template-featured-page main.lp section.recruitment-banner .r div:nth-child(2) p {
    font-weight: 300;
}
.page-template-featured-page main.lpfb section.recruitment-banner .r div:nth-child(2) a.button,
.page-template-featured-page main.lp section.recruitment-banner .r div:nth-child(2) a.button {
    font-weight: 400;
}
.page-template-featured-page main.lpfb section.recruitment-banner .r div:nth-child(1) h3 span,
.page-template-featured-page main.lp section.recruitment-banner .r div:nth-child(1) h3 span {
    font-weight: 400;
}