<style>

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
	background: #09106E;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

.h1 {
font-size: 25em;
padding-bottom: 5px;
} 

img.text-wrap-left {
	absolute: right; 
	margin-bottom: 10px;					
	border: 1px solid grey;
	margin-right: 14px;	
	position: relative;
}
#text-area {
	background: #FFFFFF;
	border-style: solid;
	padding: 10px;
	padding-right: 40px;
	padding-left: 40px;
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.align-center {
	text-align: center;
}
.footer {
	font-size: 10px;
	color: grey;
}
.site-path {
	font-size: 10px;
	color: grey;
	border-bottom: 1px solid grey;
}
#box {
	border: 0px solid grey;
	padding-right: 10px;
	padding-left: 10px;
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	overflow:auto;
}
#box p {
    vertical-align: text-top;
}

.column-left {
  float: left;
  width: 20%;
}

.column-left {
  float: left;
  width: 80%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

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

.youtube {
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
}
.youtube iframe {
	left:0;
	top:0;
	height:100%;
	width:100%; 
	position:absolute;
}