	<STYLE TYPE="text/css">
	<!--
		@page { margin: 2cm }
		P { margin-bottom: 0.21cm; so-language: zxx }
	-->
	</STYLE>



<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
div.header {
  position: fixed;
  top: 0vw;
  left: 0vw;
width: 100vw;
  background-color: grey;
}
</style>
<style>


.my-container {
    position: relative;
    overflow: hidden;
}
.my-container h1 {
    padding: 200px;
    position: relative;
    z-index: 2;
} 
.my-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0.6;	
} 
ul {
    list-style-type: none;
    margin: 2;
    padding: 2;
    overflow: hidden;
    background-color: grey;
    position: fixed;
    top: 0;
    width: 100%;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 1vw 1vw;
    font-size: 1.5vw;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: palegreen;
}

.active {
    background-color: springgreen;
}
</style>

<style>


.dropbtn {
    background-color: PALEblue;
    color: black;
    padding: 1vw;
    font-size:1.1vw;
    border: none;
    cursor: pointer;
 }   
.dropdown {
  position: fixed;
  top: 100;
 font-size:1vw;
left:10;
  width: 20%;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: yellow;
    min-width: 10vw;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    font-size:0.9vw;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color:black}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
</style>
<style>
div.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
     font-size:1.2vw;
    border: 3px solid #73AD21;
}
</style>



<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=500,height=900,left=800,top=50 scrollbars=yes');
return false;
}
//-->


</SCRIPT>
<style>
/* unvisited link */
a:link {
    color:red;
}

/* visited link */
a:visited {
    color: red;
}

/* mouse over link */
a:hover {
    color: orange;
}

/* selected link */
a:active {
    color: aliceblue;
}
</style>

<Style>
div {

    background-color: violet;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 60s;
animation-iteration-count: infinite;
}


/* Standard syntax */
@keyframes example {
0%   {background-color:         violet;}
5%  {background-color:         black;}
10%  {background-color:         dark violet;}
15%  {background-color:        grey;}
20% {background-color:	 blueviolet ;}
25% {background-color:			darkviolet ;}

30% {background-color:			 plum; }
35%  {background-color:         black;}
40% {background-color:			mediumorchid ;}
45%  {background-color:         orchid  ;}
50%  {background-color:         grey  ;}
55%  {background-color:		   plum ; }
60%  {background-color:			orchid;}
65%  {background-color:        grey;}
70%  {background-color:			 darkviolet;}
75%  {background-color:         black;}
80% {background-color:			blueviolet  ;}
85%  {background-color:         grey;}
90%  {background-color;violet ;}
95%  {background-color:         black;}
}
</style>

<style type="text/css">
 .row { vertical-align: top; height:auto !important; }
 .list {display:none; }
 .show {display: none; }
 .hide:target + .show {display: inline; color:orange}
 .hide:target {display: none; }
 .hide:target ~ .list {display:inline; }
 @media print { .hide, .show { display: none; } }
 </style>

</style>
<style>
.button{
    background-color: "green";
    border: none;
    color: white;
    padding: .1vw .2vw;
    text-align: center;
    font-size: 0.3vw;;
    cursor: pointer;
}

.button:hover {
    background-color: green;
}
.dropdown{
    background-color: "green";
    border: none;
    color: white;
    padding: 1px 2px;
    text-align: left;
    font-size: 1vw;
    cursor: pointer;
}
</style>

<script>
function goBack() {
    window.history.back();
}
</script>

<style>
.container1 {  position: absolute;   text-align: center;   color: white; vertical-align:middle; 
height: 75%;  width: 90%;  top: 15%;   left: 5%;}
.centered {   position: absolute;   top: 50%;     transform: translate(-50%, -50%);
}
</style>
<style>
div.header {
  position: fixed;
  top: 0vw;
  left: 0vw;
width: 100vw;
  background-color: grey;
}
</style>
