/*
	hamburger-style.css
	Copyright 2018 Christopher Heng. All rights reserved.
*/

@-ms-viewport { width: device-width ; }
@viewport { width: device-width ; }
body {
	background-color: white ;
	color: black ;
	padding: 0 3% 0 3%;
}
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
p, ul, td {
	font-family: Arial, Helvetica, sans-serif ;
}
h1 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 2em ;
}
h2 {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.4em ;
}
code {
	font-family: "Courier New", Courier, monospace ;
	font-size: 1em ;
}
a:link {
	color: blue ;
	background: transparent ;
}
a:visited {
	color: purple ;
	background: transparent ;
}
a:hover {
	color: black ;
	background: #ff0 ;
}
a:active {
	color: red ;
	background: transparent ;
}
div.mainbody {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.1em ;
	background-color: white ;
	color: black ;
}
#container {
}
#navbar {
  float: left;
  width: 20%;
}
#content {
  float: left ;
  width: 80% ;
}
#innernavbar {
	padding-left: 5px ;
	padding-right: 5px ;
	font-size: 1.1em ;
}
#innercontent {
	padding-left: 10px ;
	padding-right: 10px ;
	font-size: 1.1em ;
}
p#footer {
	border-top: 1px solid black ;
	padding-top: 5px ;
	font-size: 90% ;
}
@media only screen and (max-width:629px) {
	#navbar {
	  float: none;
	  width: 100%;
	}
	#content {
	  float: none ;
	  width: 100% ;
	}
}





#demoimage {
  float: left ;
} 
#demotext {
  float: left ;
} 

#democontainer {
  width: 400px ;
  max-width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
}