/*** Coyco Styles ***/
body{
	margin: 0!important
}
.container{
	max-width:1200px;
	width: 100%;
	margin: 0 auto
}
.main-content{
	padding: 35px 0;
	max-width: 1030px;
	margin: 0 auto;
}
.clear{
	clear: both;
	height:0;
}
article{
	margin: 0 !important
}
h1{
	font: 700 64px/72px 'montserrat', sans-serif;
	color: #fff;
	margin: 20px 0;
	text-transform: uppercase;
}
h2{
	font: 700 48px/44px 'montserrat', sans-serif;
	color: #343434;
	text-transform: uppercase;
	margin: 0 0 35px;
}
h3{
	font: 700 30px/30px 'montserrat', sans-serif;
	color: #00c1bf;
	margin: 0 0 25px;
}
h4{
	font: 700 30px/30px 'montserrat', sans-serif;
	color: #363636;
	margin: 0 0 25px;
	text-align: center;
	display: block;
	width: 100%
}
p{
	font: 400 20px/30px 'montserrat', sans-serif;
	color: #363636;	
}

a.btn{
	font: 400 28px/30px 'lato', sans-serif;
	color: #fff;
	text-transform: uppercase;	
	background-color: #e51d63;
	border-radius: 5px;
	display: table;
	margin: 0 auto;
	padding: 18px 32px 21px;
}
a.btn:hover{
	text-decoration: none;
	color: #fff;
	background-color: #00c1bf;
}

/*** Header ***/

#masthead{
	position: absolute;
	top: 0px;
	background-color:rgba(0,0,0,0);
	padding: 40px 0;
	width: 100%;
	z-index: 9999
}
nav{
	margin-top: 12px;
	margin-right: 25px;
	float: right !important;
	width: auto !important;
	clear: none !important;
}
nav a{
	color: #fff;
	margin: 0px 12px 0;
	padding:  5px;
	font: 400 15px/18px 'montserrat', sans-serif;
	text-transform: uppercase
}
.get-quote{
	font: 600 18px/18px 'montserrat', sans-serif;
	border-radius: 5px;
	padding: 15px 20px 18px;
	color: #fff;
	text-transform: uppercase;	
	background-color: #e51d63;
	float: right;
}

a:hover {
	text-decoration: none!important;
	color: #fff;
}

a.get-quote:hover {
	text-decoration: none!important;
	background-color: #00c1bf!important;
	color: #fff;
}

/*** Footer ***/

.site-footer{
	background-color: #2e2e2e;
	padding: 40px 0 65px;
	margin-top: 40px;
}

.site-footer p{
	font: 400 14px/30px 'montserrat', sans-serif;
	color: #b7b7b7;	
	text-align: center;
}
.strapline{
	padding: 0px 0 50px;
	background-color: #fff
}
.site-footer a{
	color: #b7b7b7
}
/*** HomePage ***/

.banner{
	height:845px;
	width: 100%;
	background-position: center;
	position: relative;
}
.banner-content{
	position: absolute;
	bottom: 25%;
	left: 0;
	width: 100%
}
.contact{
	max-width: 1200px;
	margin: 35px auto 50px;
}
.map{
	float: right;
	width: 48%;
}
.twitter{
	float: left;
	width: 48%
}
/*** Quote ***/

.inner-banner{
	height:437px;
	width: 100%;
	background-position: top center;
}
.page-title{
	width: 100%;
	padding-top: 220px
}
.form{
	width: 40%;
	background-color: #e9e9e9;
	padding: 30px 40px 5px 40px;
	border-radius: 3px;
}
.form input{
	width: 100%;
	border-radius: 0;
	padding: 10px;
	margin: 8px 0;
	border: 1px solid #999999
}
.form textarea{
	width: 100%;
	border-radius: 0;
	padding: 10px;
	margin: 5px 0;
	height: 200px;
}
.form input[type="submit"]{
	width: auto;
	border-radius: 5px;
	padding: 10px 15px 12px;
	margin: 5px 0;
	font: 400 20px/22px 'lato', sans-serif;
	color: #fff;
	text-transform: uppercase;	
	background-color: #e51d63;
	border: none;
	text-shadow: none;
}
.quote-content{
	background-position:100% 35%;
	padding: 40px 20px;
	background-repeat: no-repeat;
	
}
.quote-img{
	float: right; 
	width:58%;
}


@media only screen and (max-width: 1176px) {
  .container{
  	padding: 0 25px
  }
}
@media only screen and (max-width: 800px) {
.quote-img{
	width:100%;
	margin-top: 35px
}
.quote-img img{
	margin: 0 auto;
	display: block;
}
.form{
	width: 100%;
}

}
@media only screen and (max-width: 767px) {
	.logo img {
	    margin: 0 auto 25px;
	    display: block;
	}
	.get-quote {
	    float: none;
	    margin: 0 auto;
	    display: table;
	}
	h1 {
	    font: 700 52px/62px 'montserrat', sans-serif;
	    text-align: center;
	}
	.banner {
	    height: 500px;
	}
	.banner-content {
	    bottom: 5%;
	    padding: 0 25px
	}
	.banner h1{
		font-size: 40px;
		line-height: 50px
	}
}
@media only screen and (max-width: 480px) {
	.banner h1{
		font-size: 30px;
		line-height: 40px
	}
}