nav{ background-color: black !important; }

.service-bg{
    background-color: #B9C0C2 !important;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.section-title{
  font-size: 48px;
  padding-top: 60px;
  padding-bottom: 50px;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}
@media(max-width: 992px) {
  .pt-10 {
  padding-top: 84px !important;
  }
  .section-title {
    font-size: 32px;
  }
  .section-title {
    padding: 30px 0px;
  }
}

/* Intro */
.aboutUs-section-titles {
  font-size: 48px;
  padding-top: 60px;
  padding-bottom: 7px;
  border-bottom: 2px solid;
  width: 122px;
  margin-bottom: 60px;

}
.aboutUs-section-titles1 {
  font-size: 38px;
  padding-top: 50px;
  padding-bottom: 7px;
  border-bottom: 2px solid;
  width: 122px;
  margin-bottom: 54px;

}
.intro-text p{
  font-size: 18px;
  line-height: 151.856%;
  letter-spacing: 0.9px;  

}

.Service-info-text{
    color: #000;
font-family: NobelLight;
/* LexusFonts/paragraph */

font-size: 16px;

}
.service-button{
  background-color: #000;
  color: #fff;
  text-decoration: none;
  width: 225px !important;
  height: 55px !important;
  display: flex;
  justify-content: center !important;

}
.button-size{
    margin-right: 60%;
    
}
.service-button-text{
    color: #FFF;
    font-family: Nobel;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}




/* Articles */
.articles-text {
  /*padding: 0 14.42vw 0 10.98vw ;*/
  padding:  0 7vw 0 3.2vw;
}
@media (min-width: 1200px){
  .articles-text p{
    font-size: 16px !important;
  }
  /* FIXES */
    /* .h1, h1 {
      font-size: 3rem !important;
    } */
    .h1--font  {
      font-size: 3rem !important;
    }
.articles-text h2{
  font-size: 1.625rem !important;
}
}

@media (min-width: 768px) and (max-width: 1700px) {
    .img-container {
        height: 700px;
        object-fit: cover;
    }
}

@media(max-width: 1024px) {
  .articles-text {
    padding: 0 80px 0 80px;
  }
}


@media(max-width: 992px) {
  .articles-text {
    padding: 0 40px 0 40px;
  }
}
@media(max-width: 767px) {
  .aboutUs-section-titles1 {
    font-size: 28px;
    padding-top: 20px;

  }
  .articles-text {
    padding: 60px 20px ;
  }
  .intro-text p{
    font-size: 16px;
  }
  .aboutUs-section-titles {
    font-size: 28px;
    padding-top: 40px;
    margin-bottom: 54px;
  }
  /* FIXES-- Title of the service & Maintenance styling for Mobile. */
    /* .h1, h1 {
        font-size: 2rem !important;
    } */
    .h1--font  {
      font-size: 2rem !important;
    }
  .articles-text h2{
    font-size: 26px !important;
  }
  .articles-text p{
    font-size: 16px;
  }
  /* Styling of the More Info btn for mobile */
  .service-button {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    width: 100% !important;
    height: 55px !important;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .service-button-text{
    color: #FFF;
    font-family: Nobel;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
}

/* Fixed POR24508-483 - exceeds the width in small secreen size */
@media(max-width: 410px) {
  .service-button{
      width:100%;
  }
  /* Styling for the article title in mobile */
.articles-text h2{
  font-size: 26px !important;
}

}