.bkg-blue {
        background-color: rgb(183,227,252);
      }

      .font-color-dblue {
        color:  rgb(53, 114, 150) !important;
      }

      .font-color-aquablue {
        color:  rgb(59, 173, 173) !important;
      }

      .satifsy-font {
        font-family: 'Satisfy', cursive;
      }

      .source-font {
        font-family: 'Source Sans Pro', sans-serif;
      }

      .carousel-bkg-1 {
        background-image: url(carousel-1-alt.jpg);
        background-position: top center !important;
      }

      .carousel-item {
        background-position: center center;
        background-size: cover;
      }

      .checker {
        background-image: url(checker.png);
        background-size: 200px 200px;
        background-repeat: repeat;
      }

      h1 {
        font-size: 2.25rem;
        display: inline;
      }

      .carousel-bkg {
        padding: 1.5rem;
        padding-bottom: 1rem;
      }

      .carousel-bkg-alt {
        margin-top: 2rem;
        padding: 1.5rem;
        padding-bottom: 1rem;
        width: 400px;
        max-width: calc(50vw);
        font-size: 1rem !important;
      }

      .logo-stand {
        background-position: center center;
        background-size: contain;
        background-image: url(logo_stand.png);
        margin-bottom: 1rem;
      }

      .carousel-caption {
        left: 5%;
        bottom: 0;
      }

      @media only screen and (min-width: 234px) {
        h1 {
          font-size: 1rem;
        }

        .carousel-bkg-alt {
          padding: 0.75rem;
          font-size: 0.8rem !important;
        }

        .carousel-bkg-1 {
          background-image: url(carousel-1.jpg);
        }

        .logo-stand {
          display: none;
        }

        .h2-alt {
          font-size: 1.5rem;
        }
      }


      @media only screen and (min-width: 768px) {
        h1 {
          font-size: 2.25rem;
        }

        .carousel-bkg-alt {
          font-size: 1rem !important;
        }

        .carousel-bkg-1 {
          background-image: url(carousel-1-alt.jpg);
        }

        .logo-stand {
          display: block;
          width: 250px;
          height: 250px;
        }

        .h2-alt {
          font-size: 2rem;
        }
      }

      .icn-immerse {
        background-image: url(immerse.png);
      }

      .icn-location {
        background-image: url(location.png);
      }

      .icn-clock {
        background-image: url(clock.png);
      }

      .icn-visit {
        background-image: url(house.png);
      }

      .icn-email {
        background-image: url(email.png);
      }

      .icn-call {
        background-image: url(call.png);
      }






      .icn-storybook {
        background-image: url(storybook.png);
      }

      .icn-painting {
        background-image: url(painting.png);
      }

      .icn-colouring {
        background-image: url(colouring.png);
      }

      .icn-collaging {
        background-image: url(collaging.png);
      }

      .icn-gardening {
        background-image: url(gardening.png);
      }

      .icn-themed-events {
        background-image: url(themed-events.png);
      }

      .icn-building-blocks {
        background-image: url(building-blocks.png);
      }

      .icn-dress-up {
        background-image: url(dress-up.png);
      }

      .icn-dancing {
        background-image: url(dancing.png);
      }

      .icn-water-play {
        background-image: url(water-gun.png);
      }

      .icn-arithmetic {
        background-image: url(counting.png);
      }

      .icn-playdough {
        background-image: url(playdough.png);
      }

      .icn-jigsaws {
        background-image: url(jigsaw.png);
      }

      .icn-singing {
        background-image: url(singing.png);
      }

      .icn-action-figures {
        background-image: url(action-figures.png);
      }

      .icn-swingsets {
        background-image: url(swingset.png);
      }

      .icn-napping {
        background-image: url(napping.png);
      }

      .icn-toileting {
        background-image: url(toileting.png);
      }


      .icn-base {
        margin-left: auto;
        margin-right:  auto;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100px 100px;
        width: 140px;
        height: 140px;
        border-radius: 70px;
      }

      .logo-bottom {
        display: inline;
        width: 100px;
        height: 100px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(logo_stand.png);
        float: left;
        margin-top: -35px;
        margin-right: 15px;
      }

      .footer-text {
        background-image: url(footer-text.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        width: calc(441px * 1.25);
        max-width: calc(100vw - 40px);
        height: calc(146px * 1.25);
      }

      .interactive-location {
        width: 100vw;
        height: 400px;
        background-color: gray;
      }

      .blue-box {
        width: inherit;
        min-height: 250px;
        background-color: #3c9dc9;
        color: white;
      }

      .blue-box-inner {
        background-color: #286b8a;
      }