/*	LAYOUT PC Laptop Mobile and Tablet css *START* 31/01/2019 */
/*	Remember to do mobile drop menus :-)	*/
.header_holder	{height: 100%;  }

.header h1	{color:#fff;}
@media screen and (min-width: 950px)
{	
	html		{	background-color: #212121;	}
	body		{	
					}

	#page_lyt		{	
		display: grid;
		grid-template-areas:
		"page_header page_header"
		"banner_top banner_top"
		"breadcrumbs breadcrumbs"
		"page_main page_main"
		"public_footer public_footer"
		"end end";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 35% 1fr;}
	.header_lyt	{	
		display: grid;
		grid-template-areas:
		"page_top_logo  page_top_nav"
		"page_top_logo page_top_nav";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 300px 1fr;
		}
	.banner_lyt	{	
		display: grid;
		grid-template-areas:
		"banner banner";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 300px 1fr;
		}
	.footer_lyt		{
		display: grid;
		grid-template-areas:
		"public_footer_copy public_footer_links";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 50% 1fr;
		}

.header_holder h1 {margin: 0;position: absolute;top: 50%;left: 25%;transform: translate(-50%, -50%);}
}



@media screen and (min-width: 250px) and (max-width: 950px)
{	
	html		{	background-color: #212121;	}
	body		{	
				max-width:1000px;		}

	#page_lyt		{	
		display: grid;
		grid-template-areas:
		"page_header"
		"banner_top"
		"breadcrumbs"
		"page_main"
		"public_footer"
		"end";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
	.header_lyt		{	
		display: grid;
		grid-template-areas:
		"page_top_logo page_top_logo"
		"page_top_search page_top_search"
		"page_top_nav page_top_nav";
		grid-gap: 0;
		grid-template-rows: 1fr;
		grid-template-columns: 35% 1fr;
		}
	.footer_lyt		{
		display: grid;
		grid-template-areas:
		"public_footer_links"
		"public_footer_copy";
		grid-gap: 0;
		grid-template-rows: auto;
		grid-template-columns: auto;
		}
.header_holder h1 {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
}