@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700);


@media only screen and (max-width: 1024px),screen and (max-device-width:1024px) {
	.carousel-inner .slider_content_outer, body {
		width: 100%!important; 
		max-width:1024px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 3em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 1em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    max-width:1024px;
}

}

@media only screen and (max-width: 980px),screen and (max-device-width:980px) {
	.carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:980px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 2.5em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 1em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    max-width:980px;
}


	
}
 
 @media only screen and (max-width: 850px),screen and (max-device-width:850px) {
    .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:850px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 2.2em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 1em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    max-width:850px;
	}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.8em;
   	}
	
	h2.section-title {
    font-size: 2.2em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.9em;
    
}
	

}

@media only screen and (max-width: 820px),screen and (max-device-width:820px) {
	 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:820px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 2.2em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 1em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    
    max-width:820px;
	}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.8em;
   	}
	
	h2.section-title {
    font-size: 1.9em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.6em;
    
}
    
    
}

@media only screen and (max-width: 800px),screen and (max-device-width:800px) {
		 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:800px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 2.2em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 1em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    max-width:800px;
	}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.8em;
   	}
	
	h2.section-title {
    font-size: 1.9em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.6em;
    
    }
    
    .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:800px;
	}
    

}

@media only screen and (max-width: 717px),screen and (max-device-width:717px) {
		 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:717px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 1.8em !important;
    width: 90%;
    margin: 0 50px!important;
    line-height: 40px !important;
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 1em !important;
		width: 90%;
		margin: 0 50px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    max-width:717px;
	}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.8em;
   	}
	
	h2.section-title {
    font-size: 1.9em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.6em;
    
    }
    
     .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:717px;
	}
    

}

@media only screen and (max-width: 640px),screen and (max-device-width:640px) {
	
		 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:640px; 
	}
	.carousel-inner .slider_content .text h1 {
		font-size: 1.8em !important;
		width: 90%;
		margin: 0 40px!important;
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 0.9em !important;
		width: 90%;
		margin: 0 40px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:640px;
	}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.8em;
   	}
	
	h2.section-title {
    font-size: 1.9em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.6em;
    
	}
	
	.column.six {
    width: 100% !important;
	}  
	
	 .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:640px;
	}  
   

}
  
@media only screen and (max-width: 520px),screen and (max-device-width:520px) {
  	 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:640px; 
	}
	.carousel-inner .slider_content .text h1 {
    font-size: 1.1em !important;
    width: 90%;
    margin: 0 29px!important;
    line-height: 30px !important;
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 0.9em !important;
		width: 90%;
		margin: 0 29px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    top: 84px !important; 
    max-width:640px;
	}
	
	
	.carousel .carousel-inner .slider_content {
    display: block !important;
    
    margin-top: 95px;
}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.7em;
   	}
	
	h2.section-title {
    font-size: 1.9em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.6em;
    
	}
	
	.column.six {
    width: 100% !important;
	}
	
	.hero.parallax-background, .hero1.parallax-background {
    background-position: 50% 0px;
    margin-bottom: 0 !important;
    height: 370px !important;    
    }
    
    .featured-img  {
       margin: 0;
    padding: 0 auto !important;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
   
   
   }
   
   .btn-holder.float-right {
    float: right !important; */
   }
   
   #Icon, .hero-copy span {
    font-size: 0.7em;
    }
   
   .hero-copy {
    color: #fff;
    margin: 0 15px;
    font-size: 1.2em;
    line-height: 32px;
    font-weight: 300;
    position: relative;
    }
    
     .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:520px;
	}  
	
   


}


@media only screen and (max-width: 440px),screen and (max-device-width:440px) {
  


 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:440px; 
	}
	.carousel-inner .slider_content .text h1 {
    font-size: 1.1em !important;
    width: 90%;
    margin: 0 29px!important;
    line-height: 30px !important;
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 0.7em !important;
		width: 90%;
		margin: 0 29px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    top: 84px !important; 
    max-width:440px;
	}
	
	
	.carousel .carousel-inner .slider_content {
    display: block !important;
    
    margin-top: 95px;
}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.5em;
   	}
	
	h2.section-title {
    font-size: 1.9em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
    font-size: 0.5em;
    font-weight: 700;

    
	}
	
	.column.six {
    width: 100% !important;
	}
	
	.hero.parallax-background, .hero1.parallax-background {
    background-position: 50% 0px;
    margin-bottom: 0 !important;
    height: 350px !important;    
    }
    
    .featured-img  {
       margin: 0;
    padding: 0 auto !important;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
   
   
   }
   
   .btn-holder.float-right {
    float: right !important; */
   }
   
   #Icon, .hero-copy span {
    font-size: 0.7em;
    }
   
   .hero-copy {
    color: #fff;
    margin: 0 15px;
    font-size: 1.2em;
    line-height: 32px;
    font-weight: 300;
    position: relative;
    }
    
      .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:440px;
	}  
	
}


@media only screen and (max-width: 414px),screen and (max-device-width:414px) {
  


 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:414px; 
	}
	.carousel-inner .slider_content .text h1 {
    font-size: 1.1em !important;
    width: 90%;
    margin: 0 29px!important;
    line-height: 30px !important;
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 0.7em !important;
		width: 90%;
		margin: 0 29px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    top: 84px !important; 
    max-width:414px;
	}
	
	
	.carousel .carousel-inner .slider_content {
    display: block !important;
    
    margin-top: 95px;
}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.4em;
   	}
	
	h2.section-title {
    font-size: 1.7em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
   font-size: 0.4em;
    font-weight: bolder;

    
	}
	
	.big_white {font-size: 1.1em;}
	
	.column.six {
    width: 100% !important;
	}
	
	.hero.parallax-background, .hero1.parallax-background {
    background-position: 50% 0px;
    margin-bottom: 0 !important;
    height: 350px !important;    
    }
    
    .featured-img  {
       margin: 0;
    padding: 0 auto !important;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
   
   
   }
   
   .btn-holder.float-right {
    float: right !important; */
   }
   
   #Icon, .hero-copy span {
    font-size: 0.7em;
    }
   
   .hero-copy {
    color: #fff;
    margin: 0 15px;
    font-size: 1.2em;
    line-height: 32px;
    font-weight: 300;
    position: relative;
    }
    
    .btn-holder {
    display: block;
    margin: 10px 15px;
   }
   
     .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:414px;
	}  
	
}


@media only screen and (max-width: 375px),screen and (max-device-width:375px) {
  


 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:414px; 
	}
	.carousel-inner .slider_content .text h1 {
    font-size: 0.7em !important;
    width: 90%;
    margin: 0 29px!important;
    line-height: 30px !important;
	}
	.carousel-inner .slider_content .text h3 {
		font-size: 0.7em !important;
		width: 90%;
		margin: 0 29px!important
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    top: 84px !important; 
    max-width:414px;
	}
	
	
	.carousel .carousel-inner .slider_content {
    display: block !important;
    
    margin-top: 95px;
}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1.4em;
   	}
	
	h2.section-title {
    font-size: 1.7em;
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
   font-size: 0.4em;
    font-weight: bolder;

    
	}
	
	.big_white {font-size: 1.1em;}
	
	.column.six {
    width: 100% !important;
	}
	
	.hero.parallax-background, .hero1.parallax-background {
    background-position: 50% 0px;
    margin-bottom: 0 !important;
    height: 350px !important;    
    }
    
    .featured-img  {
       margin: 0;
    padding: 0 auto !important;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
   
   
   }
   
   .btn-holder.float-right {
    float: right !important; */
   }
   
   #Icon, .hero-copy span {
        font-size: 0.7em;
    }
   
   .hero-copy {
    color: #fff;
    margin: 0 15px;
    font-size: 1.2em;
    line-height: 32px;
    font-weight: 300;
    position: relative;
    }
    
    .btn-holder {
    display: block;
    margin: 10px 15px;
   }
   
     .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:375px;
	}  
	
}


@media only screen and (max-width: 320px),screen and (max-device-width:320px) {
  


 .carousel-inner .slider_content_outer, body {
		width: 100%!important
		max-width:414px; 
	}
	.carousel-inner .slider_content .text h1 {
   font-size: 0.5em !important;
    width: 90%;
    margin: 0 auto!important;
    line-height: 10px !important;
	}
	.carousel-inner .slider_content .text h3 {
	font-size: 0.5em !important;
    width: 90%;
    margin: 0 18px!important;
    line-height: 10px !important;
	}
	.carousel-control {
		width: 15%
	}
	
	.carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain !important;
    top: 84px !important; 
    max-width:414px;
	}
	
	
	.carousel .carousel-inner .slider_content {
    display: block !important;
    
    margin-top: 95px;
}
	
	ul.filter-target>li a, ul.filter>li a {
	   font-size: 0.8em;
	}
	
	ul.filter-target>li, ul.filter>li {
      margin: 0px 13px;
   
	}
	
	#quote-request p {
        font-size: 1em;
   	}
	
	h2.section-title {
        font-size: 1.3em
    
	}
	
	.blog-content h2 a, .home_blog_header h2 a {
   font-size: 0.5em;
    font-weight: bolder;

    
	}
	
	.big_white {font-size: 1.1em;}
	
	.column.six {
    width: 100% !important;
	}
	
	.hero.parallax-background, .hero1.parallax-background {
    background-position: 50% 0px;
    margin-bottom: 0 !important;
    height: 280px !important;    
    }
    
    .featured-img  {
       margin: 0;
    padding: 0 auto !important;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
   
   
   }
   
   .btn-holder.float-right {
    float: right !important; */
   }
   
   #Icon, .hero-copy span {
        font-size: 0.5em;
    }
   
   .hero-copy {
    color: #fff;
    margin: 0 15px;
    font-size: 1.2em;
    line-height: 32px;
    font-weight: 300;
    position: relative;
    }
    
    .btn-holder {
    display: block;
    margin: 10px 15px;
   }
   
   .lm-button, .post .lm-button {
    font-family: Raleway;
    font-size: 0.6em;
    letter-spacing: 1.5px;
    display: inline-block;
    padding: 1px 22px;
    border-radius: 5px;
    text-transform: uppercase;
   }
   
     .carousel-inner .item .image {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
    max-width:320px;
	}  
   
  
   
	
}
