.primary-btn {
    font-size: 1.125rem;
}
.secondary-btn {
    font-size: 1.125rem;
}
.navbar .navbar-brand, .navbar .navbar-brand img {
    width: auto;
}
.banner .caption h1 {
    font-size: 3rem;
    padding: 0 0 2rem 0;
}
.banner .rainbow {
    top: 15rem;
}
.why-cloud-castle .cloud {
    background-size: auto;
    height: 10rem;
    top: -10rem;
}
.why-cloud-castle h2 {
    font-size: 4rem;
    margin: 0 0 3rem 0;
}
.why-cloud-castle .red-circle {
    width: 12rem;
    height: 12rem;
    opacity: 0.2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1.5rem solid #e96a88;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 3rem;
    display: block;
}
.about-cloud-castle h3 {
    font-size: 4rem;
}
.about-cloud-castle p {
    font-size: 1.125rem;
    line-height: 2.375rem;
    margin: 2rem 0;
}
.activities .shape {
    background-size: auto;
    width: 25.25rem;
    height: 26.75rem;
}
.activities .shape img {
    width: auto;
}
.activities h4 {
    font-size: 4rem;
    margin: 0 0 1.5rem 0;
}
.activities li {
    font-size: 1.25rem;
}
.bottom-section #carouselExampleControls .carousel-control-prev {
    left: -7rem;
}
.bottom-section #carouselExampleControls .carousel-control-next {
    right: -7rem;
}

/* --------------------- About Us --------------------- */
.moment-spark {
    padding: 5rem 0 2rem 0;
}
.moment-spark .wave {
    background-size: auto;
    height: 6.0625rem;
    top: -6.0625rem;
}
.moment-spark h1 {
    font-size: 4rem;
}
.moment-spark p {
    font-size: 1.125rem;    
    line-height: 2.25rem;
    padding: 3rem 0 0 0;
}
.moment-spark .play {
    width: auto;
}
.moment-spark .green-circle {
    width: 10rem;
    height: 10rem;
    border: 1.25rem solid #a9f2c1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    position: absolute;
    top: 50%;
    left: -5%;
}
.moment-spark .yellow-circle {
    width: 13rem;
    height: 13rem;
    border: 1.5rem solid #ffcd25;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    position: absolute;
    bottom: -8%;
    left: 0;
    z-index: -1;
}
.moment-spark .red-circle {
    width: 13rem;
    height: 13rem;
    border: 1.5rem solid #e96a88;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    position: absolute;
    top: 30%;
    right: -5%;
    z-index: -1;
}
.our-mission, .our-vision {
    padding: 3rem 5rem 3rem 0;
}
.our-mission .green-section {
    width: 63%;
    border-top-right-radius: 10rem;
}
.our-mission .white-section {
    background: #fff;
    width: 37%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}
.our-vision .levender-section {
    width: 63%;
    border-bottom-left-radius: 10rem;
}
.our-vision .white-section {
    background: #fff;
    width: 37%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.our-vision .yellow-circle {
    width: 12rem;
    height: 12rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1.25rem solid #ffcd25;
    position: absolute;
    left: 3%;
    z-index: 1;
    opacity: 0.2;
    display: block;
}
.our-vision .yellow-circle-small {
    width: 8rem;
    height: 8rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1.25rem solid #ffcd25;
    position: absolute;
    top: -3rem;
    right: 3%;
    z-index: 1;
    opacity: 0.2;
    display: block;
}
.our-mission .inner, .our-vision .inner {
    flex-direction: row;
}
.our-mission h5, .our-vision h5 {
    font-size: 4rem;
}
.our-mission p, .our-vision p {
    font-size: 1.125rem;
    line-height: 2.25rem;
}
.bottom-blue-bar .founder-note .founder-pic {
    width: 18rem;
}

/* --------------------- Activites --------------------- */
.activities-section {
    padding: 5rem 0 2rem 0;
}
.blue-section.activites .banner .kid {
    width: 40%;
}
.activities-section .wave {
    background-size: auto;
    height: 6.0625rem;
    top: -6.0625rem;
}
.activities-section h1 {
    font-size: 4rem;
}
.activities-section p {
    font-size: 1.125rem;    
    line-height: 2.25rem;
    padding: 3rem 0 0 0;
}