@charset "UTF-8";

/* ###RESPONSIVE ZIG ZAG LAYOUT### */

* {

  box-sizing:border-box;

}

body {

  margin: 0;

  font-family: Arial, Helvetica, sans-serif;

}

.container {

    padding-top: 64px;

    padding-right: 64px;

    padding-left: 64px;

    padding-bottom: 64px;

    width: 100%;

}



.row:after {

  content: "";

  display: table;

  clear: both

}



.column-66 {

    float: left;

    width: 66.66666%;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-right: 20px;

    padding-left: 20px;

}



.column-33 {

    float: left;

    width: 33.33333%;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 20px;

    padding-right: 20px;

}



.large-font {

  font-size: 48px;

}



.xlarge-font {

  font-size: 64px

}



.button {

  border: none;

  color: white;

  padding: 14px 28px;

  font-size: 16px;

  cursor: pointer;

  background-color: #4CAF50;

}



img {

  display: block;

  height: auto;

  max-width: 100%;

}



@media screen and (max-width: 1000px) {

  .column-66,

  .column-33 {

    width: 100%;

    text-align: center;

  }

  img {

    margin: auto;

  }

}