.footer {
    position: relative;
    width: 100%;
    height: 615px;
    background-color: #7D72FF;
    z-index: 9;
    overflow: hidden;
}

.footer a, .footer li  {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    margin-left: 50px;
    margin-top: 100px;
}


.footer ul {
    display: flex;
    width: fit-content;
    margin-left: calc((100vw - 1007px) / 2);

}

.footer span {
    display: block;
    position: absolute;
    top: 250px;
    width: 100%;
    border-bottom: 1px solid #F45050;
}

.footer .navigation_pannel {
   width: fit-content;
   top: 50px;
   left: 35px;
}

.footer .logo h1 a {
    position: absolute;
    height: 360px;
    bottom: 0px;
    left: calc((100vw - 1865px) / 2 );
    margin-left: 0;
    font-weight: 800;
    font-size: 350px;
    text-align: center;
    letter-spacing: 0px;
}




@media screen and (min-width: 1200px) and (max-width: 1902px) {
   
    .footer {
        position: relative;
        width: 100%;
        height: 500px;
        background-color: #7D72FF;
        z-index: 9;
        overflow: hidden;
    }

    .footer span {
        display: block;
        position: absolute;
        top: 200px;
        width: 100%;
        border-bottom: 1px solid #F45050;
    }

    .footer ul {
        display: flex;
        width: fit-content;
        margin-left: calc((100vw - 1007px) / 2);
    }

    .footer a, .footer li {
        font-family: Montserrat;
        font-size: 28px;
        font-weight: 300;
        color: #ffffff;
        text-align: center;
        list-style-type: none;
        margin: 0 auto;
        margin-left: 50px;
        margin-top: 65px;
    }

    .footer .logo h1 a {
        position: absolute;
        height: 255px;
        bottom: 0px;
        left: calc((100vw - 1333px) / 2);
        margin-left: 0;
        font-weight: 800;
        font-size: 250px;
        text-align: center;
        letter-spacing: 0px;
    }

    


}