@media (max-width: 1399.98px) {
  html, body {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  #menu {
    width: 100%;
  }
  .navbar .navbar-brand {
    font-size: 20px;
  }
  .reset-button-style.close-button {
    margin-left: 85%;
  }
  .painting .painting-sample {
    flex-wrap: wrap;
  }
  .painting .painting-sample .paint + .paint {
    padding-top: 1.5rem;
  }
  .art ul {
    flex-direction: column;
  }
  .art .paint-item + .paint-item::before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  header {
    height: 84px;
  }
  #carousel {
    min-height: calc(100vh - 84px);
    height: 400px;
  }
  h2 {
    font-size: 24px;
    line-height: 40px;
  }
  .gallery .item .gallery-img {
    min-height: auto;
  }
  .gallery-detail-top h3 {
    margin-left: auto;
    margin-top: 2px;
  }
  .painting .painting-sample .paint + .paint {
    padding-left: 0;
  }
  .painting-details ul {
    flex-wrap: wrap;
  }
  .modal-dialog {
    width: 90%;
  }
  .carousel-caption {
    left: 10%;
    max-width: 80%;
  }
}

/*# sourceMappingURL=responsive.css.map */