@font-face {
  font-family: Lulo-Clean;
  src: url("https://uzuricoaching.co.za/site/fonts/Lulo-Clean.ttf") format("truetype");
}
:root {
  --header-font-family:"Lulo-Clean";
  --primary-black:#252424;
  --why-uzuri-background-colour: #FCFCFC;
  --contact-us-background-colour: #FCFCFC;
  --services-half-img-container:550px;
}

/* ------ LINKS ------ */
.svg-link {
  color: black !important;
}

.video-container {
  grid-column: 2/12;
}

.nav-section {
  padding: 3rem 0;
}

.welcome-text {
  font-weight: bold;
}

.welcome-subtext {
  font-weight: bold;
}

.tl-body-section-heading {
  font-family: var(--header-font-family);
  font-size: 18px;
}

#intro {
  grid-column: 2/12;
}

.about {
  grid-column: 2/12;
}

.why-uzuri {
  grid-column: 1/13;
  background-color: var(--why-uzuri-background-colour);
  display: grid;
}

.why-uzuri-header-container {
  grid-column: 1/13;
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}

.why-uzuri-body-container {
  display: grid;
}

.services {
  display: grid;
}

.services-header-container {
  grid-row: 1/2;
  grid-column: 1/13;
  margin-bottom: 1rem;
}

.sbcr-h {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding-bottom: 1rem;
}

.sbcr-h1 {
  grid-column: 1/3;
}

hr.service-line {
  border: 2px solid black;
  display: inline-flex;
  opacity: 1;
  margin: 0;
  width: 100%;
}

.sbcr-h2 {
  grid-column: 4/13;
  font-weight: bold;
  font-size: 17px;
}

.believe-container {
  grid-column: 2/12;
  border: 1px solid black;
  margin: 3rem 0;
}

.bcb-row {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(12, 1fr);
}

.believe-container-main-quote {
  grid-row: 1/2;
  grid-column: 1/13;
  display: flex;
  justify-content: center;
  font-family: var(--header-font-family);
  font-size: 14px;
}

.believe-container-main-quote-author {
  grid-row: 2/3;
  grid-column: 1/13;
  display: flex;
  justify-content: end;
}

.contact-us-main-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.contact-us {
  grid-column: 1/13;
  background-color: var(--contact-us-background-colour);
}

.contact-heading {
  padding-bottom: 2rem;
}

.social-media-icon-container {
  display: flex;
  justify-content: center;
}

.contact-form-container {
  padding: 3rem 0 2rem 0;
}

.social-media-heading {
  margin-bottom: 1rem;
  text-align: left;
  border-bottom: 2px solid black;
}

.contact-form-spacer {
  padding: 0 0.5rem;
}

@media only screen and (max-width: 767.98px) {
  .welcome-message {
    grid-column: 2/12;
  }
  .about-img-container {
    height: 200px;
  }
  #tbsh-about {
    padding-top: 1rem;
  }
  .why-uzuri {
    grid-column: 1/13;
    grid-template-columns: repeat(12, 1fr);
  }
  .why-uzuri-body-container {
    grid-column: 2/12;
  }
  .tl-col-even-1 {
    grid-row: 2/3;
    padding-top: 2rem;
  }
  .tl-col-even-2 {
    grid-row: 1/2;
  }
  .services {
    grid-column: 2/12;
  }
  .services-body-container {
    grid-column: 1/13;
  }
  .sbc-title {
    padding-top: 2rem;
  }
  .sbc-description {
    padding-top: 1rem;
  }
  .believe-container-body {
    padding: 3rem;
  }
  .contact-us-container-row {
    grid-column: 2/12;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .welcome-message {
    grid-column: 2/12;
  }
  .about-img-container {
    height: 200px;
  }
  #tbsh-about {
    padding-top: 1rem;
  }
  .why-uzuri {
    grid-column: 1/13;
    grid-template-columns: repeat(12, 1fr);
  }
  .why-uzuri-body-container {
    grid-column: 2/12;
  }
  .tl-col-even-1 {
    grid-row: 2/3;
    padding-top: 2rem;
  }
  .tl-col-even-2 {
    grid-row: 1/2;
  }
  .services {
    grid-column: 2/12;
  }
  .services-body-container {
    grid-column: 1/13;
  }
  .sbc-title {
    padding-top: 2rem;
  }
  .sbc-description {
    padding-top: 1rem;
  }
  .believe-container-body {
    padding: 3rem;
  }
  .contact-us-container-row {
    grid-column: 2/12;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .welcome-message {
    grid-column: 2/9;
    padding: 2rem 0;
  }
  .welcome-text {
    font-size: 45px;
  }
  .about {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .about-col {
    padding: 0 2rem;
  }
  #tbsh-about {
    display: flex;
    justify-content: center;
  }
  .about-body {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
  }
  .why-uzuri {
    grid-template-columns: repeat(2, 50%);
  }
  .why-uzuri-body-container {
    grid-column: 1/13;
    grid-template-columns: repeat(2, 50%);
  }
  #why-uzuri-text-container {
    padding: 3rem;
  }
  .why-uzuri-img-container {
    height: 480px;
  }
  .services {
    grid-column: 1/13;
  }
  .services-header-container {
    padding: 2rem 3rem 0 3rem;
  }
  .services-body-container {
    grid-column: 1/13;
  }
  .sbc-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
  }
  .sbc-title {
    align-self: end;
    padding: 0px 2.5rem;
  }
  .sbc-description {
    padding: 0px 2.5rem;
  }
  .sbct-left {
    grid-column: 1/7;
    grid-row: 1;
  }
  .sbcd-left {
    grid-column: 1/7;
    grid-row: 2;
    align-self: start;
  }
  .sbci-left {
    grid-column: 7/13;
    grid-row: 1/3;
  }
  .sbct-right {
    grid-column: 7/13;
    grid-row: 1;
  }
  .sbcd-right {
    grid-column: 7/13;
    grid-row: 2;
    align-self: start;
  }
  .sbci-right {
    grid-column: 1/7;
    grid-row: 1/3;
  }
  .services-img-half-container {
    height: var(--services-half-img-container);
  }
  .believe-container-body {
    padding: 5rem;
  }
  .contact-us-main-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .contact-us-container-row {
    grid-column: 2/12;
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .contact-us-info-container {
    padding-left: 3rem;
  }
  .contact-info-row {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 1200px) {
  .welcome-message {
    grid-column: 2/9;
    padding: 2rem 0;
  }
  .welcome-text {
    font-size: 45px;
  }
  .about {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .about-col {
    padding: 0 2rem;
  }
  #tbsh-about {
    display: flex;
    justify-content: center;
  }
  .about-body {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
  }
  .why-uzuri {
    grid-template-columns: repeat(2, 50%);
  }
  .why-uzuri-body-container {
    grid-column: 1/13;
    grid-template-columns: repeat(2, 50%);
  }
  #why-uzuri-text-container {
    padding: 3rem;
  }
  .why-uzuri-img-container {
    height: 480px;
  }
  .services {
    grid-column: 1/13;
  }
  .services-header-container {
    padding: 2rem 3rem 0 3rem;
  }
  .services-body-container {
    grid-column: 1/13;
  }
  .sbc-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
  }
  .sbc-title {
    align-self: end;
    padding: 0px 2.5rem;
  }
  .sbc-description {
    padding: 0px 2.5rem;
  }
  .sbct-left {
    grid-column: 1/7;
    grid-row: 1;
  }
  .sbcd-left {
    grid-column: 1/7;
    grid-row: 2;
    align-self: start;
  }
  .sbci-left {
    grid-column: 7/13;
    grid-row: 1/3;
  }
  .sbct-right {
    grid-column: 7/13;
    grid-row: 1;
  }
  .sbcd-right {
    grid-column: 7/13;
    grid-row: 2;
    align-self: start;
  }
  .sbci-right {
    grid-column: 1/7;
    grid-row: 1/3;
  }
  .services-img-half-container {
    height: var(--services-half-img-container);
  }
  .believe-container-body {
    padding: 5rem;
  }
  .contact-us-main-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .contact-us-container-row {
    grid-column: 2/12;
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
  .contact-us-info-container {
    padding-left: 3rem;
  }
  .contact-info-row {
    display: grid;
    grid-template-columns: repeat(2, 50%);
  }
}/*# sourceMappingURL=uzuri_home.css.map */