* {
                        box-sizing: border-box;
                    }
                    
                    body {
                        font-family: 'Inter', sans-serif;
                    }
                    
                    .container {
                        width: 100%;
                        max-width: 1440px;
                        margin: 0 auto;
                        display: flex;
                        justify-content: space-between;
                        position: relative;
                    }
                    
                    .logo {
                        width: 66.66666%;
                        height: 100vh;
                        padding-left: 30px;
                        position: relative;
                    }
                    
                    .logo img {
                        max-width: 800px;
                        height: auto;
                        position: absolute;
                        top: 40%;
                    }
                    
                    .content {
                        width: 33.3333%;
                        background-color: #9E866B;
                        height: 100vh;
                        padding: 70px 30px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                    }
                    
                    .text {
                        color: #fff;
                        font-size: 30px;
                    }
                    
                    .animate {
                        font-size: 30px;
                    }
                    
                    .css-typing p {
                        text-align: center;
                        width: 20em;
                        border-right: .15em solid #9E866B;
                        font-size: 2.4vw;
                        white-space: nowrap;
                        overflow: hidden;
                        position: absolute;
                        top: 700px;
                        left: 15%;
                    }
                    
                    .css-typing p:nth-child(1) {
                        -webkit-animation: type 2s steps(40, end);
                        animation: type 2s steps(40, end);
                        animation-delay: 2s;
                        -webkit-animation-fill-mode: forwards;
                        animation-fill-mode: forwards;
                    }
                    
                    @keyframes type {
                        0% {
                            width: 0;
                        }
                        99.9% {
                            border-right: .15em solid #9E866B;
                        }
                        100% {
                            border: none;
                        }
                    }
                    
                    @-webkit-keyframes type {
                        0% {
                            width: 0;
                        }
                        99.9% {
                            border-right: .15em solid #9E866B;
                        }
                        100% {
                            border: none;
                        }
                    }
                    
                    @keyframes type2 {
                        0% {
                            width: 0;
                        }
                        1% {
                            opacity: 1;
                        }
                        99.9% {
                            border-right: .15em solid #9E866B;
                        }
                        100% {
                            opacity: 1;
                            border: none;
                        }
                    }
                    
                    @-webkit-keyframes type2 {
                        0% {
                            width: 0;
                        }
                        1% {
                            opacity: 1;
                        }
                        99.9% {
                            border-right: .15em solid #9E866B;
                        }
                        100% {
                            opacity: 1;
                            border: none;
                        }
                    }
                    
                    @keyframes type3 {
                        0% {
                            width: 0;
                        }
                        1% {
                            opacity: 1;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    @-webkit-keyframes type3 {
                        0% {
                            width: 0;
                        }
                        1% {
                            opacity: 1;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    @keyframes blink {
                        50% {
                            border-color: transparent;
                        }
                    }
                    
                    @-webkit-keyframes blink {
                        50% {
                            border-color: tranparent;
                        }
                    }
                    
                    @media (max-width: 990px) {
                        .text h1 {
                            font-size: 11.5vw;
                        }
                        .text h2 {
                            font-size: 4.7vw;
                        }
                        .uppercase {
                            font-size: 4.4vw;
                        }
                    }
                    
                    @media (max-width: 1350px) {
                        .logo img {
                            max-width: 600px;
                            height: auto;
                        }
                        .text {
                            font-size: 25px;
                        }
                    }
                    
                    @media (max-width: 1120px) {
                        .logo img {
                            max-width: 500px;
                            height: auto;
                            top: 43%;
                        }
                        .text {
                            font-size: 20px;
                        }
                    }
                    
                    @media (max-width: 940px) {
                        .logo img {
                            max-width: 400px;
                            height: auto;
                        }
                        .css-typing p {
                            font-size: 25px;
                        }
                        .text {
                            font-size: 17px;
                        }
                    }
                    
                    @media (max-width: 890px) {
                        .container {
                            flex: none;
                        }
                        .logo {
                            background-color: #fff;
                            height: 300px;
                            width: 600px;
                            z-index: 100;
                            margin-top: 100px;
                        }
                        .logo img {
                            max-width: 620px;
                            height: auto;
                            top: 14%;
                            left: 10%;
                        }
                        .css-typing p {
                            top: 215px;
                            left: 30%;
                        }
                        .content {
                            width: 33.3333%;
                            background-color: #9E866B;
                            height: 100vh;
                            padding: 70px 50px;
                            margin: 0 auto;
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-end;
                            position: absolute;
                            top: 0;
                            left: 33.333333%;
                        }
                        .text {
                            font-size: 15px;
                            margin-top: 60px;
                        }
                    }
                    
                    @media (max-width: 805px) {
                        .logo {
                            height: 200px;
                        }
                        .logo img {
                            max-width: 400px;
                            height: auto;
                            top: 12%;
                            left: 20%;
                        }
                        .css-typing p {
                            top: 125px;
                            left: 23%;
                        }
                        .content {
                            width: 250px;
                        }
                        .text {
                            font-size: 15px;
                            margin-top: 90px;
                        }
                    }
                    
                    @media (max-width: 760px) {
                        .logo {
                            height: 200px;
                        }
                        .logo img {
                            max-width: 450px;
                            height: auto;
                            top: 19%;
                            left: 13%;
                        }
                        .css-typing p {
                            top: 147px;
                            left: 19%;
                            font-size: 20px;
                        }
                        .content {
                            width: 250px;
                            padding: 0 15px;
                        }
                        .text {
                            font-size: 13px;
                            margin-top: 90px;
                        }
                        .text:last-child {
                            margin-bottom: 50px;
                        }
                    }
                    
                    @media (max-width: 535px) {
                        .logo {
                            height: 200px;
                        }
                        .logo img {
                            max-width: 350px;
                            height: auto;
                            top: 12%;
                            left: 3%;
                        }
                        .css-typing p {
                            top: 144px;
                            left: 3%;
                            font-size: 18px;
                        }
                        .content {
                            width: 200px;
                            padding: 0 15px;
                        }
                        .text {
                            font-size: 13px;
                            margin-top: 90px;
                        }
                    }
                    
                    @media (max-width: 410px) {
                        .logo {
                            height: 200px;
                        }
                        .logo img {
                            max-width: 300px;
                            height: auto;
                            top: 9%;
                            left: 3%;
                        }
                        .css-typing p {
                            top: 152px;
                            left: 4%;
                            font-size: 15px;
                        }
                        .content {
                            width: 200px;
                            padding: 0 15px;
                        }
                        .text {
                            font-size: 13px;
                            margin-top: 90px;
                        }
                    }
                    
                    @media (max-width: 350px) {
                        .logo {
                            width: 100%
                        }
                        .logo img {
                            max-width: 277px;
                            height: auto;
                            top: 14%;
                            left: 1%;
                        }
                        .css-typing p {
                            top: 144px;
                            left: 5%;
                            font-size: 14px;
                        }
                    }