/*body {
    background-image:url(fractal3.png);
}*/

a:link {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #526666;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: #526666;
  background-color: transparent;
}

#header {
  color: black;
  text-align: left;
}

#title {
  float: left;
  margin: 0% 10% 0% 0%;
}

#nav {
  width: 50%;
  float: left;
}

#nav a {
  display: block;
  float: left;
  width: 33.3%;
}

#content {
  float: left;
  width: 65%;
  margin: 0% 0% 0% 13%;
}

#footer {
  float: left;
  width: 100%;
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
    #nav {width: 90%;}
	#nav a {padding: 0px;}
    #nav a {margin: 8% 0% 0% 0%}
    #nav {font-size: small;}
	#title{width: 100%;}
}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
    #nav {width: 90%;}
	#nav a {padding: 0px;}
    #nav a {margin: 8% 0% 0% 0%}
    #nav {font-size: small;}
	#title{width: 100%;}