@charset "utf-8";

/* CSS Document */

form {
    display: table;
    width: 100%;
}


/*for secret*/

form #website {
    display: none;
}

#formularz {
    display: table;
    width: 100%;
    /*margin:auto; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
    text-align: left;
    margin-top: 10px;
}

.data {
    display: table-cell;
    width: 50%;
    min-width: 50%;
    margin: auto;
}

.textBox {
    display: table-cell;
    width: 50%;
    margin: auto;
}

#formularz label {
    display: block;
    /* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom: 5px;
    /* dodajemy margines dolny */
    /*font-weight:bold; /* pogrubiamy czcionkę */
    /*text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size: 18px;
    /* ustawiamy wielkość czcionki */
    color: white;
    /* ustawiamy kolor czcionki */
}

#formularz textarea,
#formularz input {
    padding: 5px;
    /* dodajemy margines wewnątrz naszego pola */
    border-radius: 3px;
    /* dodajemy zaokraglone rogi */
    border: 1px solid #ccc;
    /* dodajemy obramowanie */
    margin-bottom: 25px;
    /* dodajemy margines dolny */
}

#formularz input {
    width: 95%;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
}

#formularz textarea {
    width: 95%;
    resize: none;
    height: 95px;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
}

#formularz input#submit {
    /*BUTTON WYŚLIJ*/
    width: 40%;
    /* ustalamy szerokość */
    cursor: pointer;
    /* zmieniamy kursor */
    margin-bottom: 0px;
    /* resetujemy margines dolny */
    float: right;
    margin-right: 3%;
}

#formularz p.copy {
    color: #555555;
    /* ustawiamy kolor czcionki */
    margin-bottom: 0px;
    /* resetujemy margines dolny */
    font-size: 12px;
    /* ustawiamy rozmiar czcionki */
    text-align: center;
    /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
    color: #555555;
    /* ustawiamy kolor czcionki */
    text-decoration: none;
    /* usuwamy podkreślenie linku */
    font-weight: bold;
    /* pogrubiamy czcionkę */
}

@media only screen and (max-width: 720px) {
    .data {
        display: block;
        width: 100%;
    }
    .textBox {
        display: block;
        width: 100%;
    }
    #formularz label {
        font-size: 12px;
    }
    #formularz textarea {
        height: 45px;
    }
}