/* Text Elements */

p.paragraph.paragraph-1 {
  padding: 15px 15px 0;
}

/* Layout Elements */

body > .row > [class*='small-'].column-1 {
  padding-right: 0;
  padding-left: 0;
}

body > .row > [class*='small-'].column-2 {
  padding-right: 0;
  padding-left: 0;
}

body > .row > [class*='small-'].column-4 {
  padding-right: 0;
  padding-left: 0;
}

div.responsive-picture.picture-2 {
  width: 100%;
}

div.responsive-picture.picture-1 {
  max-width: 320px;
}

div.responsive-picture.picture-4 {
  max-width: 320px;
}

div.responsive-picture.picture-5 {
  display: none;
}

@media screen and (min-width: 20rem) {
  /* Text Elements */

  p.paragraph.paragraph-1 {
    display: none;
  }

  /* Layout Elements */

  body.grid-1 {
    width: auto;
    background-color: #47a8ee;
  }

  body > .row > [class*='small-'].column-2 {
    padding-right: 0;
    padding-left: 0;
    background-color: #fff;
  }

  body > .row.row-1 {
    background-color: #fff;
  }

  body > .row > [class*='small-'].column-1 {
    padding-right: 0;
    padding-left: 0;
  }

  body > .row > [class*='small-'].column-3 {
    padding-right: 0;
    padding-left: 0;
  }

  body > .row > [class*='small-'].column-4 {
    padding-right: 0;
    padding-left: 0;
    background-color: #b32b2b;
  }

  div.responsive-picture.picture-1 {
    max-width: none;
  }

  div.responsive-picture.picture-2 {
    width: 100%;
  }

  div.responsive-picture.picture-3 {
    margin-right: 0;
    margin-bottom: 1px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    max-width: 600px;
    width: 100%;
  }

  div.responsive-picture.picture-4 {
    max-width: none;
    width: 100%;
  }

  div.responsive-picture.picture-5 {
    display: none;
  }
}

@media screen and (min-width: 40rem) {
  /* Text Elements */

  p.paragraph.paragraph-1 {
    position: static;
    display: block;
    -ms-flex-order: 1;
    float: left;
    margin: 15px;
    min-height: 0;
    width: 40%;

    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
  }

  p.paragraph span.paragraph-text-1 {
    font-weight: 200;
    font-size: 1.125rem;
  }

  /* Layout Elements */

  body > .row > [class*='small-'].column-4 {
    background-color: #b32b2b;
  }

  body.grid-1 {
    width: auto;
  }

  body > .row.row-2 {
    width: auto;
  }

  body > .row > [class*='small-'].column-2 {
    max-height: none;
  }

  div.responsive-picture.picture-1 {
    float: left;
    width: 50%;
  }

  div.responsive-picture.picture-5 {
    display: block;
    -ms-flex-order: 2;
    float: left;
    min-width: 50%;

    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
  }

  div.responsive-picture.picture-4 {
    display: none;
  }
}

@media screen and (min-width: 64rem) {
  /* Text Elements */

  p.paragraph.paragraph-1 {
    float: left;
    margin: 15px;
    min-height: 40px;
    max-width: 50%;
  }

  p.paragraph span.paragraph-text-1 {
    font-weight: 200;
    font-size: 1.25rem;
  }

  div.responsive-picture.picture-1 {
    float: left;
  }
}