@media screen and (min-width: 576px) {
  main #MainContener {
    width: 100vw;
  }
}
@media screen and (max-width: 575px) {
  main #MainContener {
    width: 100%;
    padding: 9vh 0px 0px 0px;
  }
  main #MainContener .news-area {
    padding: 0vh 16px 0px 16px;
  }
  main #MainContener .contact-area {
    padding: 0vh 16px 0px 16px;
  }
}
@media screen and (min-width: 576px) {
  .top_about-us {
    width: 100vw;
    display: flex;
  }
  .top_about-us .text-container {
    height: 130vh;
    width: 55%;
    display: flex;
    margin-left: 8%;
  }
  .top_about-us .text-container .item-container {
    margin-top: 25%;
  }
  .top_about-us .text-container .item-container .title {
    margin-bottom: 17%;
  }
  .top_about-us .text-container .item-container .title h1 {
    font-size: 58px;
    font-weight: 120;
    line-height: 150%;
    letter-spacing: 3px;
    color: var(--primary-color);
  }
  .top_about-us .text-container .item-container .sub-text h2 {
    font-size: 20px;
    font-weight: 180;
    line-height: 230%;
    color: var(--secondary-color);
    margin-bottom: 10%;
  }
  .top_about-us .image-container {
    height: 100vh;
    width: 55%;
  }
  .top_about-us .image-container img {
    height: 100%;
    width: 100%;
    -o-object-position: 25%;
    object-position: 25%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0 0 0 20px;
  }
  .top_about-us_phone {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .top_about-us {
    display: none;
  }
  .top_about-us_phone {
    width: 100%;
  }
  .top_about-us_phone .image-container {
    height: 48vh;
    width: 100%;
    margin-bottom: 25%;
    padding: 0px 0px;
  }
  .top_about-us_phone .image-container img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .top_about-us_phone .text-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .top_about-us_phone .text-container .item-container {
    width: 90%;
    margin-bottom: 30%;
  }
  .top_about-us_phone .text-container .item-container .title {
    margin-bottom: 10%;
  }
  .top_about-us_phone .text-container .item-container .title h1 {
    font-size: 36px;
    font-weight: 120;
    line-height: 150%;
    letter-spacing: 3px;
    color: var(--primary-color);
  }
  .top_about-us_phone .text-container .item-container .sub-text h2 {
    font-size: 16px;
    font-weight: 180;
    line-height: 230%;
    color: var(--primary-color);
    margin-bottom: 10%;
  }
} /*# sourceMappingURL=style.css.map */