﻿@supports (display: grid) {
   @media screen and (min-width: 979px) {
	   
      #wrapper {
         display: grid;
         grid-template-rows: 125px min-content min-content min-content min-content;
         grid-template-columns: 1fr 1fr 1fr;
		 margin: 0 auto;
      }
	  * {
		box-sizing: border-box;
		position: initial;
		}
		html {
			height: 100%;
			width: 100%;
		}
		body {
			
		}
		#header {
		width: 100%;
		grid-row: 1;
		grid-column: 1 / span 3;
		
		}
      #logo {
         grid-row: 1; 
         grid-column: 1 / span 3;
		 
		 display: flex;
		 width: 100%;
		 
      }
	  #logo {
		  background: initial;
		  min-height: 125px;
	  }
	  #logo h1 {
			position: absolute;
			top: 0px;
			right: 1em;
		}
		
		#logo h2 {
		  
		  
	  }
		
      #sliderwrapper {
         grid-row: 2;
         grid-column: 1 / span 3;
         width: 98%;
		 height: 340px;
      }
	.clearsmall {
		display: none;
	}
      .push {
		  display: none;
	  }

      #professional {
		  grid-row: 3;
		  grid-column: 1;
		  
	  }
	  #local {
		  grid-row: 3;
		  grid-column: 2;
	  }
	  #cost {
		  grid-row: 3;
		  grid-column: 3;
	  }
	  .contentBox3 {
		  width: 98%;
	  }
      #contentRight {
		  grid-row: 4;
		  grid-column: 2 / span 2;
		  width: 100%;
	  }
	  #contentLeft {
		  grid-row:4;
		  grid-column:1 / span 2;
		  width: 98%;
	  }
	  #contentFull {
		  grid-row: 3;
		  grid-column: 1 / span 3;
	  }
	  #sidebarLeft {
		  grid-row: 4; 
		  grid-column: 1;
		  width: 100%;
		  
	  }
	  #sidebarRight {
		  grid-row: 4;
		  grid-column: 3;
		  width: 100%;
	  }
	  #copyright {
		  grid-row: 6;
		  grid-column: 1 / span 3;
		  
	  }
	  
      #footerwrapper {
         grid-row: 5; 
         grid-column: 1 / span 3;
         
      }
   }
}

