body {
	color: #000;
	background: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	line-height: 1.6em;
}

h1 {
	font-family: 'Special Elite', cursive;
	font-size: 3.27em;
	line-height: 1em;
	font-weight: bold;
	word-wrap:break-word;
}

.callout {
	padding: 1em;
	margin: 2em 0;
	border: 2px dashed #5ccfe7;
	border-radius: 6px;	
	background-color: #e1e1e1;
}

div#wrapper {
	margin:3em;
	padding: 3em;
	border: 6px dotted black;
	border-radius:25px;
	float: left;
}

div#rightcol a {
    display: block;
	padding: 10px;
	margin: 3em auto 0;
	border: dotted black 6px;
	border-radius:25px;
}

div#rightcol a.first {
	margin-top: 0;
}

div#rightcol img {
	width: 100%;
}

div#rightcol a#forehead {
	background-color:#E7E5B2;
}

@media only screen and (min-width:300px) and (max-width:1150px)) {
  div#wrapper {
	  margin: 1em;
	  padding: 2em;
  }
  
  div#leftcol {
	  width:100%; 
	  float:left;
  }
  
  div#rightcol {
	  width: 100%; 
	  float:left;
  }
}

@media only screen and (min-width: 1150px) {
  div#leftcol {
	  width:40%; 
	  float: left;
  }
  
  div#rightcol {
	  width: 40%; 
	  float: right;
  }
  
  div#rightcol a {
	  float: right;
  }
}