.main-headline {position:relative;}
.about-us {margin:0 10px; max-width:100%;}
.about-us__headline {margin-top:-100px; position:relative;}
.about-us__headline::before {content:""; position:absolute; left:0; right:0; top:0; height:100px; z-index:99; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%); transform:rotate(180deg);}
.about-us__page-title {position:absolute; left:20px; right:20px; top:120px; z-index:99; text-align:center; font-size:48px; line-height:1; color:#fff; font-family:PoppinsMedium;}
.about-us__cover {position:relative; display:block; z-index:2; overflow:hidden; height:0; padding-bottom:113.76%;}
.about-us__cover-img {display:block; position:absolute; top:0; left:0; width:100%; height:auto; font-size:0; color:transparent;}
.about-us__inner {position:relative; z-index:9; margin:20px 0 60px;}
.about-us__body {font-size:18px; line-height:28px; color:#fff; font-family:"PoppinsLight", sans-serif;}
.about-us__text {margin-bottom:30px;}
.about-us__spot {font-family:"PoppinsMedium", sans-serif; margin-bottom:30px; position:relative;}
.map {position:relative;padding: 30px 10px 60px;}
.map::before {content:""; position:absolute; left:0; right:0; top:0; height:40%; z-index:-1; pointer-events:none; background:linear-gradient(180deg, transparent, #242424); transform:rotate(180deg);}
.map__title {font-size:32px; line-height:1.1; color:#fff; font-family:"PoppinsMedium", sans-serif; margin-bottom:20px;}
.map__iframe {height:375px;}
.firm {margin-bottom:40px;}
.firm__name {font-family:"PoppinsMedium", sans-serif; font-size:18px; line-height:27px; color:#fff;}
.firm__address {font-size:18px; line-height:27px; font-family:"PoppinsLight", sans-serif; color:#fff;}
.firm__mail {font-size:16px; line-height:24px; font-family:"PoppinsMedium", sans-serif; display:block; margin:20px 0; color: var(--site-color);}
.firm__contact {font-size:16px; line-height:24px; font-family:"PoppinsMedium", sans-serif;}
.firm__contact-link {display:block;color:#fff;transition: all 0.3s ease;}
.firm__contact-link:hover {color: var(--site-color);;}
@media (min-width: 576px) {
.about-us__cover {height:100%; padding-bottom:0;}
.about-us__cover-img {position:relative; max-width:100%; width:auto;}
}

@media (min-width: 768px) {
.about-us__headline {margin-top:0; height:100%;}
.about-us__logo-img {max-width:220px;}
}

@media (min-width: 992px) {
.main-headline {height:100vh;}
.about-us,.map .row  {margin:0 82px; max-width:1756px;}
.about-us__headline {padding-bottom:0; display:block; overflow:hidden;}
.about-us__headline::before {height:50%; background:linear-gradient(180deg, rgba(0,0,0,0) 31.05%, #425a68 131.05%);}
.about-us__headline::after {content:""; position:absolute; left:0; right:0; bottom:0; height:50%; z-index:2; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);}
.about-us__page-title {left:90px; right:90px; text-align:left; font-size:72px;}
.about-us__cover {position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:0;}
.about-us__cover-img {width:100% !important; height:100% !important; object-fit:cover; object-position:center; max-width:inherit; position:absolute;}
.about-us__inner {margin:-150px 0 116px;display:flex;align-items:start;}
.about-us__logo {padding:0;margin-top:70px;max-width: 290px;flex-shrink: 0;}
.about-us__spot {margin-bottom:70px;}
.map {padding:50px 0 170px;}
.map__title {font-size:48px; line-height:72px; margin-bottom:50px;}
.map__iframe {height:600px;}
.firm {margin-bottom:0;}
.firm__name, .firm__address {font-size:22px; line-height:33px;}
.firm__mail {margin:30px 0;}
}

@media (min-width: 1441px) {
.about-us__logo-img {max-width:291px;}
.about-us__body {font-size:20px; line-height:36px;}
}