/* Text Elements */

p.paragraph span.paragraph-text-6 {
  font-family: 'Oswald', cursive;
}

p.paragraph span.paragraph-text-7 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-8 {
  font-weight: 700;
}

p.paragraph.paragraph-2 {
  text-align: center;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 600;
}

p.paragraph span.paragraph-text-2 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-3 {
  font-weight: 700;
}

/* Interaction Elements */

form.form-container.form-container-1 {
  max-width: 700px;
}

/* Layout Elements */

body.body-1 {
  display: block;
  float: none;
  padding-top: 4px;
  max-width: 700px;
  background-color: #c0ffdb;
}

.container.sd-two-cols {
  -ms-flex-pack: center;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  grid-template-columns: auto;
  grid-template-rows: auto;
}

.container.container-1 {
  padding-top: 0;
  padding-bottom: 20px;
  max-width: 700px;
}

.container.container-2 {
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
}

div.responsive-picture.picture-2 {
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
}

div.responsive-picture.picture-4 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 3px;
  max-width: 400px;
}

div.responsive-picture.picture-5 {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 4px;
  max-width: 400px;
  width: 100%;
}

div.responsive-picture.picture-3 {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;

  justify-self: center;
}

div.responsive-picture.picture-1 {
  margin-right: auto;
  margin-left: auto;
  max-width: 250px;
}

@media screen and (min-width: 40rem) {
  div.responsive-picture.picture-1 {
    max-width: 300px;
  }
}

@media screen and (min-width: 64rem) {
  /* Interaction Elements */

  form.form-container.form-container-1 {
    background-color: #c0ffdb;
  }

  /* Layout Elements */

  body.body-1 {
    background-color: #fcfcfc;
  }

  .container.container-2 {
    background-color: #c0ffdb;
  }

  .container.sd-two-cols {
    background-color: #c0ffdb;
  }

  .container.container-1 {
    background-color: #c0ffdb;
  }

  div.responsive-picture.picture-4 {
    background-color: #c0ffdb;
  }

  div.responsive-picture.picture-4 > picture > img {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }

  div.responsive-picture.picture-5 {
    margin-right: auto;
    margin-left: auto;
  }

  div.responsive-picture.picture-1 {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 300px;
    background-image: url('../Hopaholics/MadRobotBrewing.jpg');
    background-attachment: scroll;
    background-position: left top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-repeat: repeat;

    background-blend-mode: normal;
  }

  div.responsive-picture.picture-1 > picture > img {
    -o-object-position: 75% 75%;
       object-position: 75% 75%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}