/* ************ GRUNDVALLARLAYOUT ************* */
@import url(/css/cutline/cutline.css);

#content { margin: 15px auto 0 auto; }
  #content_box { text-align: left; margin: 1em 5px; }
  
    #main { padding: 0; }
    #main img { max-width: 100%; height: auto; }
    #Header-image img { max-width: 100%; height: auto; }
    #Navigation-box { display: none; }
    
    #sidebar { display: none; }
    * html #sidebar { width:205px;overflow:hidden; }
  
    #l_sidebar { display: none; }
 
  #footer { padding: 1.2em 0 0 0; border-top: 2px solid #ccc; }

@media screen and (max-width: 767px) {
  #Header-image { height: auto; }
  #content_box { display: flex; flex-wrap: wrap; }
  #main, #l_sidebar, #sidebar { display: flex; flex-wrap: wrap; margin-top: 1em; }
  #main { order: 1; max-width: 100%; }
  #main p { box-sizing: border-box; }
  #main #Main-content { max-width: 100%; }
  #l_sidebar { order: 3; max-width: 100%; }
  #sidebar { order: 2; max-width: 100%; }
  #sidebar > div, #l_sidebar > div { float: none !important; width: 100%; }
  .comment-section { max-width: 100%; }
  .comment-section form table { table-layout: fixed; width: 100%; }
  .comment-section form table td.label { width: 125px; }
  .comment-section form table td.input { width: calc(100% - 135px); }
  .comment-section form table td.input input { max-width: 96%; }
  #footer { padding-left: .5em; padding-right: .5em; }
}

@media screen and (min-width: 768px) {
  #Photo-album-list .album { clear: none; float:left; margin: 0; width:480px;}
  #content { width: 970px; }
  #content_box { margin: 3em 0 0 0; }
  #content_box { width: 970px; float: left; clear: both; }
    #main { width: 500px; padding: 0 0 0 20px; float: left; }
    #sidebar { display: block; width: 210px; padding: 0 0 0 15px; float: right; }
    #l_sidebar { display: block; width: 210px; padding: 0 0 0 15px; float: left; }
  #footer { width: 970px; float: left; clear: both; }

  #masthead { width: 970px; }
  #Navigation-box { display: block; }
  #Navigation-box ul { width: 950px; }
  #Header-image { width: 970px; }
}