html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, main, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

article, aside, figure, footer, header, main, nav, section, img 
{
  display: block; 
}

img,
object,
embed 
{
  max-width: 100%;
  height: auto; 
}

html 
{
  overflow-y: scroll; 
}

[id*='attachment_'] 
{
  max-width: 100% ;
}

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

html 
{
  font: normal 62.5%/1.5 serif; 
}

body 
{
  font-size: 1.6rem;
  color: #646464;
  font-family: 'Lora', Georgia, serif; 
}
body 
{
  background: #f6f6f6; 
}

.wrapper {
  max-width: 96rem;
  margin: 8rem auto 2rem; }
  @media (max-width: 65em) {
    .wrapper {
      margin: 8% auto 1rem;
      width: 85%; } }
  @media (max-width: 40em) {
    .wrapper {
      width: 90%; } }

.sidepadding {
  padding: 0 12%; }
  @media (max-width: 65em) {
    .sidepadding {
      padding: 0 5%; } }
  @media (max-width: 40em) {
    .sidepadding {
      padding: 0; } }

.image-grid 
{
  position: relative; 
}
.image-grid a 
{
  float: left;
  display: block;
  position: relative;    
}
    .image-grid a:hover, .image-grid a:focus
{
    opacity: 0.9; 
}
    .image-grid a:before 
{
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      border: 4px solid #f6f6f6;
      pointer-events: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}
   
@media (max-width: 65em) {
        .image-grid a:before {
          border: 2px solid #f6f6f6; } }
   
@media (max-width: 40em) 
{       
.image-grid a:before 
    {
          border: 1px solid #f6f6f6; 
    } 
}
  
.image-grid a:nth-child(6n+1), .image-grid a:nth-child(6n+2), .image-grid a:nth-child(6n+6) {
      width: 50%; }
    .image-grid a:nth-child(6n+3), .image-grid a:nth-child(6n+4), .image-grid a:nth-child(6n+5) {
      width: 25%; }
    .image-grid a:nth-child(6n+5), .image-grid a:nth-child(6n+6) {
      margin-top: -25%; }
    .image-grid a:nth-child(6n+6) {
      margin-left: 25%; }

@media (max-width: 40em) {
  .commentform label {
    font-size: 1.6rem; }
  .commentform input {
    width: 50%; } }
.wpcf7-form textarea {
  width: 100%; }
.wpcf7-form p {
  margin: 0; }