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

.row.p-4 {
    display: flex;
    flex-direction: column;
}

.col-4{
    width:100%;
    padding-left:0;
        margin-left:0;
    padding:0.8em;
}

        .col-4.offset-2.py-4 {
    padding-left: 1.5em !important;
}


    }
    
    .container.content {
        height: 500px !important;
}


@media screen and (min-width: 608px) and (max-width: 800px) {
.container.content {
    display: flex;
    align-items: center;
}
.row.p-4 {align-items: center;}

.col-4.offset-1.py-4 {
    width: 50%;
    padding: 0;
    margin: 0;
}
}