.section{
    width:65%;
    margin:auto;
    display: flex;
    text-align: left;
    padding-top:5%;
    padding-bottom: 5%;
}
.section > .img{
    padding:5%;
}
.section > .img > img{
    height: 300px;
    width:300px;
}
.section > .text{
    padding: 5%;
    padding-top:15%;
}


@media (max-width:1280px){   
    .section > .text{
        padding: 3%;
        padding-top:15%;
    }
}
@media (max-width:1024px){   
    .section{
        width:100%;
    }
}
@media (max-width:768px){   
    .section{
        flex-direction: column;
        text-align: center;
    }
}