/*reset */


html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* CSS Document */

body{
	background-image: url(images/guernsey-institute-of-sport-background-image.jpg);
	background-repeat: no-repeat;
	background-size:350px auto;
	background-position:right center;
	background-attachment:local;
	height:100%;	
	}
#headerlogo img{
	width:630px;
	height:auto;
	}
	
#headerlogo{
	border-bottom:#e0e0e0 solid 3px;
	text-align:center;
	width:800px;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
	}

.emailtxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#424243;
	}
	
#email{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	}
	
#email a{
	text-decoration:none;
	}
	
#email a:hover{
	color:#8ec442;
	}
	
#greenblock{
	background-color:#8ec442;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	opacity:0.8;
	}
	
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:30px;
	}
	
.smalltxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	}
	
#soon{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	}
	
.soontxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight: bold;
	color:#424243;
	}

.center{
	width:80%;
	max-width:1200px;
	margin:auto;
	}
	
@media only screen and (max-width: 600px) {
	.smalltxt {
    	font-size: 17px;
	}
  	.emailtxt, .soontxt, .title {
    	font-size: 19px;
  	}
  	#headerlogo img{
		width:300px;
	}
	
	#headerlogo{
		width:320px;
	}
}