﻿@supports (display: grid) {
   @media screen and (max-width: 979px) {
	   
      #wrapper {
         display: grid;
         grid-template-rows: 125px min-content min-content min-content min-content;
         grid-template-columns: 100%;
		 margin: 0 auto;
      }
	  * {
		box-sizing: border-box;
		/* position: initial; */
		}
		html {
			height: 100%;
			width: 100%;
		}
		body {
		   
	   }
		#contentLeft img, #contentRight img {
			width: 40%;
			height: auto;
			margin: auto;
		}
		#logo {
			
			position: initial;
		    grid-row: 1; 
			 grid-column: 1;
			 width: 100%;
			 height: 100%;
			 display: flex;
			 
			
			
      }
	  #logo img {
		  min-height: 90px;
		  max-height: 125px;
		  width: auto;
		  
	  }
	 
		#logo h1 {
			position: absolute;
			top: 0px;
			right: 0.5em;
			font-family: "Arial, Helvetica, sans serif";
		}
      #logo h2 {
		  
		  
	  }

      #sliderwrapper {
         display: none;
         
      }
	.clearsmall {
		display: none;
	}
      

      #professional, #local, #cost {
		  display: none;
		  
	  }
	  .contentBox3 {
		  width: 98%;
	  }
      #contentRight, #contentLeft {
		  grid-row: 2;
		  grid-column: 1;
		  width: 98%;
	  }
	  .imageleft-border, .imageright-border {
		  float: right;
		  display: block;
	  }
	  .nomobe {
		  display: none;
	  }
	  #sidebarLeft, #sidebarRight {
		  grid-row: 3;
		  grid-column: 1;
		  width: 100%;
		  display: block;
	  }
	  
	  .rightside, .leftside {
		  max-width: 40%;
	  }
	  dt.question{
		  margin: 0 0.5em;
		  padding: 0;
		  width: 100%;
		  background:none;
	  }
	  dd.answer{
		  margin: 0 0.5em;
		  padding: 0;
		  width: 100%;
	  }
	  #links {
		  display: block;
		  width: 98%;
	  }
	  #contact {
		  width: 98%;
		  display: block;
	  }
	  #comments {
		  display: none;
	  }
	  #news {
		  display: none;
	  }
	  .clear {
		  display:none;
	  }
	  hr {
		  display: none;
	  }
      #footerwrapper {
         grid-row: 4; 
         grid-column: 1;
         
      }
	  .contentBox2 {
		  display: block;
		  width: 98%;
	  }
	  footer {
		  width: 100%;
	  }
	  .push {
		 display:none; 
	  }
	  #copyright { 
		  width: 100%;
		  display: block;
	  } 
   }
   @media screen and (max-width:500px) {
	   #logo h1 {
		   font-size: 1em;
	   }
   }
}

