html { 
  background: url(images/bg1.jpg) no-repeat center fixed; 
  background-size: cover;
}

body { 
  color: white; 
}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-nearmiddle{position:absolute;top:240px;left:640px;}
.display-topleft{position:absolute;left:0;top:0}
.w3-display-topright{position:absolute;right:0;top:0}
.display-lowmiddle{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-leftbottom{position:absolute;left:25px;bottom:5px}
.xlarge{font-size:24px!important}
.xxlarge{font-size:48px!important}
.xxxlarge{font-size:72px!important}
.circle{border-radius:50%}
h1 {font-family: "Calibri", "Arial", sans-serif; color:white; text-shadow: 2px 2px 8px #000000}
li {font-family: "Calibri", "Arial", sans-serif}
a {font-family: "Calibri", "Arial", sans-serif}
a {font-size:16px!important}
a {color:white; background-color:#333;}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #d3d3d3; color: black;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: grey;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: lightgrey;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
    display: block;
}
.box {
    background-color: #333;
    width: 600px;
	height: 480px;
    border: 10px solid black;
    padding: 25px;
    margin: 25px;
	position: absolute; top: 100px;	left: 360px;
	overflow: auto;
	font-family: "Calibri", "Arial", sans-serif;
}
.apos {	position: absolute; top: 20px;	right: 20px; color: lightgrey;}