#acct{margin:0% 40%;  top:0%; left:0%; position:fixed; width:20%; height:10%; font-size:4.5vh color:white; }
a:link, a:visited{font-size:2vw; color:red; vertical-align:middle;}
a:link{color:red; font-size:2vw; vertical-align:middle;}
#checkout{font-size:1.5vw; color:red; float:right; margin-left:8%;}
.update{font-size:1.5vw; color:red; float:right;}
html{background-size:cover; background-image:url("Images/3dIntersect.png"); width:100%; height:100%; color:white;}
.footer{ width:100%; height:50%; background-color:white; opacity:1; text-align:center; font-size:5vh;  color:Black; }
h1{color:white; font-size:5vw; font-family:Georgia, serif;}
#detailContainer{width:100%; height:20%;}
.menubar{position:fixed; top:0; right:0%; width:20%; height:20%; font-size:3.5vh; }
.menubar li{ margin-top:0; margin-left:0; border-style:double; border-color:white; color:white; background-color:#383e6b; width:100%; height:20%;  text-align:left; vertical-align:middle;}
#menu_button{ width:10%; height:10%; background-image:url("Images/Menu_Button2.jpg"); background-size:100% 100%; right:0; top:0; position:fixed; }
.menuli{ width:40%; height:60%; left:30%; top:20%; position:fixed; display:none; color:white;}
ul {
    list-style-type: none;
}
@media screen and (min-width: 300px) {
	#acct{-webkit-transform:translateX(-50px);  }
	.footer{ width:100%; height:50%; background-color:white; opacity:1; text-align:center; font-size:2vh;  color:Black; }
	.menubar{position:fixed;  color:white; }
	.menubar li{padding:4%; border-style:double; border-color:white; width:100%; height:20%; margin-top:0; margin-left:0;  text-align:left; vertical-align:middle;}
	#menuli{display:none; width:400px; color:white;}
	li{width:100%; height:20%;}
	ul li{width:100%; height:20%;}
	#user{font-size:18px; position;absolute; }
}