#atesty {
    width: 100vw;
    height: 100vh;
}

.atesty__img {
    position: absolute;
    right: 0;
    margin-top: 20vh;
    height: 60vh;
    width: calc(100vw - 80vh);
    background-image: url("../img/depositphotos_541074442_xl.jpg");
    background-size: cover;
    background-position: center;
}

.atesty__box {
    height: 20vh;
    width: 20vh;
    background-color: var(--primary);
    color: white;
    text-align: center;
    pad: 2em;
    cursor: pointer;
    transition: all .4s linear;
}

.color2 {
    background-color: var(--secondary);
}

.atesty__box:nth-child(even):hover,
.atesty__box:nth-child(odd):hover {
    border: 1px solid var(--secondary);
    background-color: transparent;
    color: var(--primary);
}

.vertical__box {
    position: absolute;
    bottom: 0;
}

.horizontal__box {
    position: absolute;
    bottom: 0;
    left: 20vh;
}

.atesty__box h2 {
    padding: 1em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5vh;
    text-transform: uppercase;
}

.atesty__header {
    position: absolute;
    left: 20vh;
    bottom: 20vh;
    width: 60vh;
    height: 60vh;
    background-color: white;
    /* background-image: url("../img/arisa-chattasa-0LaBRkmH4fM-unsplash.png"); */
    /* background-size: cover; */
}

.atesty__header h1 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    font-weight: 600;
    font-size: 4vh;
}

#atesty .mousey {
    left: 90vw;
    bottom: 10vh;
}

#lista_certyfikaty {
    padding-top: 110px;
    padding-bottom: 90px;
}

#lista_certyfikaty p {
    margin-bottom: 1.5em;
}

#lista_certyfikaty a {
    position: relative;
    color: var(--primary);
    transition: all .4s ease-in-out;
    font-size: 1.2rem;
}

#lista_certyfikaty a::before {
    position: absolute;
    left: -2.5rem;
    content: " ";
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--primary);
}

#lista_certyfikaty a:hover {
    color: black;
}

.system-modern,
.system-premium,
.system-classic,
.system-narzedzia,
.pozostale {
    display: none;
}

@media only screen and (max-width: 1024px) {

    .atesty__box {
        width: 25vw;
        height: 25vw;
    }

    .horizontal__box {
        left: 25vw;
    }

}

@media only screen and (max-width: 920px) {
    .atesty__header {
        z-index: -1;
        left: 0;
    }

    .atesty__header h1 {
        text-align: right;
    }

}

@media only screen and (max-width: 576px) {


    .atesty__box h2 {
        font-size: 13px;
    }

    #lista_certyfikaty a {
        font-size: 1rem;
    }

    #lista_certyfikaty a::before {
        width: 1.35rem;
        height: 1.35rem;
    }
}

@media only screen and (max-width: 440px) {

    .atesty__box h2 {
        font-size: 11px;
    }

    .atesty__header {
        width: 90%;
    }

}

@media only screen and (max-width: 390px) {

    .atesty__box h2 {
        font-size: 10px;
    }

    .atesty__header {
        width: 95%;
    }
}

@media only screen and (max-width: 360px) {
    .atesty__header h1 {
        font-size: 3.5vh;
    }
}

@media only screen and (max-width: 320px) {
    .atesty__box h2 {
        padding: .5em;
    }
}