/* CSS Document */

img {
     max-width: 100%;
    height: auto;
}

#pagewrap {
	font-family:"Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
color:#666666;
	background-color: #c10017;
	border: 6px solid #edc682;
  padding: 0px;
  width: 100%;
  max-width:1000px;
  margin: auto;
}

header {
  height: auto;
  max-width:95%;
  padding:15px;
  margin:auto;
}
#subtitle {
color:#6c706e;
font-weight: bold;
font-size: 18px;
}
h1 {font-size: 30px; color:#6c706e; text-align: center;margin-top:-15px;}
#desc {
  max-width:1000px;
  margin:auto;
 
 color:#666666;
border: 5px solid #edc682;
 margin:0px 25px 15px 25px;
	padding:3%;
	background-color:#fff;
}
#info {
  max-width:1000px;
  margin:auto;
  
  font-size:smaller;
 color:#666666;
border: 5px solid #edc682;
 margin:0px 25px 15px 25px;
	padding:3%;
	background-color:#fff;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */

@media screen and (max-width: 900px) {
  #pagewrap {
	width: 94%;
  }
  header,
  footer {max-width: 95%;
	padding: 3%;
  }

}
/* for 480px or less */

@media screen and (max-width: 480px) {
  header {
	height: auto;padding:5%;
  }
  h1 {
	font-size: 2em;
  }

}