/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; /* box-sizing: border-box; */}
 html { overflow-y: scroll; }
body {  background: #ffffff; font-size: 15px; color: #666666; font-family: 'Fondamento', cursive;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;} 
h1 { line-height: 1.1em;margin-bottom: 1em;}
h2, h3, h4 { margin-bottom: 1em;}	
a, img { outline: none; border:none; color: #000; } 
/* p { margin: 0 0 1em; line-height: 1.6em; font-size: 1.2em;} */
img { display: block; margin-bottom: 10px;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section { 
    display: block;
	}

 body {
	background-color: #bbb;
	/*font-family: 'Pangolin', cursive;*/
	/*font-family: 'Handlee', cursive;*/
	/* font-family: 'Fondamento', cursive; */
	font-size:15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 160%;
	color: #8A4613;
}

/* 4 column grid
================ */

#wrap {
    margin: 2em auto;
    width: 90%;
    max-width: 960px;
	 min-width: 320px;
    height: auto;
    background-color: #fff;
    background-size: 100%;
    padding: .8% 0 .8% 0;
    }

.row:after {
        content: "";
        display: table;
        clear: both;
        }

.column {
        float: left;
        margin: 1% 0 1% 2%;
        display: inline;
        }


.column.full {
  width: 96%;
  background-color: #ddd;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
}

.column.two-thirds {
  width: 63.4%;
  background-color: #ddd;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
}

.column.half {
  width: 46.95%;
  background-color: #ddd;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
}

.column.one-third {
  width: 30.65%;
  background-color: #ddd;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
}

.column.one-fourth {;
  width: 22.5%;
  background-color: #ddd;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
}
 
	
@media screen and (max-width: 640px) {

   #wrap {
     padding-bottom: 1.5%;
   }
  .column.full,
  .column.two-thirds,
  .column.half,
  .column.one-third,
  .column.one-fourth {
    background-color: #ddd;
    margin-top: 2%;
    width: 96%;
  }
}

/* End 4 column grid
==================== */