/* eXtraLarge screen changes 1280px and above*/
@media only screen and (min-width: 1285px){

  nav{
    width: 60%;
    }

  main{
    width: 60%;	
    }
}


/*  Larger screen changes and above */
@media only screen and (min-width: 1024px){
    
	section.detail_container{
		grid-template-columns: 25% 25% 25% 25%;
	  }
}

/* in between 800 and 1024px */
@media only screen and (max-width: 1024px){
  /* DEFAULT STYLING APPLIED HERE */
}


/* Medium screen changes and BELOW - Tablet & Old Monitors*/
@media only screen and (max-width: 800px){

  nav{
    width: 80%;
  }

  div#leftSlider{
    width: 10%;
    } 

  main{
    width: 80%;
    }  

  div#rightSlider{
    width: 10%;
    }

	section.detail_container{
		grid-template-columns: 50% 50%;
	  }
  
  img#footer_img{
    width: 100%;
  }

}


/* Small screen changes and BELOW - Mobile */
@media only screen and (max-width: 617px){

  nav{
    width: 86%;
  }

  div#nav_links{   /* HIDES the NAV bar */
		display: none;
	  }

	div#ham_menu{
    display: flex;  /* SHOWS the HAMBURGER */
    }
  
  div#leftSlider{
    width: 15%;
    } 
  
  main{
    width: 70%;
    }  
  
  div#rightSlider{
    width: 15%;
    }

  div#top{
    top: 200px
    }

	section.detail_container{
		grid-template-columns: 100%;
    }
    
  div#footer_text{
    font-size: 14px;
    }  

    /* Contact Page */
  div#contact_form_container{
    width: 90%;
  }

  input{
    width: 95%;
  }
}

/* Small screen changes and BELOW - Mobile */
@media only screen and (max-width: 385px){
  
  div#footer_text{
    font-size: 10px;
    }  

}