/* Minimal CSS Reset */
html {box-sizing: border-box; font-size: 16px;}
*, *:before, *:after { box-sizing: inherit;}
body {font-family: arial, helvetica, sans-serif;}
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
ol, ul {list-style: none;}
p { margin: 0; line-height: 1.6em; font-size: 1em; /* padding-bottom: 1.5em; */}
img {max-width: 100%; height: auto;border: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section {
  display: block;
} 
/* End reset */

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

.row {
   width: 100%;
   height: 100%;
}

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

.col {
        float: left;
        margin: 0 0 2% 1.6%;
        display: inline;
        background: #fff;
        text-align: center;
        padding: 0.5em 0 0.5em 0
        }

.col:first-child { margin-left: 0; }
.col.full { width: 100%; }
.col.two-thirds { width: 66.1%; }
.col.three-fourths { width: 74.6%;}
.col.half { width: 49.2%; }
.col.one-third { width: 32.26%; }
.col.one-fourth { width: 23.79%; }

   @media screen and (max-width: 640px) {
  .col.full,
  .col.two-thirds,
  .col.three-fourths,
  .col.half,
  .col.one-third,
  .col.one-fourth
  {
    background-color: #fff;
    margin-left: 0;
    width: 100%;
  }
}

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


/* Begin page styles
==================== */

 body {
   background-color: #fff;
   font-family: arial, helvetica, sans-serif;
   font-size:14px;
   font-weight: normal;
   color: #000;
}

.wrap {
    margin: 2em auto;
    width: 96%;
    max-width: 1024px;
    min-width: 320px;
    height: auto;
    background-color: #fff;
    background-size: 100%;
    /* padding: 1.4% 0 0 0; */ /* Remove or comment out for no space above first column(s)  */
    }

.mbzero {margin-bottom: 0;}/* Add class 'mbzero' for no space below last column(s) */


.about {background: #4285f4; color: #fff;}

.google {text-align: left;}

body {border-top: 2px solid #4285f4;}