#kapcsolat {
    width: 90%;
    max-width: 750px; /* ne legyen nagyobb desktopon */
    margin: 0 auto;
    padding: 25px;

    text-align: center;

    border-radius: 15px;
    background: white;
    margin-top: 100px;

    opacity: 90%;
    
}

/* INPUTOK */
.bekerok {
    width: 100%;
    padding: 12px;

    border: black 2px solid;
    border-radius: 8px;

    background-color: white;
    color: black;

    font-size: 1rem;

    margin-bottom: 15px;

    transition: 0.2s;



    
}

/* PLACEHOLDER */
.bekerok::placeholder {
    color: black;
    opacity: 0.8;
}

/* GOMB */
#kuldes {
    width: 25%;
    padding: 14px;

    border: black 2px solid;
    border-radius: 10px;

    background-color: rgba(255, 255, 255, 0.5);
    color: black;

    font-weight: bold;
    font-size: 1rem;

    cursor: pointer;
    transition: 0.2s;

    margin: auto !important;
}

#kuldes:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

/* CÍM */
#kapcs {
    margin: 20px 0;
    color: white;
    font-size: 2rem;
}

/* ===== MOBIL ===== */
@media (max-width: 768px) {

    #kapcsolat {
        padding: 20px;
    }

    #kapcs {
        font-size: 1.6rem;
    }

    .bekerok {
        font-size: 0.95rem;
        padding: 10px;
    }

    #kuldes {
        padding: 12px;
        font-size: 0.95rem;
    }
}

/* ===== KICSI MOBIL ===== */
@media (max-width: 480px) {

    #kapcsolat {
        width: 95%;
        padding: 15px;
    }

    #kapcs {
        font-size: 1.4rem;
    }
}