.co-landing .landing-teacher-bg:after, .wrapper-courses .co-landing .after-course, .wrapper-courses .co-landing .co-first, .wrapper-courses .co-landing .form-request-wrap, .wrapper-courses .co-landing .form-request-wrap:after, .wrapper-courses .co-landing .landing-teacher-bg { background: #00916E; } .invitation { background: #00916E; padding-block: 4rem; } .wrapper-courses .co-landing .form-btn, .wrapper-courses header .header-co-land .nav-item-btn .nav-link { color: #fff; } .co-landing .landing-sing:hover { background: #000928; } .program-more-btn:hover { background: #000928; } .wrapper-courses .co-landing .form-btn:hover, .wrapper-courses header .header-co-land .nav-item-btn .nav-link:hover { background-color: #fff; color: #000; } .form-request-wrap, .form-request-wrap::after { background-color: #fff !important; } .co-landing .program { padding-bottom: 80px; } .video__box { width: auto; } .co-first .main-title, .mob-column div, header .header-co-land .nav-link, .landing__teacher-list .landing__teacher-item, .co-landing .landing-teacher-bg .main-title { color: white !important; } .student-work .block-title { max-width: 100%; } .co-landing .co-first-desc { font: 29px/1 stratos-medium; margin-bottom: 36px; } .student-work-item.video__box { max-width: 800px; max-height: 600px; } .student-work .student-work-item { overflow: hidden; } .co-landing .co-first .main-title { position: relative; z-index: 4; line-height: 1 !important; } .font-neue { font-family: Neue Pixel Grotesk; } .after-course .block-title { max-width: 100%; margin-bottom: 0; } .co-landing .co-first .main-title { margin-top: 60px; } .co-landing .landing-teacher-bg { padding-top: 20px; } .student-work .student-work-item img { display: block; margin: 0 auto; width: auto !important; height: 640px !important; } .student-work-2 .work__item-title { font-family: stratos semilight; } .what-after .main-title { max-width: unset; } .what-after ul { padding-left: 1.2em; } .what-after ul li { list-style-type: disc; margin-top: 1.5em; } @media screen and (max-width: 1365px) and (min-width: 1200px) { .co-landing .co-first-desc { font: 28px/1 stratos-medium; } } @media screen and (min-width: 1201px) { .wrapper-courses header { height: 100px; } .student-work-2 .work__item-title { font-size: 26px; } .co-landing .co-first-content .first-d-img { width: min(515px, 27vw); position: absolute; top: 0; right: 80px; bottom: auto; left: auto; } .co-landing .co-first .main-title { font-size: min(6rem, 6vw); margin-bottom: 60px; } .what-after .landing-text-item { max-width: 540px; } } @media screen and (max-width: 1200px) { .co-landing .co-first-content .first-d-img { left: auto; right: 0; width: 28vw; } .co-landing .co-first .main-title, .student-work .block-title { font-size: 10vw; line-height: 0.875; } .co-landing .co-first .main-title { max-width: 100%; margin-bottom: 20px; } } @media screen and (max-width: 1024px) { .landing-text-rel { font-size: 5vw; } .co-landing .land-request .black-bg { background: #000928; } .co-landing .land-request .black-bg .block-title { color: #000; } .co-landing .co-first-content .first-d-img { margin-left: 37px; } } @media screen and (max-width: 1023px) { .co-landing .co-first { height: auto; } .co-landing .co-first-content .first-d-img { position: absolute; right: 0; bottom: 0; width: 45vw !important; } .student-work .student-work-item { height: 92.27vw; line-height: 92.27vw; } .student-work .student-work-item img { display: inline-block; width: 100% !important; height: auto !important; vertical-align: middle; } } @media screen and (max-width: 768px) { .landing-text-rel { font-size: 10vw; } .co-landing .co-first .main-title { font-size: 68px !important; line-height: 58px !important; word-break: normal; } .co-landing .co-first-content .first-d-img { position: absolute; right: 0; bottom: 0; width: 45vw !important; } .co-landing .co-first-content .mob-column .col-xs-12.co-first-desc { position: static; } .invitation { padding-block: 2rem 1rem; } } @media screen and (max-width: 767px) { .co-landing .co-first-content .first-d-img { left: auto; margin-left: 0; right: 0; bottom: 40px; width: 50vw !important; text-align: right; } .landing-teacher .no-padding.d-flex { max-height: 500px; } .co-landing .program { padding-bottom: 45px; } .co-landing .co-first-desc { font: 26px/1 stratos-medium; color: #000; margin-bottom: 36px; } .student-work .student-work-item { height: 60vw; line-height: 92.27vw; } .student-work .student-work-item img { display: inline-block; width: 100% !important; vertical-align: middle; } .student-work { padding-top: 9px; } .student-work .block-title { padding: 0; } .co-landing .co-first { height: auto; } .co-landing .co-first .main-title, .student-work .block-title { font-size: 10.5vw !important; line-height: 1 !important; } .student-work .student-work-item img { height: auto !important; } .wrapper-courses .co-landing .form-btn:hover { color: #000928 !important; } } @media screen and (max-width: 820px) and (orientation: landscape) { .co-landing .co-first-content .first-d-img { position: absolute; right: 0; bottom: 0; width: 36vw !important; margin-left: 0; left: auto; } } @media screen and (max-width: 767px) and (orientation: landscape) { .co-landing .co-first-content .first-d-img { position: absolute; right: 0; bottom: 0; width: 40vw !important; margin-left: 0; left: auto; } } @media screen and (max-width: 480px) { .student-work-2 .arrow { transform: translateY(-100%); } .student-work-2 { margin-bottom: 0; } } @media screen and (max-width: 320px) { .landing-text-rel { font-size: 15vw; } } @media screen and (max-width: 768px) { .nav__bars .bar { height: 6px; background: #fff; } } .landing-teacher-bg { background-color: red; }