html {font-family: helvetica; font-size:16px; overflow-x:hidden; line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}
body {margin:0;}
footer {width: 100%; height:51px; margin: 0px; background-color: #000000; text-align:center; color: #FFFFFF;}
img {max-width: 100%; height: auto;}
ul {list-style-type: none;}
hr {color: #1eb223;}
a {font-weight: bold; text-decoration: none;}
h1{margin:.67em 0}

#dtac {text-align:center; border-collapse:collapse; width: 90%; position: relative; margin-left:auto; margin-right:auto;}
#dtac td, #dtac th {border: 2px solid #000000; padding: 5px;}
#dtac tr:nth-child(even){background-color: #f2f2f2; color: #000000;}
#dtac tr:hover {background-color: #dddddd;}
#dtac th {padding-top: 8px; padding-bottom: 8px; background-color: #0a1612; color: #ffffff;}

#dtacisu {text-align:center; border-collapse:collapse; width: 90%; position: relative; margin-left:auto; margin-right:auto;}
#dtacisu td, #dtacisu th {border: 2px solid #000000; padding: 5px;}
#dtacisu tr:nth-child(even){background-color: #f2f2f2; color: #000000;}
#dtacisu tr:hover {background-color: #dddddd; color: #000000;}
#dtacisu th {padding-top: 8px; padding-bottom: 8px; background-color: #0a1612; color: #ffffff;}

#pth {text-align:center; border-collapse:collapse; width: 90%; position: relative; margin-left:auto; margin-right:auto;}
#pth td, #pth th {border: 2px solid #000000; padding: 5px;}
#pth tr:nth-child(even){background-color: #f2f2f2; color: #000000;}
#pth tr:hover {background-color: #dddddd;}
#pth th {padding-top: 8px; padding-bottom: 8px; background-color: #0a1612; color: #ffffff;}

.distlat{padding-left:20px; padding-right:20px;}
.center {text-align:center;}
.navigation__link:hover {background-color: #1eb223;}
.navigation__link.active {color: #000000; background-color: #1eb223;}

@media screen and (max-width: 600px){
h1 {font-size:18px; color: #ffffff; background-color: #000000;}
h2 {font-size:17px;}
h3 {font-size:17px;}
h4 {font-size:16px; margin:1px 0}
h5 {font-size:15px; font-weight: bold;}
.page-section {margin-left:auto; margin-right:auto; width:100%; padding-top:79px; padding-bottom:0px;}
.navigation {position: fixed; width: 100%; height:77px; margin-top: 0px; background-color: #000000; color: #ffffff; text-align:center; z-index:1;}
.navigation__link {display: inline-block; color: #ffffff; text-decoration: none; padding: 4px;}
* {box-sizing: border-box;}
.polaroid {border: solid 1px #000000; text-align: center; color: #000000; background-color: #ffffff; padding: 15px; max-width: 500px; margin-left:auto; margin-right:auto;}
.row:after {content: ""; display: table; clear: both;}
.left50 {float: left; width: 100%;}
.right50 {float: right; width: 100%;}
.left60 {float: left; width: 100%;}
.right40 {float: right; width: 100%;}
}

@media only screen 
and (min-width : 601px)
and (max-width : 800px){
h1 {font-size:24px; color: #ffffff;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px; margin:1px 0}
h5 {font-size:16px; font-weight: bold;}
.page-section {margin-left:auto; margin-right:auto; width:100%; padding-top:99px; padding-bottom:0px;}
.navigation {position: fixed; width: 100%; height:96px; margin-top: 0px; background-color: #0a1612; color: #ffffff; text-align:center; z-index:1;}
.navigation__link {display: inline-block; color: #ffffff; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 11px; padding-right: 11px;}
* {box-sizing: border-box;}
.polaroid {border: solid 1px #000000; text-align: center; color: #000000; background-color: #ffffff; padding: 15px; max-width: 500px; margin-left:auto; margin-right:auto;}
.row:after {content: ""; display: table; clear: both;}
.left50 {float: left; width: 50%;}
.right50 {float: right; width: 50%;}
.left60 {float: left; width: 50%;}
.right40 {float: right; width: 50%;}
}

@media only screen 
and (min-width : 801px)
and (max-width : 1000px){
h1 {font-size:26px; color: #ffffff;}
h2 {font-size:24px;}
h3 {font-size:21px;}
h4 {font-size:19px; margin:1px 0}
h5 {font-size:16px; font-weight: bold;}
.page-section {margin-left:auto; margin-right:auto; width:100%; padding-top:107px; padding-bottom:0px;}
.navigation {position: fixed; width: 100%; height:103px; margin-top: 0px; background-color: #0a1612; color: #ffffff; text-align:center; z-index:1;}
.navigation__link {display: inline-block; color: #ffffff; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 13px; padding-right: 13px;}
* {box-sizing: border-box;}
.polaroid {border: solid 1px #000000; text-align: center; color: #000000; background-color: #ffffff; padding: 15px; max-width: 500px; margin-left:auto; margin-right:auto;}
.row:after {content: ""; display: table; clear: both;}
.left50 {float: left; width: 50%;}
.right50 {float: right; width: 50%;}
.left60 {float: left; width: 60%;}
.right40 {float: right; width: 40%;}
}

@media screen and (min-width: 1001px){
h1 {font-size:26px; color: #ffffff;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:20px; margin:1px 0}
h5 {font-size:17px; font-weight: bold;}
.page-section {margin-left:auto; margin-right:auto; width:1000px; padding-top:110px; padding-bottom:0px;}
.navigation {position: fixed; width: 100%; height:105px; margin-top: 0px; background-color: #0a1612; color: #ffffff; text-align:center; z-index:1;}
.navigation__link {display: inline-block; color: #ffffff; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px;}
* {box-sizing: border-box;}
.polaroid {border: solid 1px #000000; text-align: center; color: #000000; background-color: #ffffff; padding: 15px; max-width: 500px; margin-left:auto; margin-right:auto;}
.row:after {content: ""; display: table; clear: both;}
.left50 {float: left; width: 50%;}
.right50 {float: right; width: 50%;}
.left60 {float: left; width: 60%;}
.right40 {float: right; width: 40%;}
}