/* Text Elements */

h1.heading-1 {
  font-family: 'Artifika', serif;
}

h2.heading-2 {
  font-family: 'Artifika', serif;
}

h3.heading-3 {
  font-family: 'Artifika', serif;
}

h4.heading-4 {
  font-family: 'Artifika', serif;
}

h5.heading-5 {
  font-family: 'Artifika', serif;
}

h6.heading-6 {
  font-family: 'Artifika', serif;
}

p.paragraph.paragraph-1 {
  text-align: center;
  font-family: 'Artifika', serif;

  justify-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
}

p.paragraph.paragraph-3 {
  font-family: 'Artifika', serif;
}

p.paragraph.paragraph-4 {
  font-family: 'Artifika', serif;
}

p.paragraph.paragraph-5 {
  font-family: 'Artifika', serif;

  justify-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
}

p.paragraph.paragraph-6 {
  font-family: 'Artifika', serif;
}

p.paragraph.paragraph-7 {
  text-align: center;
  font-family: 'Artifika', serif;

  justify-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
}

blockquote.blockquote-1 {
  float: none;
  color: #292929;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  font-family: 'Nothing You Could Do', cursive;

  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  justify-self: flex-start;
}

/* Interaction Elements */

input[type=text].input-1 {
  font-family: 'Artifika', serif;
}

input[type=number].number-1 {
  font-family: 'Artifika', serif;
}

input[type=email].email-1 {
  font-family: 'Artifika', serif;
}

input[type=tel].phone-number-1 {
  font-family: 'Artifika', serif;
}

textarea.textarea-1 {
  font-family: 'Artifika', serif;
}

label.label.label-1 {
  background-color: #0072e6;
  font-family: 'Artifika', serif;
}

/* Layout Elements */

body.body-1 {
  display: block;
  min-width: 50vh;

  grid-area: logo;
}

.container.container_header {
 display: grid;
 margin-bottom: 2%;
 padding: 2%;
 -webkit-column-count: auto;
    -moz-column-count: auto;
         column-count: auto;

 grid-area: lower_footer;
 grid-template-columns: minmax(35.00vw, auto) minmax(20.00vw, auto) minmax(40.00vw, auto);
 grid-template-rows: minmax(15vh, auto);
 grid-template-areas: 'header_menu header_logo header_social';
 justify-self: auto;
}

.container.hero_container {
  display: grid;
  -ms-flex-align: start;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  background-image: url('http://gardenomy.com/images/lush_garden_03.png');
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-repeat: no-repeat;

  grid-area: elementArea;
  grid-template-columns: minmax(100%, auto);
  grid-template-rows: minmax(30vh, auto);
  grid-template-areas: 'hero-1';
  background-blend-mode: overlay;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  justify-self: auto;
  align-self: auto;
}

.container.container_main_content {
  display: grid;
  margin: 10% 2% 0;
  padding: 0 5%;

  grid-area: main_content;
  grid-template-columns: minmax(auto, auto);
  grid-template-rows: minmax(auto, auto);
  grid-template-areas: 'main_content';
}

.container.container_upper_footer {
  display: grid;
  -ms-flex-align: end;
  margin: 2% 3% 0;

  grid-area: upper_footer;
  grid-template-columns: minmax(25vw, auto) repeat(2 , minmax(30vw, auto));
  grid-template-rows: minmax(15vh, auto);
  grid-template-areas: 'upper_footer_l upper_footer_c upper_footer_r';
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end;
}

.container.container_lower_footer {
  display: grid;
  margin: 2% 0 0;

  grid-area: lower_footer;
  grid-template-columns: minmax(10vw, auto) minmax(80vw, auto) minmax(10vw, auto);
  grid-template-rows: minmax(15vh, auto);
  grid-template-areas: '. lower_footer_content .';
}

.container.container-1 {
 max-width: 1200px;

 grid-template-columns: minmax(38vw, auto) minmax(20vw, auto) minmax(38vw, auto);
 grid-template-rows: minmax(15vh, 1px);
 grid-template-areas: 'header_menu header_logo header_social';
}


.container.container-5 {
  grid-template-columns: minmax(25vw, auto) minmax(30vw, auto) minmax(25vw, auto);
  grid-template-rows: auto;
  grid-template-areas: 'upper_footer_L upper_footer_C upper_footer_R';
}

.container.container-6 {
  grid-template-columns: minmax(10vw, auto) minmax(60vw, auto) minmax(10vw, auto);
  grid-template-rows: auto;
  grid-template-areas: '. lower_footer_C .';
  justify-self: center;
  grid-area: auto / auto / auto / auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
          align-self: center;
}

.container.container-7 {
  padding: 0 1%;
}

.container.container-8 {
  padding: 0 1%;
}

.container.container-9 {
  float: none;
  padding: 0 1%;

  grid-area: auto / auto / auto / auto;
}

div.responsive-picture.picture-1 {
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

a.social-image.social-icon-1 {
  margin-left: 5px;
}

a.social-image.social-icon-2 {
  margin-left: 5px;
}

li.list-item.list-item-1 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-2 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-3 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-4 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-5 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-6 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-7 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-8 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-9 {
  font-family: 'Artifika', serif;
}

li.list-item.list-item-10 {
  font-family: 'Artifika', serif;
}

input[type=url].url-1 {
  font-family: 'Artifika', serif;
}

button.button {
  background-color: #0079e9;
  font-family: 'Artifika', serif;
}