html {min-width: 100%;
  min-height: 100%;}
body {width: 1054px;
  height: 1054px; }

#content{background: none; text-align: left;}

li {list-style-type: none; display: inlin;text-align: left}

h1{padding-left: 20px;color: #017994; font-family: times; font-size:}
.mainbody {position: relative; top:-600px}
.header {}

.dropbtn {
  background-color: #B9F2FF; 
  color: #017994;
  padding: 16px;
  font-size: 25px;
  border: none; max-width:300px; margin-left: 15px;margin-right:15px;font-family: gill sans;
}

.dropdown {position: sticky relative; top: -70px;right:-600px;
  position: relative;
  display: inline-block;
}

#navigation{border-top:solid #B9F2FF;  2px;border-bottom: solid #B9F2FF;2px;height:80px;background-color: #B9F2FF; top:1px;position: fixed;width:2000px;z-index: 30}

.dropdown-content a {
  color:#017994;
  padding: 12px 16px;
  text-decoration: none;
  display: block; font-family:gill sans;
}.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropbtn a:link{color:#017994;text-decoration:  none}
.dropbtn a:visited{color:#017994; text-decoration:none}
.dropbtn a:hover {color:#017994}

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

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: white;}

#box {border:4px #B9F2FF solid; height:500px;width:500px; position: relative; left: 700px; top:100px; padding-left: 10px; background-color:#B9F2FF;color:#017994; font-size: 23px; font-family: gill sans;}

.images {position:relative; top:-400px; left:-200px;width:100%}

#rect {position: relative; top:300px; background-color: aquamarine}

h3 {font-family:times}

body{background-image:url('texture2.jpg');background-size: 100%}

#secondary-content {
	width: 20%;
	float: left;
	margin: 3.5em 0;
	padding: 0 1%;
	background-color: #008094;
	color: white; position:relative;top:-200px;right:-800px; font-size: 30px;text-align:center;z-index: 1; font-family: gill sans   
}
#secondary-content a:hover {text-decoration: underline}

footer {
position:absolute;
top:900px;
left: 0px;
clear: both; width:100%;
  
    z-index: 1; //z-index;height:auto;
    height: -2em; //
    margin-top: 4em; background-color:  #008094;padding-bottom:47px }

#socials{position:relative;left:650px}

#socialmedia {color:white; font-size: 20px;font-family: gill sans;padding-left:10px}
@media screen and (max-width: 960px){.wrapper {width:640px;}}

@media screen and (max-width: 640px) {.wrapper {width: 320px;}h1, h2, h3, h4, p {word-wrap: break-word;}#header{padding: 0;}}

