.logo {display: block; margin-left: auto; margin-right: auto;}
header {background-color: #202020; margin: 0px;}
nav {color: #202020; font-size: 20px;}
p {font-family: "Arial"; color: #202020;}
footer {clear: both; background-color: #202020;}
.end {color: #f5f5f5;}
h1 {background-color: #FC9207; font-family: 'Fugaz One', cursive;}
h2 {background-color: #70c9ec; font-family: "Georgia"; clear: both;}
h3 {background-color: #60d55a; font-family: "Georgia"; clear: both;}
h4 {background-color: #202020; font-family: "Georgia"; clear: both; color: white;}
h5 {background-color: #202020; font-family: "Georgia"; clear: both; color: white;}
label {font-family: "Georgia"; color: #202020; clear: both;}
a:link {color: #70c9ec; text-decoration: none;}
a:visited {color: #fc9207; text-decoration: overline;}
a:hover {color: #70c9ec; border: 1px solid #202020;}
a:active {color: #60d55a; text-decoration: underline;}
.kilink {color: #70c9ec; text-decoration: none;}
table {border: 1px solid #70c9ec;}

ul ul {position: absolute; display: none;}
li:hover ul {display: block; background-color: #202020;}


@media only screen and (min-width: 1001px) 
{
    .otheri {width: 150px; float: right;}
    section {width: 75%; margin-left: auto; margin-right: auto; background-color: #f5f5f5; border: 1px solid #202020; margin-bottom: 50px; overflow: hidden;}
    ul {list-style-type: none; width: 80%; margin-left: auto; margin-right: auto; text-align: center;}
    .lis {display: inline; padding-left: 1%; padding-right: 1%; color: #f5f5f5;}
    
}
@media only screen and (max-width: 1000px) 
{
   .otheri {width: 150px; float: right;}
    section {width: 80%; margin-left: auto; margin-right: auto; background-color: #f5f5f5; border: 1px solid #202020; margin-bottom: 50px; overflow: hidden;}
    ul {list-style-type: none; width: 90%; margin-left: auto; margin-right: auto; text-align: center;}
    .lis {display: inline; padding-left: 1.5%; padding-right: 1.5%; color: #f5f5f5;}
}
@media only screen and (max-width: 700px) 
{
    .logo {display: block; margin-left: auto; margin-right: auto; width: 80%;}
   .otheri {width: 100px; float: right;}
    section {width: 95%; margin-left: auto; margin-right: auto; background-color: #f5f5f5; border: 1px solid #202020; margin-bottom: 50px; overflow: hidden;}
    ul {list-style-type: none; width: 90%; margin-left: auto; margin-right: auto; text-align: center;}
    .lis {display: inline; padding-left: 0.1%; padding-right: 0.1%; color: #f5f5f5;}
}

.ulli {list-style-type: disc;}