/*

	Query CSS
	Copyright (C) 2019 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
		.tagline h2
		{
			display: block;
			font-size: 1.3em;
			text-align: left;
			padding: 0 0% 0 35%;
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 0px 0 0 0;
		}
		
		.banner-strip h2
		{
			margin: 1.5em 0 0 0;
		}
		
		.banner-strip-short h1
		{
			font-size: 13vw;
		}
			
	}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		
		
		.logo-container
		{
			width: 280px;
		}
		
		.smaller
		{
			width: 150px;
		}
		
		.phone-number-header, .logo-container, .nav
		{
			display: block;
		}
		
		.phone-number-header, .nav
		{
			margin: 0;
		}
		
		.phone-number-header a
		{
			font-size: 2em;
		}
		
		h2
		{
			font-size: 2em;
		}
		
		.tagline h2
		{
			display: block;
			font-size: 1.2em;
			text-align: left;
			padding: 0 0% 0 47%;
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 0px 0 0 0;
		}
		
		.banner-strip-short h1
		{
			font-size: 4em;
		}
		
		.banner-strip h2
		{
			font-size: 5em;
			margin: 1.0em 0 0 0;
		}
		
		.col
		{
			width: 50%;
		}
		
		.col:nth-child(even)
		{
			width: 49%;
			margin: 0 0 0 1%;
		}	
		
		.cta-col
		{
			width: 50%;
		}
		
		.cta-col h3
		{
			font-size: 3.3vw;
		}
		
		button.button
		{
			width: 29%;
		}
		
		.blog-link
		{
			width: 43%;
		}
		
		.testimonial
		{
			width: 42%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%;
			text-align: center;
		}
		
		.footer-right
		{
			width: 33%;
		}
	
		
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		.logo-container
		{
			width: 280px;
		}
		
		.smaller
		{
			width: 150px;
		}
		
		.phone-number-header
		{
			width: 70%;
			padding: 1em 30% 1em 0;
		}
		
		.phone-number-header, .nav
		{
			margin: 0;
		}
		
		.phone-number-header a
		{
			font-size: 2em;
		}
		
		.nav-horizontal
		{
			display: none;
		}
		
		.nav
		{
			display: block;
		}
		
		h2
		{
			font-size: 2em;
		}
		
		.tagline h2
		{
			display: block;
			text-align: left;
			padding: 0 0% 0 30%;
			font-size: 1.8em;
		}
		
		.banner-strip
		{
			min-height: 800px;
		}
		
		.banner-strip-short
		{
			min-height: 600px;
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 0 0 0 0;
		}
		
		.banner-strip-short h1
		{
			font-size: 5em;
		}
		
		.banner-strip h2
		{
			font-size: 7em;
			margin: 2.2em 0 0 0;
		}
		
		.col
		{
			width: 50%;
		}
		
		.col:nth-child(even)
		{
			width: 49%;
			margin: 0 0 0 1%;
		}

		.service-col
		{
			width: 46%;
		}
		
		.cta-col
		{
			width: 50%;
		}
		
		.cta-col h3
		{
			font-size: 2em;
		}
		
		button.button
		{
			width: 29%;
		}
		
		.blog-link
		{
			width: 26%;
		}
		
		.testimonial
		{
			width: 42%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%;
			text-align: center;
		}
		
		.footer-right
		{
			width: 33%;
		}
		
	}




@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
		
		.logo-container
		{
			width: 280px;
		}
		
		.smaller
		{
			width: 150px;
		}
		
		.phone-number-header
		{
			width: 70%;
			padding: 1em 30% 1em 0;
		}
		
		.phone-number-header, .nav
		{
			margin: 0 0 0 0;
		}
		
		.phone-number-header a
		{
			font-size: 2em;
		}
		
		h2
		{
			font-size: 2em;
		}
		
		.tagline h2
		{
			display: block;
			text-align: left;
			padding: 0 0% 0 30%;
			font-size: 1.8em;
		}
		
		.nav-horizontal
		{
			display: inline-block;
		}
		
		.nav
		{
			display: none;
		}
		
		.banner-strip
		{
			min-height: 900px;
		}
		
		.banner-strip-short
		{
			min-height: 700px;
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 0px 0 0 0;
		}
				
		.banner-strip-short h1
		{
			font-size: 5em;
		}
		
		.banner-strip h2
		{
			font-size: 9em;
			margin: 2.0em 0 0 0;
		}
		
		.col
		{
			width: 50%;
		}
		
		.col:nth-child(even)
		{
			width: 49%;
			margin: 0 0 0 1%;
		}
		
		.service-link
		{
			
		}
		
		.service-col
		{
			width: 46%;
		}
		
		.cta-col
		{
			width: 50%;
		}
		
		.cta-col h3
		{
			font-size: 2em;
		}
		
		button.button
		{
			width: 29%;
		}
		.blog-link
		{
			width: 26%;
		}
		
		.testimonial
		{
			width: 42%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%;
			text-align: center;
		}
		
		.footer-right
		{
			width: 33%;
		}
		
		
		
}