/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;
    justify-content: center;
    align-items: center;
    font-family:Lato, sans-serif;font-size:20px;
    padding:100px 50px 100px 50px;position:relative;text-align:center;}
@media screen and (max-width: 800px) {
    body{padding:100px 20px 100px 20px;display:block;height:auto;}
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

h1 span{font-weight:normal;}
h1 {font-weight: 900;font-size:1.6em;margin-bottom:25px;line-height:3.2em}
@media screen and (max-width: 800px) {
    h1{line-height:2.2em}
}
h2 {font-weight:bold;color:white;font-size:2.2em; background-color:#416529;padding:15px;border-radius:40px;width:50px;height:50px;text-align:center;vertical-align:baseline;flex-shrink: 0}
h3 {font-weight: bold;font-size:1.1em;margin-bottom:30px;line-height:2.2em} 
h4{margin-bottom:15px;}
b{font-weight: bold;}
h4{font-weight:bold;margin-bottom:15px;}
h5{font-weight:bold;margin-bottom:5px;}
table td,table th{padding:5px 10px;}
table th{font-weight: 900;}
input{font-size:15px;}
/*input[type=submit]{background-color: #04AA6D;border: none;color: white;text-decoration: none;margin: 4px 2px;cursor: pointer;}*/
input,select ,select option{padding: 16px 32px;}
#logo{float:right;}
#direction{font-size:5em;width:100%;text-align:center;}
a.button,input[type=submit]{
    /*display:block;*/
    display:flex;
    align-items: center;          /* wyśrodkowanie w pionie */
    justify-content: center;
    padding: 16px 32px;border:solid 3px black;color:black;font-weight:bold;border-radius:10px;text-decoration: none;cursor: pointer;text-align:center;margin-left:auto;margin-right:auto;background-color:white;vertical-align: middle;}
a.button:hover,input[type=submit]:hover{border-color:#767676;color:#767676;}
input[type=submit]:disabled{border: solid 3px #C0C0C0;color:#C0C0C0;}
a.button{max-width:300px;}
a.button:hover{border-color: #416529; color:#416529;}
.content{margin-left:-50px;max-width:80%;padding-left:9%;padding-right:9%;transform:none;position:static;}
@media screen and (max-width: 800px) {    
    .content{top:auto;left:auto;margin-left:-20px;max-width:92%;padding-left:9%;padding-right:9%;transform:none;position:static;}
}
p,label{line-height:1.2em;font-size:1em;margin-bottom:20px;display: block;}
p:not(.not){line-height:1.2em;font-size:1em;margin-bottom:20px;display: block;text-align: justify;text-justify: inter-word;}
ul li,ol li{text-align:left;line-height:1.4em;font-size:1em;margin-left:30px;}
ol li{list-style-type: decimal;}
ul li{list-style-type: square;}
ul,ol{margin-bottom:20px;}
input,select{vertical-align: bottom;margin-bottom:5px;}
#footer{padding:30px;background-color:#e5e5e5;text-align: justify;text-justify: inter-word;margin-top:43px;}
a{color:#416529;font-weight:bold;text-decoration:none;}
a:hover{color:#2e491c;}
@media print {
    #header .button {
        visibility: hidden;
        display:none;
    }
}