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

.container {
    height: initial;
    flex-direction: column !important;
    margin-bottom: 50px;
}

.container .side-img img {

    width: 75vw;
    height: 60vw;

}

.container .content h1 {
    font-size: 5rem;
    margin-bottom: 5%;
} 

.separator_container {
    width: 75%;
    margin-top: 100px;
}

.separator_container:last-child {
    margin-top: 100px;

}

.container .content p:not(.btn p) {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.content-header .logo {
    width: 300px;
    height: 300px;
}

.content-header h2 {
    width: 80%;
    font-size: 1.5rem;
}

.content-header h1 {
    font-size: 3rem;
}

}