* {
    padding: 0;
    margin: 0;
}


@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Regular.ttf");
}

@font-face {
    font-family: Bebas;
    src: url("../fonts/BebasNeueCyrillicRegular.ttf");
}

@font-face {
    font-family: BebasEnglish;
    src: url("../fonts/BebasNeueEnglish.ttf");
}



html {
    box-sizing: border-box;
    font-size: calc(100vw / 1536 * 10);
    transition: 0.1s ease-out;
}

body {
    background: #010101FF;
}

.omg-container {
    padding-left: 17.6rem;
    padding-right: 17.6rem;
}

.header {
    background: rgba(1, 1, 1, 0.30);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0 0.4rem 1.8rem 0.4rem rgba(0, 0, 0, 0.25);
}

.header-content {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.header-actions {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1.764rem;
}

.header-logo {
    width: 16.4rem;
    height: 3.8rem;
}

.header-logo img {
    width: 100%;
}

.button-classic {
    display: grid;
    width: 22.43rem;
    height: 4.688rem;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1.68rem;
    line-height: 2rem;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border-radius: 0.8rem;
    border: 0.085rem solid transparent;
}

.omg-action {
    background: #FFD249;
    color: #000000;
}

.omg-action:hover, .omg-action:active {
    background: #E97103;
    transition: 0.3s linear;
}

.button-transparent {
    background: transparent;
    color: white;
    border: 0.085rem solid #FFFFFF;
    width: 19.4rem;
    height: 4.688rem;
}

.button-transparent:hover, .button-transparent:active {
    background: white;
    color: #000000;
    transition: 0.3s linear;
}

.main {
    padding-top: 6.5rem;
    overflow: hidden;
}

.background-aristocrats {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.background-aristocrats img {
    width: 100%;
}

.background-aristocrats-mob {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.background-aristocrats-mob img {
    width: 100%;
}

.main-banner {
    padding-top: 33rem;
    display: grid;
    position: relative;
    z-index: 3;
    justify-items: center;
    padding-bottom: 11.1rem;
}

.main-banner-logo {
    width: 35.5rem;
    z-index: 4;
    padding-left: -0.9rem;
}

.main-banner-logo:hover .path-logo-1, .main-banner-logo:active .path-logo-1 {
    fill: #E97103;
    transition: 0.3s linear;
}

.main-banner-text {
    margin-top: -0.5rem;
    width: 75.05rem;
}

.main-banner-text img {
    width: 100%;
}

.transition-1 {
    width: 100%;
    position: relative;
    z-index: 3;
}

.transition-1 img {
    width: 100%;
}

.antiquity {
    position: relative;
    margin-top: -4rem;
}

.antiquity-content {
    display: grid;
    grid-template-columns: auto auto;
    gap: 4rem;
    position: relative;
}

.napoleon-image {
    margin-left: -7.3rem;
    width: 71.8rem;
}

.napoleon-image img {
    width: 100%;
}

.napoleon-image-mob {
    display: none;
}

.antiquity-info {
    padding-top: 5.8rem;
}

.gangsta-image {
    width: 24.3rem;
    margin-left: -7.5rem;
}

.gangsta-image img {
    width: 100%;
}

.antiquity-text {
    font-family: Bebas, sans-serif;
    font-size: 5.5rem;
    line-height: 100%;
    color: #FFFFFF;
    max-width: 47.7rem;
    padding-top: 4.5rem;
}

.god-image {
    width: 17.4rem;
    position: absolute;
    z-index: 7;
    right: 0;
}

.god-image img {
    width: 100%;
}

.back-poster-1 {
    position: absolute;
    width: 35.5rem;
    right: 0;
    top: 1rem;
}

.back-poster-1 img {
    width: 100%;
}

.back-poster-2 {
    position: absolute;
    width: 29.8rem;
    left: 0;
    top: -15rem;
}

.back-poster-2 img {
    width: 100%;
}

.cavalier {
    padding-top: 6.8rem;
    position: relative;
}

.cavalier-content {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0;
}

.cavalier-info {

}

.cavalier-text {
    font-family: Bebas, sans-serif;
    font-size: 5.5rem;
    line-height: 100%;
    color: #FFFFFF;
    max-width: 60rem;
    padding-top: 9rem;
    padding-left: 0.4rem;
}

.cavalier-logo {
    width: 35.5rem;
    display: inline-block;
    margin-top: -5.1rem;
    margin-left: 16rem;
}

.cavalier-logo:hover .path-logo-2, .cavalier-logo:active .path-logo-2 {
    fill: #E97103;
    transition: 0.3s linear;
}

.cavalier-image {
    width: 75.4rem;
    margin-right: -17.6rem;
}

.cavalier-image img {
    width: 100%;
}

.guidebook {
    position: relative;
    padding-top: 15rem;
    background-image: url("../images/back-darkness.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.back-yellow-1 {
    width: 29.7rem;
    position: absolute;
    left: 0;
    top: 41rem;
}

.back-yellow-1 img {
    width: 100%;
}

.back-yellow-2 {
    width: 41.9rem;
    position: absolute;
    right: 0;
    top: -3.7rem;
}

.back-yellow-2 img {
    width: 100%;
}

.guide-tittle {
    font-family: Bebas, sans-serif;
    font-size: 5.5rem;
    line-height: 100%;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 4rem;
}



.guide-card {
    display: grid;
    grid-template-columns: 39.7rem auto;
    gap: 1.3rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.guide-slider {
    z-index: 4;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.slick-initialized .slick-slide {
    display: grid;
}


.card-image {
    width: 39.7rem;
    border-radius: 4rem;
}

.card-image-mob {
    display: none;
}

.card-image img {
    width: 100%;
}

.card-content {
    width: 100%;
    height: 39.2rem;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 3rem;
    position: relative;
}

.card-number-container {
    display: grid;
    position: absolute;
    left: -0.1rem;
    background: linear-gradient(to bottom right, transparent 85%, white 15%);
}

.card-number {
    background: linear-gradient(to bottom right, transparent 85%, black 15%);
    position: relative;
    color: #ffffff;
    font-family: Bebas, sans-serif;
    font-size: 5.5rem;
    line-height: 100%;
    width: 12.5rem;
    height: 7.8rem;
    text-align: left;
    padding-top: 2.5rem;
    padding-left: 7.2rem;
    box-shadow: 0.7rem 2rem 2.5rem -0.2rem #00000059;
    border-bottom-right-radius: 3rem;
    z-index: 3;
}

.card-info {
    position: relative;
    background-color: transparent;
    height: 100%;
    border-radius: 3rem;
    overflow: hidden;

}

.card-place {
    height: 10.3rem;
    position: relative;
    border-top-left-radius: 3rem;
    background-color: #FFFFFF;
    box-shadow: inset 0 4.2rem 3rem -3rem #00000059;
    margin-left: 19.6rem;

}

.card-target {
    display: grid;
    grid-template-rows: 13.2rem auto;
    padding-bottom: 3.9rem;
    justify-content: space-between;
    padding-top: 4rem;
    padding-left: 7.2rem;
    height: 21.1rem;
    max-width: 70.5rem;
    overflow: hidden;
    background-color: #FFFFFF;
    border-top-left-radius: 3rem;
    box-shadow: inset 2rem -2.6rem 2.5rem -1.5rem #00000059;
}

.card-text {
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
    max-width: 60.5rem;
    align-self: center;
}

.button-long {
    width: 100%;
    height: 100%;
    display: grid;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1.68rem;
    line-height: 2rem;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border-radius: 1.1rem;
    border: none;
}

.card-action {
    align-self: flex-end;
    width: 26.1rem;
    height: 5.5rem;
}


.slick-arrow {
    width: 6.2rem;
    height: 6.28rem;
    box-shadow: 0 0 2.9rem 2rem rgba(0, 0, 0, 0.05);
    border-radius: 1.8rem;
    border: none;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: calc(50% - 6.28rem);
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index: 2;
    background-color: #FFD249;
}

.slick-prev  {
    left: -1.5rem;
}

.slick-next {
    right: -1.5rem;
}


.slick-prev {
    background-image: url("../images/left.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 6.2rem;
    height: 6.28rem;
    background-size: 0.6rem 1.2rem
}

.slick-next {
    background-image: url("../images/right.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 6.2rem;
    height: 6.28rem;
    background-size: 0.6rem 1.2rem
}


.slick-dots {
    display: grid;
    grid-template-columns: repeat(10, auto);
    align-items: center;
    justify-content: center;
    margin-top: 6.2rem;
}

.slick-dots li{
    list-style: none;
    margin: 0 0.8rem;
}

.slick-dots button{
    font-size: 0;
    width: 0.9rem;
    height: 0.9rem;
    background-color: #8D8D8D;
    border-radius: 50%;
    border: none;
    transition: 0.2s linear;
}

.slick-dots li.slick-active button{
    background-color: #FFD249;
    width: 3.2rem;
    border-radius: 0.9rem;
}

.slick-arrow:hover, .slick-arrow:active  {
    background-color: #E97103;
    transition: 0.3s linear;
}

.transition-2 {
    margin-top: 8rem;
}

.transition-2 img {
    width: 100%;
}

.veni-vidi-trip {
    position: relative;
    overflow: hidden;
}

.trip-content {
    padding-top: 14.1rem;
    padding-bottom: 25rem;
}

.trip-text {
    font-family: Bebas, sans-serif;
    font-size: 7.738rem;
    color: #FFFFFF;
}

.trip-text-1 {
    padding-left: 3.5rem;
    line-height: 1;
    margin-bottom: 2.7rem;
}

.trip-text-2 {
    padding-left: 22rem;
    line-height: 1;
    margin-bottom: 3.6rem;
}

.trip-text-3 {
    width: 47.327rem;
}

.trip-text-link {
    position: relative;
    width: 55rem;
}

.trip-text-link:hover .path-trip, .trip-text-link:active .path-trip {
    fill: #E97103;
    transition: 0.3s linear;
}

.caesar-image {
    width: 85.1rem;
    position: absolute;
    right: 2.4rem;
    top: 0;
}

.caesar-image img {
    width: 100%;
}

.footer {
    background-color: #1B1B1B;
    padding-top: 6.9rem;
    padding-bottom: 6.9rem;
}

.footer-logo {
    width: 16.4rem;
    height: 3.8rem;
    margin-left: auto;
    margin-right: auto;
}

.footer-logo img {
    width: 100%;
}

.mobile-place {
    display: none;
}








/*TABLET STYLES*/





@media (max-width: 1024px) {
    html {
        font-size: calc(100vw / 1024 * 10);
    }


    .omg-container {
        padding-left: 2.9rem;
        padding-right: 2.9rem;
    }

    .background-aristocrats {
        width: 136%;
        height: 67.328rem;
        left: -16%;
    }

    .main-banner {
        padding-top: 29.5rem;
        padding-left: 6rem;
        padding-bottom: 9.1rem;
    }

    .main-banner-logo {
        width: 32.128rem;
    }

    .main-banner-text {
        width: 67.917rem;
    }

    .transition-1 {
        width: 139%;
        left: -16%;
    }

    .antiquity {
        margin-top: -4rem;
    }

    .antiquity-content {
        display: grid;
        grid-template-columns: auto auto;
        gap: 0;
        position: relative;
    }

    .napoleon-image {
        margin-left: -2rem;
        width: 46.27rem;
    }

    .napoleon-image img {
        width: 100%;
    }

    .antiquity-info {
        padding-top: 3.8rem;
    }

    .gangsta-image {
        width: 13.6rem;
        margin-left: 0;
    }

    .gangsta-image img {
        width: 100%;
    }

    .antiquity-text {
        font-size: 4.5rem;
        max-width: 47rem;
        padding-top: 2.7rem;
    }

    .god-image {
        width: 14.3rem;
    }

    .back-poster-1 {
        position: absolute;
        width: 35.5rem;
        right: 0;
        top: 1rem;
    }

    .back-poster-2 {
        left: 0;
        top: 10rem;
    }

    .back-poster-2 img {
        width: 100%;
    }

    .cavalier {
        padding-top: 8.8rem;
    }

    .cavalier-text {
        font-size: 4.5rem;
        max-width: 46.7rem;
        padding-top: 0;
        padding-left: 0.4rem;
    }

    .cavalier-logo {
        width: 26.603rem;
        margin-top: -4.2rem;
        margin-left: 13rem;
    }

    .cavalier-image {
        width: 49.8rem;
        margin-right: -2.9rem;
    }

    .guidebook {
        overflow: hidden;
        padding-top: 8.7rem;
        background-size: 100%;
    }

    .back-yellow-1 {
        width: 29.7rem;
        left: -5.7rem;
        top: -7rem;
    }


    .back-yellow-2 {
        width: 41.9rem;
        position: absolute;
        right: -5rem;
        top: 26rem;
    }


    .guide-tittle {
        position: relative;
        font-size: 4.5rem;
        text-align: left;
        margin-bottom: 4.5rem;
        z-index: 2;
    }

    .guide-card {
        display: grid;
        grid-template-columns: 32.506rem auto;
        gap: 1.064rem;
        margin-left: 2.9rem;
        margin-right: 2.9rem;
    }

    .guide-slider {
        margin-left: -2.9rem;
        margin-right: -2.9rem;
    }

    .card-image {
        width: 32.6rem;
        border-radius: 4rem;

    }

    .card-image img {
        width: 100%;
    }

    .card-content {
        width: 100%;
        height: 32.097rem;
        border-radius: 2.456rem;
    }

    .card-number-container {
        left: -0.1rem;
        top: 0;
    }

    .card-number {
        font-size: 4.5rem;
        width: 10rem;
        height: 5.8rem;
        text-align: left;
        padding-top: 2.047rem;
        padding-left: 5.929rem;
        box-shadow: 0.7rem 2rem 2.5rem -0.2rem #00000059;
        border-bottom-right-radius: 2.456rem;
    }

    .card-info {
        height: auto;
        border-radius: 2.456rem;
        width: 100%;

    }

    .card-place {
        height: 7.8rem;
        border-top-left-radius: 2.456rem;
        margin-left: 15.828rem;

    }

    .card-target {
        grid-template-rows: 10.8rem auto;
        padding-bottom: 3.197rem;
        padding-top: 3.866rem;
        padding-left: 5.929rem;
        height: 17.3rem;
        max-width: 70.5rem;
        border-top-left-radius: 2.456rem;
    }

    .card-text {
        font-size: 1.474rem;
        line-height: 1.8rem;
        max-width: 49.783rem;
    }

    .button-long {
        font-size: 1.376rem;
        line-height: 2rem;
        border-radius: 0.9rem;
    }

    .card-action {
        width: 23.3rem;
        height: 4.5rem;
    }


    .slick-arrow {
        top: -9.2rem;
    }

    .slick-prev  {
        left: auto;
        right: 11.4rem;
    }

    .slick-next {
        right: 2.9rem;
    }


    .slick-prev {
        background-image: url("../images/left.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 6.2rem;
        height: 6.28rem;
        background-size: 0.6rem 1.2rem
    }

    .slick-next {
        width: 6.2rem;
        height: 6.28rem;
        background-size: 0.6rem 1.2rem
    }


    .slick-dots {
        margin-top: 5rem;
    }

    .transition-2 {
        margin-top: 7.7rem;
        margin-left: -24rem;
    }

    .transition-2 img {
        width: 120%;
    }

    .trip-content {
        padding-top: 6.6rem;
        padding-bottom: 18.1rem;
    }

    .trip-text {
        font-size: 6.5rem;
    }

    .trip-text-1 {
        padding-left: 5.2rem;
        margin-bottom: 2.9rem;
    }

    .trip-text-2 {
        padding-left: 15.9rem;
        line-height: 1;
        margin-bottom: 3.7rem;
    }

    .trip-text-3 {
        width: 37.9rem;
    }

    .trip-text-link {
        position: relative;
        width: 37.9rem;
    }

    .trip-text-link:hover .path-trip, .trip-text-link:active .path-trip {
        fill: #E97103;
        transition: 0.3s linear;
    }

    .caesar-image {
        width: 65.3rem;
        right: -3.8rem;
        top: 1rem;
    }

    .footer {
        padding-top: 6.9rem;
        padding-bottom: 6.9rem;
    }

}













/*TABLET STYLES*/





    @media (max-width: 767px) {

        html {
            font-size: calc(100vw / 376 * 10);
        }


        .omg-container {
            padding-left: 1.6rem;
            padding-right: 1.6rem;
        }

        .header {
            padding-top: 1.2rem;
            padding-bottom: 1.5rem;
        }

        .header-actions {
            grid-template-columns: auto;
            gap: 0;
        }

        .button-transparent {
            display: none;
        }

        .header-logo {
            width: 10rem;
            height: 2.3rem;
        }

        .button-classic  {
            width: 15.8rem;
            height: 4.186rem;
            font-size: 1.4rem;
            line-height: 1.7rem;
            border-radius: 0.707rem;
        }

        .background-aristocrats {
            display: none;
        }

        .background-aristocrats-mob {
            display: block;
            top: 7rem;
        }

        .main-banner {
            padding-left: 0rem;
            padding-top: 20.5rem;
            padding-bottom: 5.1rem;
            margin-left: -1rem;
        }

        .main-banner-logo {
            width: 17.208rem;
        }

        .main-banner-text {
            width: 34.369rem;
        }

        .transition-1 {
            width: 245%;
            left: -72%;
        }

        .antiquity {
            z-index: 3;
            right: 0;
            width: 100%;
            margin-top: -7.8rem;
        }

        .antiquity-content {
            grid-template-columns: auto;
            gap: 0;
        }

        .napoleon-image {
            display: none;
        }

        .napoleon-image-mob {
            margin-top: 2rem;
            display: block;
            margin-left: 0;
            width: 100%;
            order: 2;
            z-index: 1;
        }

        .napoleon-image-mob img {
            width: 100%;
        }

        .antiquity-info {
            padding-top: 5.8rem;
            order: 1;
        }

        .gangsta-image {
            z-index: 2;
            width: 8.5rem;
            margin-left: 0;
            position: absolute;
            top: 22.5rem;
            right: -0.7rem;
        }

        .antiquity-text {
            font-size: 3.2rem;
            max-width: 33rem;
            padding-top: 2.7rem;
        }


        .back-poster-1 {
            position: absolute;
            width: 35.5rem;
            right: 0;
            top: 1rem;
        }

        .back-poster-2 {
            left: auto;
            right: 0;
            top: -4.5rem;
            transform: scaleX(-1)
        }

        .back-poster-2 img {
            width: 100%;
        }

        .cavalier {
            padding-top: 4rem;

        }

        .cavalier-content {
            grid-template-columns: auto;
            gap: 0rem;
            position: relative;
        }

        .cavalier-text {
            font-size: 3.2rem;
            max-width: 34.3rem;
            padding-top: 0;
            padding-left: 0;
            margin-bottom: 8rem;
        }

        .cavalier-logo {
            position: absolute;
            width: 21.559rem;
            bottom: 27.1rem;
            margin-top: 0;
            margin-left: 0;
            left: 9rem;
        }

        .god-image {
            bottom: -35.3rem;
            left: 0;
            width: 7.9rem;
        }

        .cavalier-image {
            width: 33rem;
            margin-right: 0;
            margin-left: 1.2rem;
            z-index: 2;
        }

        .guidebook {
            padding-top: 5.7rem;
            background-size: 100%;
            background-image: none;
        }

        .back-yellow-1 {
            display: none;
        }


        .back-yellow-2 {
            display: none;
        }


        .guide-tittle {
            position: relative;
            font-size: 3.2rem;
            text-align: left;
            margin-bottom: 2.5rem;
            z-index: 2;
            max-width: 17rem;
        }

        .guide-card {
            display: grid;
            grid-template-columns: auto;
            gap: 0;
            margin-left: 0rem;
            margin-right: 1rem;
        }

        .guide-slider {
            margin-left: 0;
            margin-right: -1.6rem;
        }

        .card-image {
            display: none;
            overflow: hidden;
        }

        .card-image-mob {
            overflow: hidden;
            display: block;
            width: 32.4rem;
            order: 2;
            border-bottom-right-radius: 2.4rem;
            border-bottom-left-radius: 2.4rem;
        }

        .card-image-mob img {
            width: 100%;
        }

        .card-content {
            width: 100%;
            height: 31.682rem;
            border-radius: 2.4rem;
            order: 1;
        }

        .mobile-place {
            display: grid;
            grid-template-columns: 12.1rem auto;
        }

        .card-number-container {
            display: none;
            left: 2.1rem;
            top: 0rem;
        }

        .card-number-container-mob {
            background: none;
        }

        .card-place-mob {
            width: 100%;
            background-color: #FFFFFF;
            box-shadow: inset 0 4.2rem 3rem -3rem #00000059;
            border-top-left-radius: 2.456rem;
            display: none;

        }


        .card-number {
            display: grid;
            align-items: center;
            font-size: 4.5rem;
            width: 9.3rem;
            height: 7.3rem;
            text-align: left;
            padding-left: 2.8rem;
            box-shadow: none;
            border-bottom-right-radius: 2.456rem;
            padding-top: 0.6rem;
            color: #1c1c1c;
            overflow: hidden;
            position: absolute;
            background: transparent;
            box-sizing: content-box;

        }

        .card-info {
            height: auto;
            border-radius: 0;
            border-top-right-radius: 2.4rem;
            border-top-left-radius: 2.4rem;
            width: 100%;
        }

        .card-place {
            box-shadow: inset 0 4.2rem 3rem -3rem #00000059;
            height: 7.3rem;
            border-top-left-radius: 2.456rem;
            margin-left: 12.1rem;
            display: none;
        }

        .card-target {
            grid-template-rows: 17.0rem 7rem;
            padding-bottom: 2.4rem;
            padding-top: 9rem;
            padding-left: 2.8rem;
            padding-right: 1.7rem;
            height: 24.3rem;
            max-width: 32.4rem;
            border-top-left-radius: 2.4rem;
            box-shadow: inset 2rem 2rem 1.2rem -1.1rem #00000059;
        }

        .card-text {
            font-size: 1.4rem;
            line-height: 1.694rem;
            max-width: 27.9rem;
            align-self: flex-start;
        }

        .button-long {
            font-size: 1.376rem;
            line-height: 1.665rem;
            border-radius: 0.9rem;
        }

        .card-action {
            width: 27.3rem;
            height: 4.5rem;
        }


        .slick-arrow {
            width: 4.85rem;
            height: 4.913rem;
            top: -8.7rem;
        }

        .slick-prev  {
            left: auto;
            right: 8.5rem;
        }

        .slick-next {
            right: 1.6rem;
        }


        .slick-prev {
            width: 4.85rem;
            height: 4.913rem;
            background-size: 0.5rem 1rem;
            border-radius: 1.4rem;
        }

        .slick-next {
            width: 4.85rem;
            height: 4.913rem;
            background-size: 0.5rem 1rem;
            border-radius: 1.4rem;
        }


        .slick-dots {
            margin-top: 2.4rem;
            margin-left: -4rem;
        }

        .transition-2 {
            margin-top: -1rem;
            margin-left: -36rem;
        }

        .transition-2 img {
            width: 150%;
        }

        .trip-content {
            padding-top: 0;
            padding-bottom: 42.5rem;
        }

        .trip-text {
            font-size: 5.5rem;
        }

        .trip-text-1 {
            padding-left: 5.2rem;
            margin-bottom: 1.5rem;
        }

        .trip-text-2 {
            padding-left: 15.2rem;
            line-height: 1;
            margin-bottom: 2.5rem;
        }

        .trip-text-3 {
            width: 33.442rem;
        }

        .trip-text-link {
            position: relative;
            width: 33.442rem;
        }

        .trip-text-link:hover .path-trip, .trip-text-link:active .path-trip {
            fill: #E97103;
            transition: 0.3s linear;
        }

        .caesar-image {
            width: 48.252rem;
            left: -5.4rem;
            top: 28.4rem;
            z-index: 4;
        }

        .caesar-image img {
            width: 97%;
        }

        .footer {
            padding-top: 5.3rem;
            padding-bottom: 5.2rem;
        }

        .footer-logo {
            width: 13.6rem;
            height: 3.2rem;
            margin-left: auto;
            margin-right: auto;
        }

        .mobile-place {
            display: grid;
        }

    }