h2 {
  font: 150% "ArchitectsDaughterRegular";
  margin: 0;
  text-shadow: 0.04em 0.04em 0.1em #999;
  -o-text-shadow: 0.04em 0.04em 0.1em #999;
  -webkit-text-shadow: 0.04em 0.04em 0.1em #999;
  -moz-text-shadow: 0.04em 0.04em 0.1em #999; }

h3 {
  margin: 0 0 10px;
  padding: 3px 0 3px 5px;
  color: #fff;
  font-size: 110%;
  font-weight: 400;
  background: #222;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

#contentwrapper {
  width: 100%;
  padding: 0 3%; 
  display: grid;
  grid-row-gap: 20px; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  background: #fff; }  
  
.search {
	grid-column: 1 / 4;}
		
.leftcolumn {
	grid-column: 1 / 4;
	grid-area: 4 / 1 / 5 / 4; }
	
.submenu {
  display: none; }
  
.recept {
	grid-column: 1 / 4; }
	
.entry .tillagning {
    margin: 15px 0 7px;
    color: #999;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-weight: 700;
    font-size: 110%; }
    
.entry .puff p {
    font-style: italic;
    color: #999; }
    
.entry #tags {
    margin-top: 15px;
    font-weight: 700;
    border-top: 1px dotted #dedede; }
    
.menus ul.feedlist {
   margin-bottom: 20px; }
   
.menus ul li {
   padding: 5px 0;
   border-bottom: 1px dotted #dedede; }
   
input[type=search] {
  color: #999;
  width: 94%; }

@media only screen and (min-width: 768px) {
    
  #largewrapper {
    min-height: 600px; } 
      
  #contentwrapper {
  	display: grid; 
  	grid-template-columns: 20% 15% auto; 
  	grid-column-gap: 20px; 
  	box-sizing: border-box;
  	-moz-box-sizing: border-box; 
  	-webkit-box-sizing: border-box;}
  	  	
  .leftcolumn {
	  grid-area: 2 / 1 / 3 / 1; }
	  
  .submenu {
	  display: block; 
	  grid-area: 2 / 2 / 3 / 2;}
	  
  .recept {
	  grid-area: 2 / 3 / 3 / 3;}

}