.mai {
    color: #f5f5f5f5!important;
}

#infoBar {
    margin-top: .5rem!important;
    padding-left: -15px!important;
}
/*#header {
    display: table;
    height: inherit;
    width: inherit;
}
#header > div {
    vertical-align: middle;
}*/

/*.cent1 {
    position:  absolute;
    left: 75rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 991;
}
.cent2 {
    position: absolute;
    left: 115rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 991;
}

@media (max-width: 2560px) {
    .cent1 {
        left: 80rem;
    }
    .cent2 {
        left: 110rem;
    }
    .cenIMG {
        max-width: 40rem!important;
        max-height: 40rem!important;
    }
}

@media (max-width: 1920px) {
    .cent1 {
        left: 80rem;
    }
    .cent2 {
        left: 110rem;
    }
    .cenIMG {
        max-width: 40rem!important;
        max-height: 40rem!important;
    }
}

@media (max-width: 1700px) {
    .cent1 {
        left: 80rem;
    }
    .cent2 {
        left: 110rem;
    }
    .cenIMG {
        max-width: 40rem!important;
        max-height: 40rem!important;
    }
}

@media (max-width: 1440px) {
    .cent1 {
        left: 60rem;
    }
    .cent2 {
        left: 90rem;
    }
    .cenIMG {
        max-width: 35px;
        max-height: 35px;
    }
}

@media (max-width: 1200px) {
    .cent1 {
        left: 40rem;
    }
    .cent2 {
        left: 70rem;
    }
    .cenIMG {
        max-width: 35rem!important;
        max-height: 35rem!important;
    }
}

@media (max-width: 990px) {
    .cent1 {
        left: 30rem;
    }
    .cent2 {
        left: 60rem;
    }
    .cenIMG {
        max-width: 30rem!important;
        max-height: 30rem!important;
    }
}

@media (max-width: 768px) {
    .cent1 {
        left: 20rem;
    }
    .cent2 {
        left: 45rem;
    }
    .cenIMG {
        max-width: 25rem!important;
        max-height: 25rem!important;
    }
}

@media (max-width: 512px) {
    .cent1 {
        left: 15rem;
    }
    .cent2 {
        left: 35rem;
    }
    .cenIMG {
        max-width: 20rem!important;
        max-height: 20rem!important;
    }
}
*/
.cent1 {
z-index: 100;
}


.cent2 {
z-index: 100;
}

.flex-container {
    display: flex;
    align-items: center;
    Justify-content: center;
    
    width: 100%;
    height: 100vh;
    position: absolute;
}

.flex-container > div {
}

.tenRem {
    margin-top: 10rem!important;
}

.kvkk_pngs {
    width: 4rem!important;
    height: 4rem!important;"
}

.theText {
    position: absolute;
    z-index: 991;
    font-size: 2rem;
    color: whitesmoke;
    text-align: justify;
    Justify-content: center;
    bottom: 7rem!important;
}

.text > p {
    font-size: 1.5rem!important;
}

.list {
    font-size: 1.5rem!important;
}

.cenIMG {
    width: 35rem!important;
    height: 35rem!important;
}

p {
    font-size: 2rem;
}