.inner {
    /* background-color: rgba(48, 48, 48, 0.877); */
    color: rgb(255, 255, 255);
}

#sidebar{
    background: #99cc66;
}

#sidebar nav a{
    color: #4a7a12;
}

#main-inner {
    background: #367e39ad;
    padding: 2%;
}

#intro {
    background-size: 100% 100%;
}

#sidebar nav a::before{
    background: #4a7a12;
}

#sidebar nav a:after {
    background-image: linear-gradient(to right, #a7d930, #ffffff);
}

#one {
    background: #bcdc7c;
}

.one-text{
    color: #667a3e

}

.event-img {
}

.one-heading {
    color: #9d7c3a;
}

.event-btn {
    color: #4a7a12 !important;
    border-color: #4a7a12 !important;
}

#two {
    background: #f8f8f8;
}

.two-text{
    color: #77ac3b;
}

.two-heading{
    color: #4a7a12;
}

.two-h3 {
    color: #4a7a12;
}

.afm:hover{
    color: #2f5306;
}

.partner-img{
    width: 25%;
}

#stm {
    width: 15%;
}

#three {
    background: #bcdc7c;
}

.footer{
    background: #bcdc7c;
}

#footer > .inner .menu {
    color: #2f5306;
}

.logo-img{
    align-self: center;
    width: 50%;
}


@media screen and (max-width:736px){
    #intro {
        background-size: 150% 100%;;
    }

    .kid-img{
        width: 30%;
    }

    
}

@media screen and (max-width:942px){
    #intro{
        background-size: 50% 50%;
    }
}

@media screen and (max-width:1282px){
    #intro {
        background-size: 120% 100%;
    }
    .logo-img{
        width: 5% !important;
    }
}