body{
    background:url('/images/bg.webp');
    background-size:cover;
    color:#281806;
    position:relative;
}

header{
    background: rgba(255, 255, 255, 0.6);
}



p.slogan,
h1{
    color:#281806;
}

h1 span{
    color:#fff;
    background:#95C11F;
    padding:5px;
}

h2{
    color:#95C11F
}

.container{
    background:transparent;
}

.slogan{
    font-size:1.5rem;
}

.leaf2{
    transform: rotate(180deg);
    position:absolute;
    right:50px;
    top:0;
    z-index: -1;
}

.colimg{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
}

footer{

    background: rgb(255,255,255);
    background: rgba(255, 255, 255, 0.3);
}

footer p{
    color:#281806;
}

@media (max-width:576px){

    header img{
        max-width:240px;
    }

    .leaf2{
        transform: rotate(180deg);
        position:absolute;
        right:0px;
        top:0;
        z-index: -1;
        max-width:200px;
    }
}

@media (min-width:576px){
    .grid21{

        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 60px;
        grid-row-gap: 30px;

    }
}