@import url('https://fonts.googleapis.com/css?family=Audiowide|Open+Sans:300,400,600');

html, body{
	width:100%;
	min-height:100%;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	padding-bottom:5em;
	position:relative;
}

h1{
	font-family: 'Audiowide', cursive;
	font-size:2em;
	margin:0.5em;
	color:#fff;
	text-transform:uppercase;
}

h2{
	font-family: 'Audiowide', cursive;
	font-size:1.5em;
	text-align:center;
}

.logo{
	text-align:center;
	padding-top: 4em;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}

.wrapper {
  overflow:hidden;
  position:relative;
}
	
	.wrapper.dark{
		background:#000000;
		min-height:700px;
	}
	
	.wrapper.white{
		background:#ffffff;
	}

footer{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	background:#333333;
	padding:1.5em 0;
	text-align:center;
	text-transform:uppercase;
	font-size:0.9em;
}	
	
.action{
	position:absolute;
	left:0;
	right:0;
	bottom:4em;
	padding:0 30px;
}	
	.action .button{
		display:block;
		width:100%;
		max-width:400px;
		margin: 0 auto;
		height:60px;
		line-height:60px;
		background:#ff9224;
		color:#ffffff;
		font-size:1.7em;
		text-transform:uppercase;
		text-align:center;
		border-radius:8px;
		position:relative;
		transition:all 0.5s;
		font-weight:600;
	}
		.action .button:hover{
			color:#ffffff;
			text-decoration:none;
			color:rgba(255,255,255,0.8);
		}
		.action .button:active,
		.action .button:focus{		
			color:#ffffff;
			text-decoration:none;
		}
		
		
			.action .button:before{
				display:block;
				content:'';
				position:absolute;
				top:20px;
				left:-10px;
				border-radius:50%;
				width:20px;
				height:20px;
				background:#ffffff;
				transition:all 0.5s;
			}	
				.action .button:hover:before{
					left:-25px;
				}
				
			.action .button:after{
				display:block;
				content:'';
				position:absolute;
				top:20px;
				right:-10px;
				border-radius:50%;
				width:20px;
				height:20px;
				background:#ffffff;
				transition:all 0.5s;
			}
				.action .button:hover:after{
					right:-25px;
				}
				
.features{
	padding:2em 0 3em;
}
	
	.features .ico{
		width:200px;
		height:200px;
		margin:4em auto 0;
		background-color:#ff9224;
		border-radius:20px;
		display:block;
	}
	
		.features .ico div{
			width:100%;
			height:100%;
			transition:all 1s;
			
		}
	
		.features .ico .property{
			background:url('../img/property.png') 50% 50% no-repeat;
		}
	
		.features .ico .liability{
			background:url('../img/liability.png') 50% 50% no-repeat;
		}
	
		.features .ico .worker{
			background:url('../img/worker.png') 50% 50% no-repeat;
		}
	
		.features .ico .surety{
			background:url('../img/surety.png') 50% 50% no-repeat;
		}
		
		.features .ico div:hover{
			transform: rotateY(180deg);
		}
	
	
	.colored {
		background:url('../img/citylights.jpg') 50% 80% no-repeat;
		background-size:cover;
		width:120%;
		height:120%;
		margin:0 auto;
		overflow:hidden;
		position: absolute;
		top:-10%;
		left:-10%;
		opacity: 0.6;
		-ms-animation:move 45s ease infinite;
		-webkit-animation:move 45s ease infinite;
		-0-animation:move 45s ease infinite;
		-moz-animation:move 45s ease infinite;
		animation:move 45s ease infinite; 
	}

	@keyframes move {
		0%   {
				transform: scale(0.9);
				-ms-transform: scale(0.9); /* IE 9 */
				-webkit-transform: scale(0.9); /* Safari and Chrome */
				-o-transform: scale(0.9); /* Opera */
				-moz-transform: scale(0.9); /* Firefox */
			}
		50% {
		transform: scale(1.0);
		-ms-transform: scale(1.0); /* IE 9 */
		-webkit-transform: scale(1.0); /* Safari and Chrome */
		-o-transform: scale(1.0); /* Opera */
		-moz-transform: scale(1.0); /* Firefox */
			}
		100% {
				transform: scale(0.9);
				-ms-transform: scale(0.9); /* IE 9 */
				-webkit-transform: scale(0.9); /* Safari and Chrome */
				-o-transform: scale(0.9); /* Opera */
				-moz-transform: scale(0.9); /* Firefox */
			}
	}

@media (min-width: 1600px){
	.container {
		width: 1600px;
	}
}

@media (max-width: 1199px){
	.features{
		padding:1em 0 2em;
	}
	
		.features .ico{
			margin:2em auto 0;
		}
}

@media (max-width: 767px){
	body{
		font-size:14px;
	}
	.features{
		padding:0;
	}	
		.features .ico{
			margin:2em auto 0;
		}
}

@media (max-height:600px){	
	.wrapper.dark{
		background:#000000;
		min-height:500px;
	}
}