body {
    /*background: linear-gradient(240deg, #3a750d63 30%, #3a750d0f 100%);*/
    color : #17A50D;
    font : 1.2em 'Lato', sans-serif;
    height: 100%;
    margin: 0;
    width: 100%;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;

}

h1{
    font-size: 4em;
    margin-bottom: 10px;
}

p{
    color: #1A7613;
    font-size: 1.2em;
    margin-right: 20%;
}

.container{
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 100%;
}

.container div:first-child{
    flex-direction: column;
    justify-content: center;
    text-align: left;
    align-items: center;
}

.column {
    display: flex;
    /*width: 50%;*/
    height: 100vh;
    padding: 0 40px;
}

.column-1 {
    width: 44%;
    border-top-right-radius: 101px;
    background: linear-gradient(240deg, #b8da96 30%, #fefffe 100%);
    box-shadow: -2px 0px 25px #00000080;
    margin-right: -88px;
    z-index: 100;
}

.column-2 {
    width: 56%;
}

.container-text {
    display: block;
    max-width: 600px;
    align-items: start;
}

.container-logo {
    padding-bottom: 28px;
    border-bottom: 1px solid #1A7613;
}

.logo {
    max-width: 270px;
}

div.picture_bg{
    background-image: url('image.jpg');
    background-position: top center;
    justify-content: flex-end;
    background-size: cover;
    /*box-shadow: inset -2px 0px 25px #00000080;*/
}

div.picture_bg p{
    align-self: flex-end;
    opacity: 0.4;
    margin: 0;
    padding: 0 4% 2% 0;
}

@media only screen and (max-width: 768px) {

    .container{
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 100%;
    }

    .container .column{
        display: flex;
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .container .column-1 {
        height: 53vh;
        box-shadow: 0px 4px 25px #00000080;
        background: linear-gradient(297deg, rgb(184, 218, 150) 30%, rgb(254, 255, 254) 100%);
    }
    .container .column-2 {
        height: 47vh;
    }

    .container-text {
        padding: 27px;
    }

    .container-logo {
        padding-bottom: 20px;
        border-bottom: 1px solid #1A7613;
    }

    .logo {
        max-width: 210px;
    }

    p {
        margin: 0;
    }
    
}