@media(min-width: 1400px) {
                .navbar {
                    padding:0 170px
                }
            }

            @media(max-width: 1199.98px) {
                .navbar {
                    padding:0 20px
                }
            }
            @media(max-width: 768px) {
                .home-logos img {
                    max-width: 27% !important;
                }

                footer, footer .column {
                    flex-direction: column !important;
                }

                footer::before {
                    clip-path: none !important;
                    -webkit-clip-path: none !important;
                }
            }
            @media(min-width: 768px) {
                .w-md-50 {
                    width: 50%;
                }
                .w-md-auto {
                    width: auto !important;
                }
            }

            .btn-primary {
                --bs-btn-bg: #c72a25;
                --bs-btn-border-color: #c72a25;
            }
            :root {
                --bs-primary-rgb: 199, 42, 37;
            }
            h1 {
                font-size: 3.75rem;
                letter-spacing: -.03em;
                line-height: 1.1;
            }
            h3 {
                font-weight: 700;
                font-size: 2rem;
                letter-spacing: -.03em;
                line-height: 1.1;
            }
            .nav-item, .navbar .btn {
                font-weight: 400;
            }
            .nav-link:hover {
                background-color: #9f1e1a;
            }
            .navbar, .home-container {
                font-family: 'DM Sans', sans-serif;
            }
            .header-bg {
                -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 220px),0 100%);
                clip-path: polygon(0 0,100% 0,100% calc(100% - 220px),0 100%);
                background-position: 0 100%;
                background-size: cover;
                height: 806px;
                left: 0;
                overflow-x: hidden;
                position: absolute;
                width: 100%;
                z-index: -1;
            }
            .home-title {
                align-items: center;
                display: flex;
                flex-direction: column;
                margin-left: auto;
                margin-right: auto;
                position: relative;
                text-align: center;
            }
            .home-title h1 {
                max-width: 823px;
            }
            .home-main-image {
                align-items: center;
                display: flex;
                justify-content: center;
                margin: 3rem auto auto;
                position: relative;
            }
            .home-main-image img {
                box-shadow: 16px 32px 74px rgb(126 138 253 / 8%);
                height: auto;
                max-width: 92.3636363636%;
            }
            .home-logos img {
                max-width: 180px;
                filter: gray; /* IE6-9 */
                -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
                filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
            }
            footer {
                padding: 15% 100px;
                position: relative;
                width: 100%;
                z-index: 3;
            }
            footer::before {
                background-color: #c72a25;
                bottom: 0;
                -webkit-clip-path: polygon(0 220px,100% 0,100% 100%,0 100%);
                clip-path: polygon(0 220px,100% 0,100% 100%,0 100%);
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                z-index: -1;
            }
            .available-days {
                left: -24%;
                bottom: -16%;
            }
            .img-filter {
                filter: drop-shadow(-10px 20px 60px rgba(0,0,0,.05));
                border-radius: 21px;
            }
            .horizontal-animation {
                animation: horizontal-animation 2.5s ease infinite alternate;
            }
            .vertical-animation {
                animation: vertical-animation 3s ease infinite alternate;
            }

            @keyframes vertical-animation {
                0% {
                    transform: translateY(0)
                }

                to {
                    transform: translateY(-30px)
                }
            }

            @keyframes horizontal-animation {
                0% {
                    transform: translate(0)
                }

                to {
                    transform: translate(-30px)
                }
            }

            @keyframes z-animation {
                0% {
                    transform: rotate(-0deg)
                }

                to {
                    transform: rotate(10deg)
                }
            }