@charset "UTF-8";
/* Autoprefixed 090822 */

#homeContent {
   grid-area: body;
   display: grid;
   grid-template-areas:
      "box1 box2"
      "box3 box3";
   grid-template-columns: 1fr 1fr;
   row-gap: 1rem;
   -moz-column-gap: 1rem;
   column-gap: 1rem;
}

#box1 {
   grid-area: box1;
   margin: 0 0 0 1rem;
   background-image: url(/images/uploads/bg-images/vz-intro-01.png);
   background-repeat: no-repeat;
   background-size: cover;
   text-align: right;
}

#box1 span {
   background-color: #e4e9ea;
   padding: 0 0 0 0.5rem;
   font: inherit;
}

#box1 span a,
#box2 span a {
   color: #0a4044;
   text-decoration: none;
   font: inherit;
}

#box1 span a:hover,
#box2 span a:hover {
   text-decoration: underline;
}

#box2 {
   grid-area: box2;
   margin: 0 1rem 0 0;
}

#box2 h1 {
   text-align: center;
}

#box2 span {
   font: inherit;
   text-align: center;
}

#box3 {
   grid-area: box3;
   margin: 0 1rem;
}

.homeBlogBox h2 a {
   text-decoration: none;
   color: #0a4044;
}

.homeBlogBox h2 a:hover {
   text-decoration: underline;
}

@media only screen and (max-width: 768px) {
   #homeContent {
      grid-template-areas:
         "box1"
         "box2"
         "box3";
      grid-template-columns: 1fr;
   }

   #box1 {
      margin: 0 1rem;
   }

   #box1 span {
      padding: 0;
   }

   #box1 h1 {
      font-size: 1.5rem;
   }

   #box2 {
      margin: 0 1rem;
   }

   #box3 {
      margin: 0 1rem;
   }
}

@media only screen and (max-width: 600px) {
   #box1 {
      margin: 0;
   }

   #box2 {
      margin: 0;
   }

   #box3 {
      margin: 0;
   }
}