@media (max-width: 360px) {
  body {
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 0.90em;
  }
}

@media (min-width: 360px) {
  body {
	margin-left: 1.0em;
	margin-right: 1.0em;
	font-size: 1.0em;
  }
}

@media (min-width: 500px) {
  body {
	margin-left: 2em;
	margin-right: 2em;
	font-size: 1.1em;
  }
}

@media (min-width: 750px) {
  body {
	margin-left: 5em;
	margin-right: 5em;
	font-size: 1.20em;
  }
}

@media (min-width: 1000px) {
  body {
	margin-left: 10em;
	margin-right: 10em;
	font-size: 1.30em;
  }
}

img, embed, object, video {
  max-width: 100%;
}




body {
  background-color : #efefef;
  text-align: justify;
}

a:hover {
    color: #FF00FF;
}

.header {
  font-size : x-large;
  text-align: justify;
}

a.header {
  padding-right: 20px;
}

.footer {
  font-size : x-large;
  text-align: justify;
}

a.footer {
  padding-right: 20px;
}