body {
        text-align: center;
    }
    
    section {
        padding: 80px 0;
    }
    
    a {
        text-decoration: none;
    }
    
    .header {
        background-color: white;
        padding: 30px 70px 0 10px;
        display: flex;
        justify-content: space-between;
    }
    
    @media screen and (max-width: 1440px) {
        .header {
            padding: 44px 118px 0 80px;
        }
    }
    
    @media screen and (max-width: 1024px) {
        .header {
            padding: 13px 31px 0 60px;
        }
    }
    
    @media screen and (max-width: 768px) {
        .header {
            padding: 8px 13px 0 10px;
        }
    }
    
    @media screen and (max-width: 600px) {
        .header {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 8px 8px;
        }
    }
    
    #logo img {
        max-width: 400px;
        max-height: 100px;
        text-decoration: none;
        -webkit-transition: color .5s;
        transition: color .5s;
    }
    
    @media screen and (max-width: 1300px) {
        #logo img {
            max-width: 350px;
        }
    }
    
    @media screen and (max-width: 927px) {
        #logo img {
            max-width: 200px;
        }
    }
    
    @media screen and (max-width: 650px) {
        #logo img {
            max-width: 100px;
        }
    }
    
    .top {
        display: flex;
        justify-content: space-around;
    }
    
    .logo {
        font-size: 3.125rem;
        color: #FFF;
        text-decoration: none;
        -webkit-transition: color .5s;
        transition: color .5s;
    }
    
    .logo:hover {
        color: #FFAC1C;
    }
    
    @media screen and (max-width: 1024px) {
        .logo {
            font-size: 2.1875rem;
        }
    }
    
    .navi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .navi__item {
        color: #2a405e;
        text-decoration: none;
        font-size: 1.375rem;
        font-weight: bold;
    }
    
    .navi__item:not(:last-child) {
        margin-right: 25px;
    }
    
    .navi__item:not(:last-child)::after {
        content: "";
        display: inline-block;
        width: 1.5px;
        height: 16px;
        margin-left: 25px;
        background-color: black;
    }
    
    .navi__item:hover {
        transition: color .5s;
        transform: scale(1.2);
    }
    
    @media screen and (max-width: 1024px) {
        .navi__item {
            font-size: 1rem;
        }
        .navi__item:not(:last-child)::after {
            height: 13px;
        }
    }
    
    @media screen and (max-width: 600px) {
        .navi {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }
    
    @media screen and (max-width: 450px) {
        .navi__item:not(:last-child) {
            margin-right: 10px;
        }
        .navi__item:not(:last-child)::after {
            margin-left: 10px;
            width: 1px;
        }
    }
    
    @media screen and (max-width: 1230px) {
        #MenuBar1 a {
            padding: 5px 8px;
            font-size: 16px;
        }
    }
    
    .banner {
        padding-top: 100px;
        padding-bottom: 260px;
        background-image: url('Skyline.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .banner__title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 22px;
        max-width: 400px;
        margin-bottom: 30px;
        margin-left: 150px;
        color: white;
    }
    
    @media screen and (max-width: 1024px) {
        .banner {
            padding-top: 30px;
            padding-bottom: 153px;
        }
        .banner__title {
            font-size: 20px;
            max-width: 300px;
            margin-left: 100px;
        }
        .banner__slogan {
            font-size: 18px;
            margin-bottom: 63px;
        }
    }
    
    @media screen and (max-width: 768px) {
        .banner {
            padding-top: 171px;
            padding-bottom: 99px;
        }
        .banner__title {
            font-size: 15px;
            max-width: 150px;
            margin-left: 60px;
        }
        .banner__slogan {
            margin-bottom: 66px;
        }
    }
    
    .advantages {
        background-color: #0e3e7f;
        display: flex;
        justify-content: space-around;
        padding: 20px 0;
        align-items: center;
    }
    
    .advantages p {
        font-size: 30px;
        text-align: center;
        color: white;
        text-align: top;
    }
    
    .advantages a {
        background: white;
        padding: 1rem 1.5rem;
        color: black;
        text-decoration: none;
        font-size: 15px;
        max-height: 20px;
    }
    
    @media screen and (max-width: 1024px) {
        .advantages {
            padding: 20px 0;
        }
        .advantages p {
            max-width: 602px;
            font-size: 22px;
        }
        .advantages a {
            max-height: 15px;
            font-size: 10px;
        }
    }
    
    @media screen and (max-width: 768px) {
        .advantages {
            padding: 15px 0;
            flex-direction: column;
        }
        .advantages p {
            max-width: 541px;
            font-size: 20px;
        }
        .advantages a {
            max-width: 35px;
            font-size: 10px;
            margin: 0 auto;
        }
    }
    
    .menu {
        padding: 80px 0 60px;
        background-color: #eaf2fd;
    }
    
    .menu__text {
        color: #5f738d;
        margin: 30px 0 60px;
        font-size: 20px;
    }
    
    @media screen and (max-width: 1024px) {
        .menu {
            padding: 80px 0;
        }
        .menu__text {
            margin: 30px 0 48px;
            font-size: 1.375rem;
        }
    }
    
    @media screen and (max-width: 768px) {
        .menu {
            padding: 70px 24px 70px 52px;
        }
        .menu__text {
            margin: 20px 0 58px;
            font-size: 1.25rem;
        }
    }
    
    @media screen and (max-width: 678px) {
        .menu {
            padding: 60px 12px 60px 40px;
        }
    }
    
    .headline {
        font-size: 40px;
        font-weight: 600;
        color: #2a405e;
    }
    
    @media screen and (max-width: 1024px) {
        .headline {
            font-size: 2.1875rem;
        }
    }
    
    @media screen and (max-width: 768px) {
        .headline {
            font-size: 1.875rem;
        }
    }
    
    @media screen and (max-width: 678px) {
        .headline {
            font-size: 1.5625rem;
        }
    }
    
    .food__name {
        font-size: 25px;
        font-weight: 300;
        color: #35393f;
    }
    
    .menu__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    @media screen and (max-width: 1024px) {
        .menu-container {
            margin-bottom: 45px;
        }
    }
    
    @media screen and (max-width: 768px) {
        .menu-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }
    
    @media screen and (max-width: 678px) {
        .menu-container {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }
    
    .dish {
        max-width: 360px;
        width: calc((100% - 2*48px)/3);
        text-align: left;
        position: relative;
        background-color: white;
    }
    
    .dish:not(:last-of-type) {
        margin-right: 48px;
    }
    
    .image img {
        width: 100%;
        max-height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .food {
        margin-top: 35px;
    }
    
    .food__name {
        font-size: 1.5rem;
        font-weight: 400;
        text-align: center;
    }
    
    .food__text {
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 23px;
        color: #474747;
        margin: 15px 0;
        text-align: center;
    }
    
    .food__price {
        font-size: 1.125rem;
        font-weight: 700;
    }
    
    @media screen and (max-width: 1250px) {
        .dish {
            max-width: 310px;
            width: calc((100% - 2*30px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 30px;
        }
        .dish::before {
            font-size: 0.75rem;
            width: 40px;
            height: 40px;
            line-height: 40px;
            top: -20px;
            left: -20px;
        }
        .food__item-description {
            font-size: 1rem;
        }
    }
    
    @media screen and (max-width: 1040px) {
        .dish {
            max-width: 300px;
        }
    }
    
    @media screen and (max-width: 1024px) {
        .dish {
            max-width: 253px;
            width: calc((100% - 2*92px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 92px;
        }
        .dish::before {
            font-size: 0.75rem;
            width: 46px;
            height: 46px;
            line-height: 46px;
            top: -23px;
            left: -23px;
        }
        .food {
            margin-top: 15px;
        }
        .food__item-title {
            font-size: 1.5625rem;
        }
        .food__item-description {
            font-size: 0.93rem;
            line-height: 19px;
            margin: 15px 0 17px;
        }
        .food__item-price {
            font-size: 0.9375rem;
        }
    }
    
    @media screen and (max-width: 1000px) {
        .dish {
            max-width: 220px;
            width: calc((100% - 2*42px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 42px;
        }
        .dish::before {
            font-size: 0.75rem;
            width: 40px;
            height: 40px;
            line-height: 40px;
            top: -20px;
            left: -20px;
        }
        .food__item-description {
            font-size: 0.8rem;
        }
    }
    
    @media screen and (max-width: 800px) {
        .dish {
            max-width: 200px;
            width: calc((100% - 2*32px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 32px;
        }
        .food__item-description {
            font-size: 0.7rem;
        }
    }
    
    @media screen and (max-width: 768px) {
        .dish {
            max-width: 692px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        .dish:not(:last-of-type) {
            margin-right: 0;
            margin-bottom: 58px;
        }
        .dish::before {
            font-size: 0.875rem;
            width: 56px;
            height: 56px;
            line-height: 56px;
            top: -28px;
            left: -28px;
        }
        .dish__item-picture {
            max-width: 320px;
        }
        .food {
            text-align: left;
            max-width: 348px;
            padding-top: 17px;
            margin: 0 0 0 24px;
        }
        .food__item-description {
            font-size: 1.25rem;
            line-height: 25px;
            margin: 20px 0;
        }
        .food__item-price {
            font-size: 1.25rem;
        }
    }
    
    @media screen and (max-width: 678px) {
        .dish {
            max-width: 300px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .dish:not(:last-of-type) {
            margin-bottom: 48px;
        }
        .dish__item-picture {
            max-width: 300px;
        }
        .food {
            max-width: 300px;
            padding: 0;
            margin: 15px 0 0;
        }
        .food__item-title {
            font-size: 1.25rem;
        }
        .food__item-description {
            margin: 15px 0;
            font-size: 1.125rem;
        }
        .food__item-price {
            font-size: 1.125rem;
        }
    }
    
    .numbers {
        padding: 30px 0;
        background-image: url(./bg.jpg);
    }
    
    .numbers__text {
        color: #c4d4ea;
        margin: 30px 0 60px;
        font-size: 20px;
    }
    
    @media screen and (max-width: 1024px) {
        .numbers {
            padding: 20px 0;
        }
        .numbers__text {
            margin: 30px 0 48px;
            font-size: 1.375rem;
        }
    }
    
    @media screen and (max-width: 768px) {
        .numbers {
            padding: 15px 24px 70px 15px;
        }
        .numbers__text {
            margin: 20px 0 58px;
            font-size: 1.25rem;
        }
    }
    
    @media screen and (max-width: 678px) {
        .numbers {
            padding: 10px 12px 60px 10px;
        }
    }
    
    .advice {
        font-size: 40px;
        font-weight: 600;
        color: #c4d4ea;
    }
    
    @media screen and (max-width: 1024px) {
        .advice {
            font-size: 2.1875rem;
        }
    }
    
    @media screen and (max-width: 768px) {
        .advice {
            font-size: 1.875rem;
        }
    }
    
    @media screen and (max-width: 678px) {
        .advice {
            font-size: 1.5625rem;
        }
    }
    
    .project__name {
        font-size: 30px;
        font-weight: 700;
        color: #c4d4ea;
    }
    
    .numbers__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    @media screen and (max-width: 1024px) {
        .numbers__container {
            margin-bottom: 45px;
        }
    }
    
    @media screen and (max-width: 768px) {
        .numbers__container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
        }
    }
    
    @media screen and (max-width: 678px) {
        .numbers__container {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }
    
    .finance {
        max-width: 360px;
        width: calc((100% - 2*48px)/3);
        text-align: left;
        position: relative;
    }
    
    .finance:not(:last-of-type) {
        margin-right: 48px;
    }
    
    .project {
        margin-top: 35px;
        text-align: center;
        color: #cdd7e5;
    }
    
    .project__name {
        font-size: 1.875rem;
        font-weight: 700;
    }
    
    .project__text {
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 23px;
        margin: 15px 0;
    }
    
    @media screen and (max-width: 1250px) {
        .dish {
            max-width: 310px;
            width: calc((100% - 2*30px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 30px;
        }
        .dish::before {
            font-size: 0.75rem;
            width: 40px;
            height: 40px;
            line-height: 40px;
            top: -20px;
            left: -20px;
        }
        .food__item-description {
            font-size: 1rem;
        }
    }
    
    @media screen and (max-width: 1040px) {
        .dish {
            max-width: 300px;
        }
    }
    
    @media screen and (max-width: 1024px) {
        .dish {
            max-width: 253px;
            width: calc((100% - 2*92px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 92px;
        }
        .dish::before {
            font-size: 0.75rem;
            width: 46px;
            height: 46px;
            line-height: 46px;
            top: -23px;
            left: -23px;
        }
        .food {
            margin-top: 15px;
        }
        .food__item-title {
            font-size: 1.5625rem;
        }
        .food__item-description {
            font-size: 0.93rem;
            line-height: 19px;
            margin: 15px 0 17px;
        }
        .food__item-price {
            font-size: 0.9375rem;
        }
    }
    
    @media screen and (max-width: 1000px) {
        .dish {
            max-width: 220px;
            width: calc((100% - 2*42px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 42px;
        }
        .dish::before {
            font-size: 0.75rem;
            width: 40px;
            height: 40px;
            line-height: 40px;
            top: -20px;
            left: -20px;
        }
        .food__item-description {
            font-size: 0.8rem;
        }
    }
    
    @media screen and (max-width: 800px) {
        .dish {
            max-width: 200px;
            width: calc((100% - 2*32px)/3);
        }
        .dish:not(:last-of-type) {
            margin-right: 32px;
        }
        .food__item-description {
            font-size: 0.7rem;
        }
    }
    
    @media screen and (max-width: 768px) {
        .dish {
            max-width: 692px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        .dish:not(:last-of-type) {
            margin-right: 0;
            margin-bottom: 58px;
        }
        .dish::before {
            font-size: 0.875rem;
            width: 56px;
            height: 56px;
            line-height: 56px;
            top: -28px;
            left: -28px;
        }
        .dish__item-picture {
            max-width: 320px;
        }
        .food {
            text-align: left;
            max-width: 348px;
            padding-top: 17px;
            margin: 0 0 0 24px;
        }
        .food__item-description {
            font-size: 1.25rem;
            line-height: 25px;
            margin: 20px 0;
        }
        .food__item-price {
            font-size: 1.25rem;
        }
    }
    
    @media screen and (max-width: 678px) {
        .dish {
            max-width: 300px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
        .dish:not(:last-of-type) {
            margin-bottom: 48px;
        }
        .dish__item-picture {
            max-width: 300px;
        }
        .food {
            max-width: 300px;
            padding: 0;
            margin: 15px 0 0;
        }
        .food__item-title {
            font-size: 1.25rem;
        }
        .food__item-description {
            margin: 15px 0;
            font-size: 1.125rem;
        }
        .food__item-price {
            font-size: 1.125rem;
        }
    }
    
    .group {
        display: flex;
        padding: 0;
    }
    
    .group__photo img {
        width: 100%;
        max-height: 500px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    .global {
        width: calc(100% / 2);
        text-align: left;
        margin-left: 40px;
    }
    
    .global .headline {
        margin-top: 70px;
        color: #c4d4ea;
    }
    
    .global__text {
        color: #5f738d;
        font-size: 20px;
    }
    
    @media screen and (max-width: 1040px) {
        .global {
            width: 100%;
            margin-left: 10px;
            text-align: center;
            margin-bottom: 10px;
        }
        .global .headline {
            margin-top: 10px;
            font-size: 15px;
        }
        .global__text {
            font-size: 10px;
        }
    }
    
    @media screen and (max-width: 600px) {
        .group {
            flex-direction: column;
        }
        .global__text {
            font-size: 10px;
            margin: 0 auto;
        }
    }
    
    .footer {
        font-size: 90%;
        line-height: 1.25em;
        padding: 25px 30px 15px 30px;
        background-color: rgb(14, 62, 127);
    }
    
    .footer a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    .footer a:hover {
        color: red;
    }
    /*# sourceMappingURL=style.css.map */