/* section css **************************************************************************************/
section .wrraper{
    margin: 60px 5%;
    display: flex;
}

section .wrraper div{
    flex: 1;
}

section .wrraper h1{
    font-size: 2em;
    color: var(--orange);
    margin-bottom: 40px;
}

section .wrraper p{
    font-size: 1.25em;
}

section .wrraper div:last-child{
    text-align: end;
}

section .wrraper div:last-child img{
    width: 80%;
}

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

    section .wrraper{
        margin: 30px 5%;
        flex-wrap: wrap;    
    }

    section .wrraper div{
        flex: none;
        width: 100%;
    }

    section .wrraper div:first-child{
        margin-bottom:20px;
    }

    section .wrraper div:last-child{
        text-align: center;
    }
}