.CONTACT-US {
    margin: auto;
    background-color: black;
}

.CONTACT-US-BANER-TEXT {
    color: white;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 20px 0 20px 0;
}

@media screen and (max-width:425px) {
    .CONTACT-US-BANER-TEXT {
        margin: auto;
        text-align: center;
    }
}

@media screen and (max-width:320px) {
    .CONTACT-US-BANER-TEXT {
        margin: auto;
        text-align: center;
        font-size: 18px;
    }
}

.contact-form {
    background-color: rgb(32, 31, 31);
    display: flex;
    flex-direction: column;
}

.CONTACT-US-FORM {
    display: flex;
    flex-direction: column;
    margin: auto;
}

@media screen and (max-width:425px) {
    .CONTACT-US-FORM {
        padding: 0 10px 0 10px;
    }
}

.contact-form__field {
    margin: auto;
    margin-top: 20px;
    border: white 4px solid;
    background-color: rgba(75, 72, 72, 0.89);
    width: 100%;
}

::placeholder {
    color: white;
}

.contact-form__submit-button {
    color: white;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: black;
    border: 2px solid white;
    padding: 10px 5px 10px 5px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.3s;
}

.contact-form__submit-button:hover {
    background: rgb(88, 87, 87);
}

.contac-form-text {
    margin: auto;
    margin-top: 20px;
    text-align: center;
    color: white;
    font-size: 25px;
}

@media screen and (max-width:425px) {
    .contac-form-text {
        font-size: 14px;
    }
}

.RODO-INFO {
    color: white;
}

@media screen and (max-width:425px) {
    .RODO-INFO {
        font-size: 14px;
    }
}


/* RECAPTCHA  */

.g-recaptcha {
    margin: auto;
    padding: 10px 0 10px 0;
}


/* ikony  */

.CONTACT-US-ICON {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.contact-icon {
    height: 50px;
    fill: white;
}

@media screen and (max-width:425px) {
    .contact-icon {
        height: 20px;
    }
}

.contact-icon-link {
    text-decoration: none;
    color: white;
    font-size: 30px;
    font-weight: bold;
    margin-left: 8px;
}

@media screen and (max-width:425px) {
    .contact-icon-link {
        font-size: 20px;
    }
}