/*// Colours //*/
.MET-blue-text {
  color: #1F3B90;
}
.MET-pink-text {
  color: #FF8E6C;
}
.MET-hotpink-text {
  color: #EC008C;
}
.MET-green-text {
  color: #CDDB00;
}
.MET-yellow-text {
  color: #FFD100;
}
.MET-lightblue-text {
  color: #0097CE;
}
.MET-white-text {
  color: #FFFFFF;
}
.MET-dark-gray-text {
  color: #231F20;
}
.MET-black-text {
  color: #000000;
}

/*// Titles //*/
.MET-capitalize {
  text-transform: capitalize;
}
.MET-all-uppercase {
  text-transform: uppercase;
}
.MET-nowrap {
  white-space: nowrap;
}
.MET-main-title,
.MET-image-subtitle,
.MET-paragraph,
.MET-contacts-content {
  font-family: "Helvetica Now Display Light";
  text-align: left;
  letter-spacing: 1px;
}

.MET-section-subtitle,
.MET-image-title,
.MET-section-title {
  font-family: "Helvetica Now Display Medium";
  text-align: left;
  letter-spacing: 1px;
}

.MET-page-title-banner {
  font-size: 40pt;
  letter-spacing: 3pt;
}

.MET-page-title {
  font-family: "Helvetica Now Display";
  text-align: left;
  letter-spacing: 1px;
}

.MET-slider-title {
  margin-bottom: 15px;
  font-family: "Helvetica Now Display Medium";
  letter-spacing: 1px;
}

.MET-page-title-banner,
.MET-copyright {
  font-family: "Helvetica Now Display Light";
  text-align: left;
}

.MET-job-detail,
.MET-paragraph-bold,
.MET-contacts-title {
  font-family: "Helvetica Now Display Medium";
  letter-spacing: 1px;
}

.MET-portfolio-title {
  letter-spacing: 3px;
  font-family: "Helvetica Now Display Light";
}

.Footer-Logo {
  max-height: 7rem;
}
svg.MET-footer-logo {
    max-width: 80%;
}

/*// Links & Buttons //*/
.MET-page-link {
  font-family: "Helvetica Now Display";
}

.MET-filter-link {
  font-family: "Helvetica Now Display Bold";
}

.MET-page-link,
.MET-filter-link{
  color: #1F3B90;
  text-align: left;
  letter-spacing: 1px;
  width: 100%;
}

.MET-browse-files-button {
  font-family: "Helvetica Now Display";
  background-color: #939598;
  color: #FFFFFF;
  padding: 10px 32px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.button {
  font-family: "Helvetica Now Display Medium";
  background-color: #1F3B90;
  color: #FFFFFF;
  padding: 10px 300px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

.MET-ul {
  list-style-type: none;
}

.MET-nav-chevron {
  display: inline;
  max-width: 1.7rem;
  max-height: 1.7rem;
}

 /*** Colour Cards ***/

.MET-yellow-card {
  background-color: #FFD100;
}
.MET-pink-card {
  background-color: #FF8E6C;
}
.MET-green-card {
  background-color: #CDD800;
}
.MET-hotpink-card {
  background-color: #FF5FA0;
}
.MET-METBlue-card-title {
  font-family: "Helvetica Now Display Light";
  color: #1F3B90;
  text-align: left;
  font-size: 48pt
}
.MET-white-card-title {
  font-family: "Helvetica Now Display Light";
  color: #FFFFFF;
  text-align: left;
  font-size: 48pt;
  border-top: 1px solid #fff;
}
.MET-green-card-title {
  font-family: "Helvetica Now Display Light";
  color: #1F3B90;
  text-align: left;
  font-size: 45pt;
  padding-top: 2rem;
  border-top: 1px solid #1f3b90;
  margin-top: 5rem;
}
.MET-yellow-card-title {
    font-family: "Helvetica Now Display Light";
    color: #1F3B90;
    text-align: left;
    font-size: 45pt;
    padding-top: 2rem;
    border-top: 1px solid #1f3b90;
}
.MET-METBlue-card-subtitle {
  font-family: "Helvetica Now Display Medium";
  color: #1F3B90;
  text-align: left;
  font-size: 24pt
}
.MET-white-card-subtitle {
  font-family: "Helvetica Now Display Medium";
  color: #FFFFFF;
  text-align: left;
  font-size: 24pt
}
.MET-METBlue-card-subtitle {
  font-family: "Helvetica Now Display Medium";
  color: #1F3B90;
  text-align: left;
  font-size: 24pt
}
.MET-white-card-content {
  font-family: "Helvetica Now Display Light";
  color: #FFFFFF;
  text-align: left;
  font-size: 18pt
}
.MET-black-card-content {
  font-family: "Helvetica Now Display Light";
  color: #000000;
  text-align: left;
  font-size: 18pt
}

.Blue-Text-Button {
  font-family: Helvetica Now Display Medium;
  color: #1F3B90;
  font-size: 17pt;
  background-color: #ffffff !important;
  padding: 0px;
}

.MET-team-yellow-card-ul li {
  margin-left: 0;
}

.MET-hide {
  display: none;
}

.MET-video-banner {
  max-height: 49vw;
  overflow: hidden;
}

@media (max-width: 999px) {
  svg.MET-footer-logo{
    width: 15rem !important;
  }
  .MET-page-title-banner,
  .MET-main-title {
    font-size: 40pt;
    letter-spacing: 3pt;
  }

  .MET-section-title {
    font-size: 35pt;
    line-height: 1.20;
    letter-spacing: 3.18pt;
    padding: 0 15% 5%;
  }

  .MET-section-subtitle {
    font-size: 14.02pt;
    line-height: 1.20;
    letter-spacing: 0.70pt;
  }

  .MET-page-title {
    font-size: 15pt;
    line-height: 1.20;
    letter-spacing: 0.75pt;
    padding: 2% 0;
  }

  .MET-image-title {
    font-size: 10.6pt;
    line-height: 1.20;
    letter-spacing: 0.50pt;
  }

  .MET-green-card-title {
    margin: 0 10% 5%;
    font-size: 32pt;
  }

  .MET-paragraph {
    font-size: 11pt;
    line-height: 2;
    letter-spacing: 0.50pt;
    padding: 0 10% 5%;
  }

  .MET-contacts-title {
    font-size: 10pt;
    line-height: 1.2;
    letter-spacing: 0.32pt;
  }

  .MET-contacts-content {
    font-size: 10pt;
    line-height: 1.25;
    /*padding: 20%;*/
  }

  .MET-copyright {
    font-size: 10pt;
    text-align: left;
    line-height: 1.57;
    letter-spacing: 0rem;
    padding-top: 10px;
  }

  .MET-page-link {
    font-size: 14.27pt;
    line-height: 1.20;
    letter-spacing: 0.71pt;
    padding-top: 5%;
  }

  .MET-filter-link {
    font-size: 12.37pt;
    line-height: 1.94;

  }

  .MET-sm-hide {
    display: none;
  }

  .MET-green-card {
    margin-top: 5rem;
  }

  .MET-yellow-card {
    padding-top: 5% !important;
  }
}

@media (min-width: 1000px) and (max-width: 1699px) {
  .MET-paragraph {
    font-size: 13pt;
  }
  .MET-page-title-banner,
  .MET-main-title {
    font-size: 40pt;
  }
  .MET-page-title {
    font-size: 15pt;
    padding: 5% 0;
  }
  .MET-section-title {
    font-size: 26pt;
    padding-top: 1rem;
  }
  .MET-page-link,
  .MET-filter-link {
    font-size: 14pt;
    padding-top: 15%;
    position: absolute;
    bottom: 0;
    z-index: 99;
  }
  .MET-contacts-title {
    font-size: 10pt;
    line-height: 1.2;
    letter-spacing: 0.31pt;
  }
  .MET-contacts-content {
    font-size: 10pt;
    line-height: 1.25;

  }

  .MET-copyright {
    font-size: 10pt;
    text-align: right;
    line-height: 1;
    margin-top: 8rem;
    letter-spacing: 0rem;
  }

  .MET-md-hide {
    display: none;
  }

  .MET-md-75-width-center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    margin-left: 15%;
  }

  .MET-yellow-card-title {
    font-size: 37pt;
    padding: 3% 0;
  }

  .MET-team-yellow-card-ul {
    margin-left: 0;
    font-size: 9pt;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  .MET-right-padded {
    padding-right: 0;
  }
}

@media  (min-width: 1026px) and (max-width: 1699px) {
  .MET-right-padded {
    padding-right: 2%;
  }
}

@media (min-width: 1700px) and (max-width: 1927px) {
  .MET-page-title-banner,
  .MET-main-title {
    font-size: 40pt;
    letter-spacing: 3pt;
  }
  .MET-section-title {
    font-size: 35pt;
    line-height: 1.20;
    letter-spacing: 3.18pt;
  }
  .MET-section-subtitle {
    font-size: 20pt;
    line-height: 1.20;
    letter-spacing: 1.40pt;
  }
  .MET-page-title {
    font-size: 15pt;
    line-height: 1.20;
    letter-spacing: 1.07pt;
    padding: 2rem 0 7rem;
  }
  .MET-image-title {
    font-size: 10.6pt;
    line-height: 1.20;
  }
  .MET-image-subtitle {
    font-size: 10pt;
    line-height: 1.20;
    letter-spacing: 0.76pt;
    padding-top: 0rem !important;
  }
  .MET-paragraph-bold,
  .MET-paragraph {
    font-size: 13pt;
    line-height: 1.56;
    letter-spacing: 0.90pt;
  }
  .MET-contacts-title {
    font-size: 10pt;
    line-height: 1.2;
    letter-spacing: 0.31pt;
  }
  .MET-contacts-content {
    font-size: 10pt;
    line-height: 1.25;

  }

  .MET-copyright {
    font-size: 10pt;
    text-align: right;
    line-height: 1;
    margin-top: 5rem;
    letter-spacing: 0rem;
  }

  .MET-page-link {
    font-size: 21.44pt;
    line-height: 1.20;
    letter-spacing: 1.06pt;
    padding-top: 10%;
    position: absolute;
    bottom: 0;
  }

  .MET-filter-link {
    font-size: 16pt;
    line-height: 2.5;
  }

  .MET-lg-hide {
    display: none;
  }

  .MET-right-padded {
    padding-right: 10%;
  }
}

@media (min-width: 1928px) {
  .MET-page-title-banner,
  .MET-main-title {
    font-size: 43pt;
    letter-spacing: 3pt;
  }
  .MET-section-title {
    font-size: 40pt;
    line-height: 1.20;
    letter-spacing: 3.18pt;
  }
  .MET-section-subtitle {
    font-size: 22pt;
    line-height: 1.20;
    letter-spacing: 1.40pt;
  }
  .MET-page-title {
    font-size: 17pt;
    line-height: 1.20;
    letter-spacing: 1.07pt;
    padding: 2rem 0 7rem;
  }
  .MET-image-title {
    font-size: 12pt;
    line-height: 1.20;
  }
  .MET-image-subtitle {
    font-size: 11.5pt;
    line-height: 1.20;
    letter-spacing: 0.76pt;
    padding-top: 0rem !important;
  }
  .MET-paragraph-bold,
  .MET-paragraph {
    font-size: 13pt;
    line-height: 1.56;
    letter-spacing: 0.90pt;
  }
  .MET-contacts-title {
    font-size: 12pt;
    line-height: 1.2;
    letter-spacing: 0.31pt;
  }
  .MET-contacts-content {
    font-size: 12pt;
    line-height: 1.25;
  }

  .MET-copyright {
    font-size: 12pt;
    text-align: right;
    line-height: 1;
    margin-top: 11rem;
    letter-spacing: 0rem;
  }

  .MET-page-link {
    font-size: 22pt;
    line-height: 1.20;
    letter-spacing: 1.06pt;
    padding-top: 10%;
    position: absolute;
    bottom: 0;
  }

  .MET-filter-link {
    font-size: 18pt;
    line-height: 2.5;
  }

  .MET-lg-hide {
    display: none;
  }

  .MET-right-padded {
    padding-right: 4%;
  }
}

@media (max-width: 999px){
  .MET-section-title {
      font-size: 30pt;
      padding-top: 1rem;
  }
}

@media (max-width: 767px) {
  .MET-right-padded {
    padding-right: 20%;
    padding-bottom: 10%;
  }
}

@media (max-width: 575px) {
  .MET-page-title-banner,
  .MET-main-title {
    font-size: 20pt;
  }

  .MET-green-card {
    margin-top: 3rem;
  }

  .MET-section-title {
    padding: 0 10% 5%;
    font-size: 19pt;
  }
}

@media (max-width: 500px) {
  .MET-right-padded {
    padding-right: 5%;
  }
}

/*** Imagery ***/

@media (min-width: 1000px) and (max-width: 1475px) {
  .MET-center-image-to-text {
    position: absolute;
    top: 50%;
    margin-top: -25%;
  }
}

/*** Footer customization ***/
.MET-hr-footer {
    width: 100%;
    border-top: 1px solid #231F20;
}

.MET-hr-page-title {
    height:1px;
    border:none;
    color: #231F20;
    background-color: #231F20;
    width:30%;
    text-align:left;
    margin: 0;
    border-top: 1px solid #231F20;
}

.MET-footer-social-media {
    text-align: right;
}

.MET-footer-social-media a svg {
    float: right;
    margin-left: 1.5rem;
}
.footer-inner {
  max-width: 168rem;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media  (min-width: 989px) and (max-width: 1150px){
  .MET-contacts-content, .MET-contacts-title {
    font-size: 8pt;
    line-height: 1;
  }

  .MET-copyright {
    font-size: 8pt;
    line-height: 1;
    margin-top: 4rem;
    letter-spacing: 0rem;
  }
}

@media only screen and (max-width: 767px) {
  .MET-instagram-Footer {
    margin-left: 0 !important;
  }
  .Footer-Logo {
    max-height: 0px;
  }
  .MET-Footer-logo {
    max-height: 6rem;
  }
  .Container-Footer-Social {
    float: left;
  }

  .MET-copyright,
  .MET-footer-social-media,
  .MET-contacts-title,
  .MET-contacts-content {
    text-align: left;
  }

  .MET-hr-page-title {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .MET-footer-social-media {
    text-align: center;
  }
  .Container-Footer-Social{
    display: inline-flex;
    flex-direction: row-reverse;
  }
  .MET-copyright{
    text-align: center;
  }
}