@media (max-width: 900px) {
  body {
    font-family: "Fira Sans", serif;
    font-weight: 400;
    font-style: normal;
    color: #072f53;
    width: 100%;
  }
  h1 {
    font-size: 32px;
  }
  p {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
  }
  .header {
    max-width: 1440px;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 4% 1%;
    padding-bottom: 15%;
  }
  .header-wrapper {
    color: #072f53;
    background-color: #f6f6f6;
  }

  .header-left {
    display: block;
    text-align: center;
    margin-bottom: 4%;
  }

  .header-logo {
    width: 120px;
    display: block;
    margin: auto;
    margin-bottom: 6%;
  }

  .header-title-wrapper {
    display: block;
    margin: 0;
    margin: auto;
  }

  .header-title {
    /* Add your styles here */
    margin-bottom: 2%;
  }

  .header-subtitle {
    /* Add your styles here */
  }

  .header-menu {
    /* Add your styles here */
    display: block;
    margin-top: 5%;
  }

  .header-menu-item {
    display: inline;
    margin: auto 8px;
    padding-bottom: 6px;
  }
  .header-menu-item :hover {
    padding-bottom: 6px;
    font-weight: 700;
    border-bottom: 2px solid #cf6f49;
    color: #cf6f49;
  }

  .header-menu-item-selected {
    font-weight: 700;
    border-bottom: 2px solid #072f53;
  }
  .about-intro {
    position: relative;
  }
  .about-intro-bg {
    background-color: #f6f6f6;
    height: 20%;
    width: 100%;
    position: absolute;
    z-index: -1;
  }

  .about-intro-wrapper {
    /* Add your styles here */
    max-width: 1280px;
    margin: auto;
    background-color: #072f53;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: normal;
    position: relative;
  }
  .about-intro-ilust {
    position: absolute;
    right: -30px;
    top: -30px;
  }
  .about-intro-ilust img {
  }

  .about-intro-pic {
    /* Add your styles here */
    width: 100%;
    margin: auto;
    padding: 5%;
  }

  .about-intro-content {
    /* Add your styles here */
    width: 100%;
    padding: 5% 10%;
    padding-top: 0%;
  }

  .about-intro-content-title {
    /* Add your styles here */
    margin-bottom: 16px;
  }

  .about-intro-content-pa p {
    /* Add your styles here */
    margin-bottom: 20px;
  }

  /* EXPERIENCE */
  .about-exp-wrapper {
    max-width: 100%;
    margin: auto;
    padding: 7%;
  }

  .about-exp-title {
    /* Add your styles here */
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .about-exp-title img {
    margin-left: 4%;
  }

  .about-section-first {
    /* Add your styles here */
    margin-top: 4%;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }

  .about-section-first-img {
    /* Add your styles here */
    width: 38%;
  }
  .about-section-first-img img {
    width: 170px;
    display: block;
    margin: 0 auto;
  }

  .about-section-first-content {
    /* Add your styles here */
    width: 100%;
    padding: 0%;
    margin-bottom: 2%;
  }
  .about-section-first-content p {
    margin-bottom: 16px;
  }

  .about-section-second {
    /* Add your styles here */
    margin-top: 2%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .about-section-second-content {
    /* Add your styles here */
    width: 100%;
    padding-left: 0%;
  }
  .about-section-second-content p {
    margin-bottom: 16px;
  }

  .about-exp-img {
    /* Add your styles here */
    width: 38%;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  .about-exp-img img {
    display: block;
    margin: 0 auto;
  }

  /* TESTIMONIAL */

  .about-test-wrapper {
    /* Add your styles here */
    background-color: #c9907c;
    color: black;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 2%;
  }

  .about-test-title h2 {
    color: #4a2e08;
    margin-bottom: 10%;
    font-size: 32px;
  }

  .about-test-sections {
    /* Add your styles here */
    max-width: 100%;
    margin: auto;
    text-align: left;
  }
  .about-test-section {
    /* Add your styles here */
    background-color: #e5d7ce;
    margin-bottom: 10%;
    padding: 10%;
    position: relative;
  }
  .about-test-section p {
    margin-bottom: 12px;
  }

  .about-test-img {
    /* Add your styles here */
    position: absolute;
    width: 100px;
    left: -23px;
    top: -63px;
  }

  .about-test-section-content {
    /* Add your styles here */
    width: 100%;
  }

  .about-test-section-author {
    /* Add your styles here */
    color: #693e23;
    font-weight: 600;
    font-style: italic;
  }

  .parents-intro-wrapper {
    /* Add your styles here */
    text-align: center;
    width: 100%;
    color: white;
    background-color: #072f53;
    padding: 10% 5%;
  }

  .parents-intro-wrapper h1 {
    font-weight: 300;
    font-size: 32px;
  }
  .parents-intro-wrapper p {
    color: white;
    opacity: 0.5;
  }

  .parents-time-wrapper {
    /* Add your styles here */
    max-width: 100%;
    padding: 5% 5%;
    display: flex;
    flex-direction: column;
  }

  .parents-time-content {
    /* Add your styles here */
    width: 100%;
    padding-right: 0;
  }
  .parents-time-content h2 {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .parents-time-pics {
    /* Add your styles here */
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .parents-time-table {
    /* Add your styles here */
    width: 100%;
  }
  .parents-time-table ul {
    padding: 0;
  }
  .parents-time-table li {
    padding: 10px 8px;
    border-bottom: 1px solid #ead5c3;
    list-style: none;
  }

  .parents-time-table-time {
    /* Add your styles here */
    font-weight: 300;
    display: inline;
  }

  .parents-time-table-action {
    /* Add your styles here */
    font-weight: 400;
    display: inline;
    margin-left: 20px;
  }

  .make-regular {
    /* Add your styles here */
    font-weight: 400;
  }

  .make-bold {
    /* Add your styles here */
    font-weight: 600;
  }
  .parents-home {
    color: #072f53;
    background-color: #f6f6f6;
  }

  .parents-home-wrapper {
    /* Add your styles here */
    max-width: 100%;
    margin: auto;
    padding: 5% 5%;
  }

  .parents-home-content {
    /* Add your styles here */
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 6%;
  }
  .parents-home-content h2 {
    width: 100%;
    font-size: 24px;
    margin-bottom: 8px;
    margin-left: 0;
  }
  .parents-home-content p {
    width: 100%;
  }
  .parents-home-gallery {
    /* Add your styles here */
    max-width: 1440px;
    margin: auto;
    display: flex;
    flex-direction: column;
  }

  .parents-home-gallery-pic {
    /* Add your styles here */
    width: 100%;
    margin: 3% 0%;
  }

  .parents-home-animals {
    /* Add your styles here */
    max-width: 100%;
    margin: auto;
  }
  .parents-home-animals p {
    width: 100%;
    text-align: center;
    margin: 5% 0;
  }

  .parents-home-animals-gallery {
    /* Add your styles here */
    display: flex;
    flex-direction: column;
  }
  .parents-home-animals-gallery p {
    text-align: left;
  }

  .parents-home-animals-gallery-pic {
    /* Add your styles here */
    width: 100%;
    margin: 2% 0%;
  }
  .parents-transport {
    color: #072f53;
    background-color: #f6f6f6;
  }

  .parents-transport-wrapper {
    /* Add your styles here */
    max-width: 100%;
    margin: auto;
    padding: 0% 5%;
    display: flex;
    flex-direction: column;
  }

  .parents-transport-pic {
    /* Add your styles here */
    width: 50%;
    margin-left: 6%;
    margin: auto;
  }

  .parents-transport-content {
    /* Add your styles here */
    width: 100%;
    margin-top: -10%;
    margin-bottom: 15%;
  }
  .parents-transport-content h2 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .parents-faq {
    max-width: 1440px;
    margin: auto;
    padding: 3% 6%;
  }

  .parents-faq-wrapper {
    /* Add your styles here */
    display: flex;
    flex-direction: column;
  }

  .parents-faq-pic {
    /* Add your styles here */
    width: 150px;
    margin-top: -10%;
  }

  .parents-faq-content {
    /* Add your styles here */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 10%;
  }

  .parents-faq-item {
    /* Add your styles here */
    width: 100%;
    padding: 3%;
  }
  .parents-faq-item h4 {
    margin-bottom: 8px;
  }
  .contact-card {
    max-width: 1440px;
    margin: auto;
    padding: 5% 5%;
  }

  .contact-card-wrapper {
    /* Add your styles here */
    background-color: #e5d7ce;
    color: #693e23;
    width: 100%;
    margin: auto;
    margin-bottom: 5%;
    text-align: center;
    padding: 6% 9%;
  }

  .contact-card-pic {
    margin-bottom: 7%;
    width: 100%;
    margin-top: -20%;
  }
  .contact-card-pic img {
    width: 160px;
    display: block;
    margin: 0 auto;
  }
  .contact-card-wrapper h3 {
    margin-bottom: 5%;
  }
  .contact-card-wrapper p {
    font-style: italic;
  }

  .footer-wrapper {
    /* Add your styles here */
    background-color: #072f53;
    color: white;
    width: 100%;
    padding: 5%;
  }
  .footer-items {
    display: flex;
    gap: 10px;
    padding: 0;
  }

  .footer-left {
    flex: 1;
  }
  .footer-left h2 {
    font-size: 20px;
  }

  .footer-middle {
    /* Add your styles here */
    flex: 1;
  }

  .footer-middle-img {
    width: 80px;
    margin: auto;
  }

  .footer-right {
    /* Add your styles here */
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 3%;
  }

  .footer-social {
  }

  .slide {
    flex: 0 0 100%; /* Show 3 images at a time */
    padding: 10px;
  }
}