/*TOP*/

.top { padding: 30px 0 80px; background: radial-gradient(50% 50% at 50% 50%, #E4E774 0%, rgba(228, 231, 116, 0) 100%);
    position: relative; }
.top__container { display: flex; max-width: 1200px; margin: 0 auto; justify-content: space-between;
    align-items: center; padding: 0 20px; position: relative; z-index: 3; }
.top--part { flex: 0 0 50%; }
.top__text { color: #C0ACDA; }
.top__link a { background: #A1D0B4; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 25px 50px;
    display: inline-block; margin-top: 20px; transition: .3s; }
.top__link a:hover { transition: .3s; background: #A1D0B4CC; }

@media(max-width: 1200px) {
    .top__image { flex: 0 0 60%; }
    .top__text { flex: 0 0 40%; }
    .top__image img { max-width: 100%; height: auto; }
}

@media(max-width: 900px) {
    .top__container { flex-direction: column; }
    .top__image { flex: 0 0 100%; }
    .top__text { flex: 0 0 100%; }
    .top__text-container { padding: 0 50px; }
    .top__link { text-align: center; }
}

@media(max-width: 550px) {
    .top__text-container { padding: 0; }
    .top__text-container .heading { font-size: 30px; line-height: 44px; }
}

/*TOP*/

/*ABOUT*/

.about { background-color: #E4E774; padding: 50px 0 100px; position: relative; }
.about__container { position: relative; z-index: 3; }
.about__icon { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.about__icon img { width: 116px; height: auto; }
.about__text { max-width: 850px; margin: 0 auto; padding: 0 20px; }
.about__link { font-size: 14px; margin: 50px 0 0; }
.about__link a { transition: .3s; }
.about__link a:hover { transition: .3s; opacity: .7; }

/*ABOUT*/