.pl-sn-elements {
  text-align: center;
}
.pl-sn-elements > .pl-sn-wrap {
  overflow: hidden;
}
.pl-sn-elements .elements-subheader {
  font-weight: 300;
  opacity: .7;
}
.pl-sn-elements .format-hero .elements-hero,
.pl-sn-elements .format-hero-flip .elements-hero {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.pl-sn-elements .format-hero .elements-hero > div,
.pl-sn-elements .format-hero-flip .elements-hero > div {
  width: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.pl-sn-elements .format-hero .elements-hero > div.elements-media,
.pl-sn-elements .format-hero-flip .elements-hero > div.elements-media {
  padding: 0 0 0 2em;
}
.pl-sn-elements .format-hero .elements-hero > div.elements-head,
.pl-sn-elements .format-hero-flip .elements-hero > div.elements-head {
  text-align: left;
  padding: 0 2em 0 0;
}
.pl-sn-elements .format-hero-flip .elements-hero {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.pl-sn-elements .format-hero-flip .elements-hero > div.elements-media {
  padding: 0 2em 0 0;
}
.pl-sn-elements .format-hero-flip .elements-hero > div.elements-head {
  text-align: left;
  padding: 0 0 0 2em;
}
.pl-sn-elements .format-callout .elements-head,
.pl-sn-elements .format-callout-flip .elements-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pl-sn-elements .format-callout .elements-head > div,
.pl-sn-elements .format-callout-flip .elements-head > div {
  padding: 0 2em;
  width: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.pl-sn-elements .format-callout .elements-head > div > *,
.pl-sn-elements .format-callout-flip .elements-head > div > * {
  margin: 0;
}
.pl-sn-elements .format-callout .elements-head > div.elements-text,
.pl-sn-elements .format-callout-flip .elements-head > div.elements-text {
  text-align: left;
  padding-left: 0;
}
.pl-sn-elements .format-callout .elements-head > div .elements-btns,
.pl-sn-elements .format-callout-flip .elements-head > div .elements-btns {
  text-align: right;
}
.pl-sn-elements .format-callout-flip .elements-head {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.pl-sn-elements .format-callout-flip .elements-head > div .elements-btns {
  text-align: center;
}
.pl-sn-elements .format-masthead-flip .elements-hero {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.elements-menu {
  margin: 3em 0;
}
.elements-richtext {
  margin: 2em 0 0;
}
.elements-media {
  margin-bottom: 2em;
}
.elements-btns {
  margin: 2em -0.5em 0;
}
.elements-btns .pl-btn {
  margin: .5em;
}
@media screen and (max-width: 768px) {
  .pl-sn-elements .format-hero .elements-hero,
  .pl-sn-elements .format-hero-flip .elements-hero {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pl-sn-elements .format-hero .elements-hero > div,
  .pl-sn-elements .format-hero-flip .elements-hero > div {
    width: 100%;
  }
  .pl-sn-elements .format-hero .elements-hero > div.elements-head,
  .pl-sn-elements .format-hero-flip .elements-hero > div.elements-head,
  .pl-sn-elements .format-hero .elements-hero > div.elements-media,
  .pl-sn-elements .format-hero-flip .elements-hero > div.elements-media {
    text-align: center;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .pl-sn-elements .format-callout .elements-hero .elements-head,
  .pl-sn-elements .format-callout-flip .elements-hero .elements-head {
    display: block;
  }
  .pl-sn-elements .format-callout .elements-hero .elements-head > div,
  .pl-sn-elements .format-callout-flip .elements-hero .elements-head > div {
    text-align: center;
    width: 100%;
    padding: .5em 0;
  }
  .pl-sn-elements .format-callout .elements-hero .elements-head > div .elements-btns,
  .pl-sn-elements .format-callout-flip .elements-hero .elements-head > div .elements-btns {
    text-align: center;
  }
  .pl-sn-elements .format-callout .elements-hero .elements-head > div .elements-btns a,
  .pl-sn-elements .format-callout-flip .elements-hero .elements-head > div .elements-btns a {
    margin: .5em;
  }
}
