@charset "utf-8";

html,body{width: 100%; height: 100%;}
body {margin:0 auto; background:#fff; font-family: 'Muli', sans-serif;}
::-moz-selection {background: #d82531;color: white; }
::-webkit-selection {background: #d82531;color: white; }
a, a:hover, a:focus{outline:none;} 
a, a:hover {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;text-decoration:none;}

a, a:visited {
	color: #0087cc;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
	color: #ff7b29;
	text-decoration:none;
}

.logo {
	margin:25px 0;
	padding:0;
	position:fixed;
	z-index:99;
	left:50px;
}

.banner-main {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.text-vertical-center {
    display: table-cell;
    vertical-align: middle;
	text-align:center;
}

.text-vertical-center h1 {
    margin:0;
    padding:25px 0 15px 0;
    font-size:30px;
    font-weight:normal;
    font-family: 'Roboto Slab', serif;
	color:#333;
	text-transform:uppercase;
	text-align:center;
}

.text-vertical-center h2 {
		margin:0 auto;
		padding:10px;
		font-size:18px;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
		color:#000;
		text-transform:none;
		text-align:center;
}
	
.text-vertical-center p {
		margin:0 auto;
		padding:10px 400px;
		font-size:16px;
		line-height:24px;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
		color:#000;
		text-transform:none;
		text-align:center;
}

.text-vertical-center p strong{
	font-weight:600;
	color:#000000;
	font-size:18px;
	line-height:30px;
}

.text-vertical-center a{
	color:#06C;
	text-decoration:none;
}
.text-vertical-center a:hover{
	color:#099;
	text-decoration:none;
}



/* Portrait phones to Landscape phone*/
@media (min-width: 320px) and (max-width: 480px){

	.banner-main {
		display: table;
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	
	.banner-main img{
		width:50%;
	}
	
	.text-vertical-center {
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		padding:35px 0;
	}
	
	.text-vertical-center h1 {
		margin:0;
		padding:25px 0 15px 0;
		font-size:22px;
		font-weight:normal;
		font-family: 'Roboto Slab', serif;
		color:#333;
		text-transform:uppercase;
		text-align:center;
	}
	
	.text-vertical-center h2 {
			margin:0 auto;
			padding:10px;
			font-size:18px;
			font-weight:300;
			font-family: 'Roboto Slab', serif;
			color:#000;
			text-transform:none;
			text-align:center;
	}
		
	.text-vertical-center p {
			margin:0 auto;
			padding:10px 0;
			font-size:14px;
			line-height:20px;
			font-weight:300;
			font-family: 'Roboto Slab', serif;
			color:#000;
			text-transform:none;
			text-align:center;
	}
	
	.text-vertical-center a{
		color:#06C;
		text-decoration:none;
	}
	.text-vertical-center a:hover{
		color:#099;
		text-decoration:none;
	}
	
	

}




/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
		.banner-main {
		display: table;
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	
	.text-vertical-center {
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		padding:35px 0;
	}
	
	.text-vertical-center h1 {
		margin:0;
		padding:25px 0 15px 0;
		font-size:22px;
		font-weight:normal;
		font-family: 'Roboto Slab', serif;
		color:#333;
		text-transform:uppercase;
		text-align:center;
	}
	
	.text-vertical-center h2 {
			margin:0 auto;
			padding:10px;
			font-size:18px;
			font-weight:300;
			font-family: 'Roboto Slab', serif;
			color:#000;
			text-transform:none;
			text-align:center;
	}
		
	.text-vertical-center p {
			margin:0 auto;
			padding:10px 0;
			font-size:14px;
			line-height:20px;
			font-weight:300;
			font-family: 'Roboto Slab', serif;
			color:#000;
			text-transform:none;
			text-align:center;
	}
	
	.text-vertical-center a{
		color:#06C;
		text-decoration:none;
	}
	.text-vertical-center a:hover{
		color:#099;
		text-decoration:none;
	}

	
	
}


@media (min-width: 980px) and (max-width:1200px){
		.banner-main {
		display: table;
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	
	.text-vertical-center {
		display: table-cell;
		vertical-align: middle;
		text-align:center;
		padding:35px 0;
	}
	
	.text-vertical-center h1 {
		margin:0;
		padding:25px 0 15px 0;
		font-size:22px;
		font-weight:normal;
		font-family: 'Roboto Slab', serif;
		color:#333;
		text-transform:uppercase;
		text-align:center;
	}
	
	.text-vertical-center h2 {
			margin:0 auto;
			padding:10px;
			font-size:18px;
			font-weight:300;
			font-family: 'Roboto Slab', serif;
			color:#000;
			text-transform:none;
			text-align:center;
	}
		
	.text-vertical-center p {
			margin:0 auto;
			padding:10px 0;
			font-size:14px;
			line-height:20px;
			font-weight:300;
			font-family: 'Roboto Slab', serif;
			color:#000;
			text-transform:none;
			text-align:center;
	}
	
	.text-vertical-center a{
		color:#06C;
		text-decoration:none;
	}
	.text-vertical-center a:hover{
		color:#099;
		text-decoration:none;
	}


}