#about {

  background: url(../img/new_profile.jpg) no-repeat;

  background-size: cover;

  background-position: center bottom;

}



#about h2,

#about p {

  color: #414141;

}



.about-text {

  width: 100%;

}



#about-text h2 {

  font-size: 35px;

  font-weight: 700;

  line-height: 1.3;

}



.mb {

  margin-bottom: 50px;

}



.teamWide h2 {

  text-align: center;

  font-size: 36px;

  background: url(../img/icon.png) no-repeat;

  background-position: top center;

  padding-top: 75px;

  margin-bottom: 70px;

}



.member-box {

  background: #414141;

  border-radius: 15px;

  padding: 30px;

  min-height: 755px;

}



.member-box p {

  margin: 0;

  color: #fff;

}



.member-box img {

  margin: 15px auto;

  display: block;

}



.banner {

  text-align: right;

  background: url(../img/new_banner.jpg) no-repeat;

  background-size: cover;

  height: 46vw;

  display: flex;

}



.banner h2 {

  font-size: 42px;

  color: #99694b;

  font-weight: 700;

  text-transform: uppercase;

}



.banner p {

  font-size: 26px;

  color: #000;

}



.banner .container {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.service-title {

  text-align: center;

}



.service-title h2 {

  font-size: 36px;

  font-weight: 700;

  margin-top: 0;

}



.service-title p {

  font-size: 18px;

}



.service-title .bold {

  color: #99694b;

  font-weight: 600;

}



.service-title img {

  margin-top: 80px;

}



.service-grid {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-gap: 50px;

}



.service-item {

  text-align: center;

  box-shadow: 0px 1px 4px 0px rgba(153, 105, 75, 0.35);

  padding: 30px;

}



#services {

  background: #fff;

}



.service-item h4 {

  color: #99694b;

  font-weight: 600;

  font-size: 21px;

  margin: 1em 0;

}



.service-item p {

  font-size: 16px;

  margin: 0;

}



.service-item .bold {

  color: #99694b;

  display: block;

  margin-top: 1em;

}



.service-item a {

  margin-top: 1em;

  color: #99694b;

  text-decoration: underline;

  font-size: 16px;

  display: block;

}



.catchPhraseWide {

  background: #3f3f3f;

}



.catchPhraseCTA a {

  font-size: 24px;

  background: #99694b;

}



.questionAnswersWide {

  text-align: center;

  background: #f0e9e4;

}



.title-icon {

  margin-top: 80px;

}



.questionAnswersWide h2 {

  font-size: 36px;

  margin-top: 10px;

}



.questionAnswersWide h3 {

  font-size: 18px;

  line-height: 1.3;

  margin-top: 10px;

}



.questionAnswersWide p {

  margin: 0;

}



.question-row {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-gap: 50px;

}



.question-item {

  background: #fff;

  padding: 20px;

  box-shadow: 0px 1px 4px 0px rgba(153, 105, 75, 0.35);

}



#map-canvas:before {

  display: none;

}



.contact {

  width: 100%;

  float: none;

  text-align: center;

}



.contact h2 {

  font-size: 36px;

  margin-top: 10px;

}



.contact p a {

  font-weight: 600;

}



.contactAndMapWide {

  background: #fff;

}



.classicForm {

  text-align: left;

}



.classicForm h5 {

  color: #99694b;

}



.form-grid {

  display: grid;

  grid-template-columns: 0.7fr 1fr;

  grid-gap: 100px;

}



.form-item input,

.form-item textarea {

  box-shadow: 0px 1px 4px 0px rgba(153, 105, 75, 0.35);

  margin: 0 0 20px 0;

}



.form-item input:focus,

.form-item textarea:focus {

  box-shadow: 0px 1px 4px 0px rgba(153, 105, 75, 0.75);

}



.form-item input[type='submit'] {

  color: #fff;

  background: #99694b;

  border-radius: 5px;

}



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

  .about-text {

    width: 80%;

  }

}



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

  .member-box {

    min-height: unset;

  }

  .about-text {

    text-align: left;

  }

  #about h2 {

    font-size: 26px;

    line-height: 1.3;

    font-weight: 700;

  }

  .banner {

    background-size: 161%;

    background-position: 100% 50%;

  }

  .service-grid {

    grid-template-columns: 1fr 1fr;

  }

  .empty {

    display: none;

  }

  .question-row {

    grid-template-columns: 1fr;

  }

  .form-grid {

    grid-template-columns: 1fr 1fr;

    grid-gap: 20px;

  }

}



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

  .banner h2 {

    font-size: 32px;

  }

  .banner p {

    font-size: 20px;

  }

  .service-grid {

    grid-template-columns: 1fr;

  }

}



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

  .about-text {

    width: 100%;

  }

  .form-grid {

    grid-template-columns: 1fr;

    grid-gap: 0;

  }

}



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

  .banner h2 {

    font-size: 24px;

    line-height: 1.2;

  }

  .banner p {

    font-size: 16px;

  }

}



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

  .banner h2 {

    font-size: 20px;

  }

}