/*

	Query CSS
	Copyright (C) 2020 OwlTree Web Solutions.

*/

@media only screen and (max-width: 450px)
	{

		.branding {
			/* border-bottom:20px solid green; */
			width:90%;
			margin:0 auto;
			display: block;
		}

		.telephone a {
			padding-right:0px;
			font-size: 24px;

		}
		
		.home-contact-branding {
			width:90%;
			margin:0 auto;
			display: block;
		}

	}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		
		.home-gallery h1
		{
			font-size: 4em;
		}

		.branding {
			width:60%;
			margin:0 auto;
			display: block;
		}

		.home-contact-branding {
			width:60%;
			margin:0 auto;
			display: block;
		}
		
.services-navigation ul, .casestudy-navigation ul, .news-navigation ul {
	grid-template-columns: 1fr 1fr;

	}


.list-row {
	width:48%;
}	

}


@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{

		.home-gallery h1
		{
			font-size: 4em;
		}

.services-navigation ul, .casestudy-navigation ul, .news-navigation ul {
	grid-template-columns: 1fr 1fr;

	}
		

.list-row {
	width: 31%;
}	
		
	}




@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
		
		.home-gallery h1
		{
			font-size: 5em;
		}
		
		.list-row {
		width: 31%;
		}
		
		
		
    }