@charset "UTF-8";
/* CSS Document */

/*.button {
  display: block;
  background-color: green;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  border-radius: 0.1875em;
   font-size: 1.2vh;
   font-size: 1.2vw;
   font-family: Helvetica, Arial, Sans-Serif;
   vertical-align: middle;
   }

/*.button:hover {
   border-top-color: #275900;
   background: #275900;
   color: #ffffff;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
  /*text-transform: uppercase;
}

/*a:hover {
  background-color: #555;
}

a:active {
  background-color: black;
}

a:visited {
  background-color: #ccc;
}*/


  /*padding: 2em;/*font-size: 1em; /* Let's say this computes to 16px 
  padding: 0.625em 1em; /* 0.1875 * 16 = 10px */
  /*height: 2%;
  width: 4%;*/
/*height: 0.05em;
  width: 0.12em;*/
/*border-radius: 0.1875em; /* 0.1875 * 16 = 3px 
}
    */
.CenteredGrid{ 
    display:flex; 
    align-items: center;
}


.TwoColumnGridWrapper{
      display:grid;
      grid-template-columns: 65% 28%;/*70% 23%;*/
      /*grid-template-columns:repeat(3, 1fr);*/
      /*grid-gap:6%;*/
      grid-row-gap: 5vh;
      grid-column-gap: 5vw;
      font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
      font-size: 1.2vh;
      font-size: 1.2vw;
      /* grid-auto-rows:100px; */
      grid-auto-rows: minmax(2vh, auto);
    }

   /* .nested{
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 70px;
      grid-gap:6em;
    }

    .TwoColumnGridWWrapper > div{
      /*background:#eeeeee;
      /*padding:1em;
    }
.wrapper > div:nth-child(odd){
      background:#ddd;

    .nested > div{
      border:#333 1px solid;
      padding:1em;
    }*/