.hero-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.education-sm {
    display: none;
}
.hero-child {
    max-width: 50%;
}

.hero-second {
    margin-top: 50px;
}


.second-part {
    margin-top: 100px;
}

@media (max-width: 768px) {
    .hero-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .hero-child {
        max-width: 100%;
    }
    .education-big {
        display: none;
    }
    .education-sm {
        display: block;
    }
    .second-part {
        margin-top: 20px;
    }    
}

@media (min-width: 1200px) {
    .title-top {
        margin-left: -135px;
    }
}