body {
    background-color: #D9DBDC !important;
}

h1, h2, h3 {
  font-family: 'Zen Antique', serif !important;
}

.carousel {
    width:30%;
    height:30%;
  }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #carouselExampleCaptions {
        width:100vh !important;
      }
    }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #carouselExampleCaptions {
    width: 100rem !important;
      }
    }