body {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        width: 100%;
        margin: auto;
        font-weight: bold;
        }

        .logo {
            width: auto;
            height: auto;
            background-color: #c5161d;
            /*margin: 10px 450px;*/
        }



        .right { 
            width: 90%;
        }

        .textinput{ 
            display: none; 
            margin-top: 2%;
        }    

        textarea {
            resize: none;
            overflow: hidden;
            max-height: 300px;
            height: 300px;
        }

        ol#main > li {
            margin-top: 50px;
        }

        .wybor {
            margin-left: 5%;
        }

        li{
            margin: 1% 5%;
        }

        p {
            margin-top: 50px;
            text-align-last: center;
            text-align: justify;
            margin: 0 3%;
        }

/*        .zamieszkanie{
            float: left;
            width: 15%;
            width: 315px;
        }*/

.zamieszkanie {
    float: left;
    width: 29%;
    margin: 0 2%;
    padding: 0 1%;
}

        .miejsce{
            height: 150px;
            width: 100%;
        }


        .transport {
    margin: auto;
    width: 23%;
}

.dane {
text-align: center;
    margin: auto;
}

.subbtn {
    margin: 5% auto;
text-align: center;
}

        h3 {
            margin: 30px;
            font-weight: bolder;
            font-size: 1.4em;
            text-align: center;
        }


        hr {
            margin: 3% 20% 3%;
            width: auto;
            background-color: #850736;
            height: 0.21em;
        }

        img {
            height: auto;
            padding: 5px;
            width: 100%;
            max-width: 950px;
        }

        header {
            color: #850736;
        }

        #poll, #pollres{
            background-color: rgba(209, 209, 209, 0.22);
            border: 1px solid #a7a7a7;
        }

        #pollres{
	    text-align: center;
        }

#pollres p {
    margin: 4%;
}

#pollres header {
    padding: 5% 0 1%;
}

#pollres #submit {
    margin-top: 3%;
}

        label {
            display: initial;
            margin: 1px 10px;
            max-width: 100%;
            font-weight: 700;
        }


        #submit{
        	width: 10em;
        	height: 2.5em;
            margin-bottom: 2%;
        }

        #submit, #submit:focus {
            color: #fff;
            background-color: #337ab7;
            border-color: #005eb0;
        }

        #submit:hover, #submit:active {
            background-color: #23527c;
            color: white;
        }








@media only screen and (max-width: 800px), only screen and (max-device-width: 540px) {
    body {
        font-size: 1.1em;
    }

h1{
    font-size: 2.3em;
}

    h3 {
        font-size: 1.5em;
    }
    table {
        width: 22em;
    }   

    article{
        width: 100%;
    }
    .more{
        margin: 0 2%;
        font-size: 0.8em
    }

    ul{
        margin: 0;
        padding: 0;
    }

.zamieszkanie {
    float: left;
    width: 37%;
    margin: 0;
    padding: 0;
    font-size: 0.6em;
}

.zamieszkanie:first-child {
    width: 25%;
}

.transport {
    margin: auto;
    width: 40%;
}

}

@media only screen and (max-width: 400px), only screen and (max-device-width: 240px) {
    body {
        font-size: 1.0em;
    }

h1{
    font-size: 1.9em;
}
    h3 {
        font-size: 1.2em;
    }
    table {
        width: 22em;
    }   

    article{
        width: 100%;
    }
    .more{
        margin: 0 2%;
        font-size: 0.7em;
    }

    ul{
        margin: 0;
        padding: 0;
    }

    .data{
        width: 90%;
    }
}