.navbar {
    padding: 1.125rem 0;
}
.navbar .navbar-brand {
    width: 35%;
}
.navbar .navbar-collapse {
    margin-top: 0;
}
.navbar .navbar-collapse .nav-item {
    padding: 0 0.5rem;
}
.navbar .navbar-collapse .nav-item .nav-link:hover, .navbar .navbar-collapse .nav-item .nav-link.active {
    background: url(../images/menu-ribbon.png) no-repeat bottom center;
}
.banner .caption {
    width: 45%;
    position: absolute;
    left: 0;
}
.banner .kid {
    width: 60%;
    margin: 0;
}
.banner .caption h1 {
    padding: 0 0 1rem 0;
}
.banner .caption .sun {
    top: 0.4375rem;
    right: -6%;
}
.banner .ball {
    left: 90%;
}
.why-cloud-castle {
    padding-bottom: 10rem;
}
.why-cloud-castle .cloud {
    height: 5rem;
    top: -5rem;
}
.why-cloud-castle h2 {
    font-size: 2.5rem;
    margin: 0 0 2rem 0;
}
.why-cloud-castle p {
    padding: 1.125rem 1.75rem 0 0;
}
.about-cloud-castle {
    padding: 1.5rem 0 0 0;
}
.about-cloud-castle .wave {
    background-size: auto;
    height: 6.4375rem;
    top: -6.4375rem;
}
.about-cloud-castle .wave-bottom {
    background-size: auto;
    height: 6.4375rem;
    bottom: -6.4375rem;
}
.about-cloud-castle h3 {
    font-size: 2.5rem;
}
.about-cloud-castle .large-logo {
    width: 100%;
}
.activities {
    padding: 10rem 0 4rem 0;
}
.gallery-section {
    --c: 120px; /* control the curvature (works with percentage) */
    margin-top: -8.125rem;
    padding: 10.625rem 0 7.5rem 0;
}
.gallery-section ul {
    width: 100%;
}
.gallery-section h5 {
    font-size: 4rem;
}
.gallery-section p {
    font-size: 1.125rem;
    padding: 1rem 0 3.75rem 0;
}
.bottom-section {
    --c: 120px; /* control the curvature (works with percentage) */
    width: 100%;
    overflow: hidden;
    margin-top: -8.125rem;
    padding: 10.625rem 0 0 0;
}
.bottom-section #carouselExampleControls .carousel-item .user-alphabet {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
}
.bottom-section #carouselExampleControls .carousel-item span {
    font-size: 1.125rem;
}
.bottom-section #carouselExampleControls .pencil, .bottom-section #carouselExampleControls .ballon, .bottom-section #carouselExampleControls .fly {
    position: absolute;
    z-index: 3;
    top: 1rem;
    left: 0;
    display: block;
}
.bottom-section #carouselExampleControls .ballon {
    top: 1.5rem;
    right: 2rem;
    left: auto;
}
.bottom-section #carouselExampleControls .fly {
    top: 20rem;
    right: 1rem;
    left: auto;
}
.bottom-section #carouselExampleControls .carousel-control-prev {
    left: -5rem;
}
.bottom-section #carouselExampleControls .carousel-control-next {
    right: -5rem;
}
.enroll-section {
    margin: 2rem 0 6rem 0;
    padding: 4rem;
}
.enroll-section h6 {
    font-size: 2rem;
}
.enroll-section span {
    font-size: 1.5rem;
    padding: 2rem 0 3rem 0;
}
.footer .logo {
    width: 23.125rem;
}
.footer li a {
    font-size: 1.125rem;
}
.footer h6 {
    font-size: 1.125rem;
}
.footer p {
    font-size: 1.125rem;
}

/* --------------------- About Us --------------------- */
.moment-spark .wave {
    height: 2rem;
    top: -1.95rem;
}
.our-story {
    --c: 5.625rem; /* control the curvature (works with percentage) */
    padding: 11.25rem 0;
}
.our-story h2 {
    font-size: 7.5rem;
    margin-bottom: 0;
}
.our-story p {
    font-size: 1.125rem;
    line-height: 2.25rem;
}
.our-story p span {
    font-size: 1.5rem;
}
.our-story .cloud1 {
    left: -4rem;
}
.our-story .cloud3 {
    display: block;
}
.make-us-special {
    padding: 3rem 0 7.5rem 0;
}
.make-us-special h3 {
    font-size: 4rem;
}
.make-us-special .frame {
    width: 17.25rem;
}
.make-us-special .thumb-circle {
    width: 12.5rem;
    height: 12.5rem;
}
.bottom-blue-bar {
    padding: 8rem 0 0 0;
    clip-path: ellipse(165% 100% at 50% 100%);
}
.bottom-blue-bar .be-a-part h5 {
    font-size: 5rem;
}
.bottom-blue-bar .be-a-part p {
    font-size: 1.5rem;
    line-height: 3rem;
}
.bottom-blue-bar .be-a-part .tagline {
    font-size: 1.5rem;
    padding: 0.75rem 1.75rem;
}
.bottom-blue-bar .founder-note {
    margin: 5rem 0 0 0;
}
.bottom-blue-bar .founder-note h6 {
    font-size: 3rem;
}
.bottom-blue-bar .founder-note .blue-section {
    padding: 3rem 5rem;
    border-radius: 5rem 5rem 5rem 0;
}
.bottom-blue-bar .founder-note .founder-pic {
    width: 14rem;
    position: absolute;
    top: 20%;
    left: -15%;
}

/* --------------------- Activites --------------------- */
.activities-section .wave {
    height: 2rem;
    top: -1.95rem;
}

/* --------------------- Gallery --------------------- */
#gallery ul {
    column-count: 4;
    --webkit-column-count: 4;
    --moz-column-count: 4;
}

/* --------------------- Contact Us --------------------- */
.contact-us h2 {
    font-size: 4rem;
}