.kontakt {
    margin-bottom: 30px;
    width: 100%;
    min-height: 100%;

}

.kontakt span {
    color: white;
}

.kontakt h1 {
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 71px;


    color: #000000;
}


.udaje-firma {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -270px;
}

.cont-udaje {
    display: space-between;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, auto));
    gap: 2rem;
    width: 85%;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 90px 100px 88px 118px;
    
}

.left-column2 {
    text-align: left;
    float: left;
}

.right-column2 {
    text-align: right;
    float: right;
}






.udaje-banky {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -220px;

}

.bank-udaje {
    width: 100%;
    background: #F2F2F2;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 10px;
    padding: 40px 0px 40px 0px;

}

.column1{
text-align: center;
}
.column2{
text-align: center;
}
.column3{
text-align: center;
}
.column4{
    text-align: center;
    }
    


    @media (max-width: 1330px) {
        .udaje-firma {
    
            margin-top: -150px;
    
        }
    
        .cont-udaje {
            width: 93%;
                padding: 90px 100px 88px 20px;
        }
    
        .udaje-banky {
            margin-top: -100px;
            margin-bottom: 100px;
        }
    
        .bank-udaje {
            width: 93%;
        }
    
        .right-column2 {
            text-align: left;
            float: left;
        }
    
    .column1{
        margin-bottom: 30px;
    }
    
    }



@media (max-width: 970px) {
    .udaje-firma {

        margin-top: -150px;

    }

    .cont-udaje {
        width: 93%;
            padding: 90px 100px 88px 20px;
    }

    .udaje-banky {
        margin-top: -100px;
        margin-bottom: 100px;
    }

    .bank-udaje {
        width: 93%;
    }

    .right-column2 {
        text-align: left;
        float: left;
    }

.column1{
    margin-bottom: 30px;
}

}

@media (max-width: 450px) {
    .cont-udaje p {
        font-size: 13px;
    }
    .bank-udaje p {
        text-align: center;
         font-size: 13px;
    }
}