/************************************************************************
*	Melle van der Wildt Photography Stylesheet							*
*	Created by Wiebe van der Wildt										*
*	V1.0 24/11/2015														*
************************************************************************/


/* Responsive styles
----------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  #m_phot_view {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
/*@media only screen and (max-width: 800px) {
  #m_phot_view {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
  
}*/
@media only screen and (max-width: 1000px) {
  #m_phot_view {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
  
  body{margin-right:25px;}
  #m_phot_right {display:none;}
  #m_phot_view, #m_phot_content, #m_phot_layouts{padding:0; margin:0;}
  #m_phot_view{width:100%;}
  #m_phot_layouts{min-width:0px;}  
  #m_phot_content, #m_phot_layouts{display:inline; width:100%;}
  #m_phot_menu_toggle{display:inline-block; float:right; width:10%; margin:2px 5px 0; text-align:right; padding-top:5px;}
  #m_phot_menu{text-align:right; clear:both; margin-right:5px; position:relative; padding-top:20px; right:0}
  #m_phot_menu .menu-list{background-color:#383838; opacity:0.9; visibility:hidden; position:absolute; z-index:99; width:auto; right:-15px; top:0px;}
  #m_phot_menu .menu-category {padding:10px 20px 20px; margin:0; float:left; line-height:3em;}
  #m_phot_menu .category-list{margin:0; padding-right:3px;}
  #m_phot_logo{width:50%; float:left; position:relative;} 
  #m_phot_logo img{padding:0 0 0 10px;}
  
}
@media only screen and (max-width: 400px) {
  #m_phot_view {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }   
  
	
}