@charset "UTF-8";
@import url("font/gotham.css");

a:hover {
	text-decoration:underline;
	color:#FFF;
}
a:link {
	text-decoration:none;
	color:#FFF;
}
a:visited {
	text-decoration:none;
	color:#FFF;
}

a:active {
	text-decoration:none;
	color:#FFF;
}

body {
background:url(img/bg.jpg) no-repeat center center fixed;
	background-color:#000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0;
	padding:0;
	height:100%;
}

em.boldlarge {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	color:#00b3e6;
	font-style:normal;
}

hr { 

	margin-top: 40px;
	margin-bottom:35px;
	
}

.content {
	width:80%;
	height:100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.copy {
	width:80%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.main {
	width:60%;
	padding-top:10px;
	height:100%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}

.banner {
	width:100%;
	height:100%;
	background-color: rgba(96, 187, 221, 0.7);
}

.contact {
	width:100%;
	height:100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

em.bold {
	width:100%;
	height:100%;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	font-style:normal;
	color:#00b3e6;
	font-weight:bold;
}

p {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:200;
	text-align:left;
	color:#FFF;
}

p.contact {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	line-height:28px;
	letter-spacing:3px;
}

p.header {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	line-height:28px;
	letter-spacing:3px;
}

p.type {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	padding:10px;
}

.logodesktop img{
	margin-top:120px;
}



/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {

.logomobile {
	width:300px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.logomobile img {
	margin-top:60px;
}

.banner {
	width:100%;
	height:100%;
	background-color: rgba(96, 187, 221, 0.5);
}

.logotablet {
	display:none;
}

.logodesktop {
	display:none;
}

p {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:200;
	text-align:left;
	color:#FFF;
	padd
}

p.contact {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	line-height:28px;
}

p.header {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	line-height:28px;
}

p.type {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	padding: 10px;
}

.content {
	width:95%;
	height:100%;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

.copy {
	width:80%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.main {
	width:85%;
	height:100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.contact {
	width:100%;
	height:100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

}

/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1199px) {

.logotablet {
	width:650px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}


.logotablet img {
	margin-top:130px;
}

.logodesktop {
	display:none;
}

.logomobile {
	display:none;
}

.main {
	margin-top:20px;
}

p.type {
	font-size:22px;
}

p {
	font-size:25px;
}

}

/* Desktops and laptops  */
@media only screen and (min-width : 1200px) and (max-width : 2600px){



.logodesktop {
	width:750px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

.logodesktop img {
	margin-left:auto;
	margin-right:auto;
}

.logotablet {
	display:none;
}

.logomobile {
	display:none;
}

p {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:200;
	text-align:left;
	color:#FFF;
}

p.contact {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	line-height:28px;
}

p.header {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	line-height:28px;
}

}