/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");

/*	EXAMPLE STYLES */
body {
	/*font-family: sans-serif;*/
	font-family: MV Boli, Bradley Hand ITC, Segoe Print, Comic Sans MS;
	color: #0000c0;
	margin: auto 0;
	background: #c0c0ff;
}

header {
	line-height: 15em;
	text-align: center;
	/*background: #333;*/
}

article {
	/*line-height: 20em;*/
	line-height: 1em;
	text-align: center;
	/*background: #666;*/
}

aside {
	line-height: 20em;
	text-align: center;
	background: #999;
}

footer {
	line-height: 1em;
	text-align: center;
	/*background: #BBB;*/
}

img{
	height:auto;
	max-width:100%;
	width: auto\9; /* ie8 */
}

#headerimage{
	background-image:url('../Images/GettyImages-466236047.jpg');
	/*background-repeat:no-repeat;*/
	/*height:auto;*/
	height:600px;
	font-weight:bold;
	width:100%;
	color:#ffffff;
}

#headermenu{
	float:left;
	width:75%;
	padding:0px;
	line-height:1em;
}

#headercontact{
	float:right;
	color:#ffffff;
	margin-right:5px;
	width:20%;
	text-align:right;
	line-height:1em;
}

#headertext{
	line-height:1em;
}

.maingrid{
	background-image:url('../Images/GettyImages-484040226.jpg');
	height:100%;
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.topnav li {
    float: left;
}

ul.topnav li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
		transition: 0.3s;
}

ul.topnav li a:hover {
    background-color: #111111
ul.topnav li.icon {display: none;}

a {
	text-decoration: none;
	color:#40ffff;
}

p{
	line-height:1.5em;
}
br{
	line-height:1em;
}
h1{
	line-height:1.5em;
	font-weight:bold;
	font-size:18pt;
}


@media screen and ( max-width : 768px ) {

	/*#headmenu .ul .li {
		width:100%;
	}*/

	ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: left;
    display: inline-block;
  }
}

@media screen and (max-width: 768px){
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

}