*,
*:after,
*:before {
  box-sizing: border-box;
}

.button-group input {
  display: none;
}

.button-group label {
  margin-bottom: 0;
}

@media screen and (min-width: 20rem) {
  .button-group label {
    float: left;
  }
}

.button-group label .button-group-item {
  background: #fff;
  border-left: 1px solid gray;
  border-radius: 0;
  border-right: 1px solid gray;
  color: gray;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  padding: 0.75em 1em;
  width: 100%;
}

@media screen and (min-width: 20rem) {
  .button-group label .button-group-item {
    border-bottom: 1px solid gray;
    border-left: 0;
    border-right: 1px solid #adadad;
    border-top: 1px solid gray;
    width: auto;
  }
}

.button-group label .button-group-item:focus,
.button-group label .button-group-item:hover {
  background-color: #f7f7f7;
}

.button-group label:first-child .button-group-item {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top: 1px solid gray;
}

@media screen and (min-width: 20rem) {
  .button-group label:first-child .button-group-item {
    border-bottom-left-radius: 3px;
    border-left: 1px solid gray;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
  }
}

.button-group label:last-child .button-group-item {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid gray;
}

@media screen and (min-width: 20rem) {
  .button-group label:last-child .button-group-item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-right: 1px solid gray;
    border-top-right-radius: 3px;
  }
}

.button-group label input:checked + .button-group-item {
  background: #50b6b8;
  border: 1px solid #368485;
  box-shadow: inset 0 1px 2px #3d9698;
  color: #fff;
}

.fade-in-element {
  line-height: 1.5em;
  background: #fff;
  border-radius: 3px;
  border: 1px solid gray;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 4em;
  padding: 0;
  text-align: center;
  width: 100%;
}

.fade-in-element p {
  color: #333;
  line-height: 1.5em;
}

.fade-in-element::after {
  clear: both;
  content: "";
  display: table;
}

.js-fade-element-hide {
  opacity: 0;
}

.js-fade-element-show {
  transition: all 0.4s ease-in-out;
  opacity: 1;
}

* {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html,
body {
  height: 100%;
}

a img {
  border: none;
}

blockquote {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 75%;
}

@media screen and (min-width: 40em) {
  html {
    font-size: 87.5%;
  }
}

@media screen and (min-width: 50em) {
  html {
    font-size: 93.75%;
  }
}

@media screen and (min-width: 64em) {
  html {
    font-size: 106.25%;
  }
}

@media screen and (min-width: 100em) {
  html {
    font-size: 118.75%;
  }
}

body {
  font-family: proxima-nova, serif;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  font-size: 1.3333333333rem;
}

@media screen and (min-width: 40em) {
  body {
    font-size: 1.2142857143rem;
  }
}

@media screen and (min-width: 50em) {
  body {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 64em) {
  body {
    font-size: 1.1764705882rem;
  }
}

@media screen and (min-width: 100em) {
  body {
    font-size: 1.1578947368rem;
  }
}

a {
  transition: color 0.1s, background-color 0.1s;
  color: #50b6b8;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  color: #c2cb9c;
  text-decoration: none;
}

.typeset p a,
.typeset li a {
  background-image: linear-gradient(to bottom, transparent 50%, #99d4d5 50%);
  background-position: 0 93%;
  background-repeat: repeat-x;
  background-size: 100% 0.15rem;
  text-shadow: 0.1rem 0 #fff, 0.15rem 0 #fff, -0.1rem 0 #fff, -0.15rem 0 #fff;
}

.typeset p a:hover,
.typeset p a:active,
.typeset p a:focus,
.typeset li a:hover,
.typeset li a:active,
.typeset li a:focus {
  background-image: linear-gradient(to bottom, transparent 50%, #ebeedf 50%);
}

.typeset p {
  -webkit-font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
  -ms-font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
  font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
  line-height: 2rem;
  margin-bottom: 1.43999rem;
  padding-top: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset p {
    margin-bottom: 1.4007042857rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset p {
    margin-bottom: 1.39599rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset p {
    margin-bottom: 1.3882252941rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset p {
    margin-bottom: 1.3820952632rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset h1,
.typeset h2,
.typeset h3,
.typeset h4,
.typeset h5,
.typeset h6 {
  -webkit-font-feature-settings: "dlig" 1, "liga" 1, "lnum" 1, "kern" 1;
  -ms-font-feature-settings: "dlig" 1, "liga" 1, "lnum" 1, "kern" 1;
  font-feature-settings: "dlig" 1, "liga" 1, "lnum" 1, "kern" 1;
  color: #333;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.typeset h1,
.typeset .alpha {
  line-height: 3rem;
  font-size: 2.3333333333rem;
  margin-bottom: 0.2583233333rem;
  padding-top: 0.7416766667rem;
}

@media screen and (min-width: 40em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 2.1428571429rem;
    margin-bottom: 0.1964185714rem;
    padding-top: 0.8035814286rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 2.1333333333rem;
    margin-bottom: 0.1933233333rem;
    padding-top: 0.8066766667rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 2.3529411765rem;
    margin-bottom: 0.2646958824rem;
    padding-top: 0.7353041176rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 2.6315789474rem;
    margin-bottom: 0.3552531579rem;
    padding-top: 0.6447468421rem;
  }
}

.typeset h2,
.typeset .beta {
  line-height: 3rem;
  font-size: 2.0833333333rem;
  margin-bottom: 0.1770733333rem;
  padding-top: 0.8229266667rem;
}

@media screen and (min-width: 40em) {
  .typeset h2,
  .typeset .beta {
    font-size: 1.9rem;
    margin-bottom: 0.11749rem;
    padding-top: 0.88251rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h2,
  .typeset .beta {
    font-size: 1.8733333333rem;
    margin-bottom: 0.1088233333rem;
    padding-top: 0.8911766667rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h2,
  .typeset .beta {
    font-size: 2.0882352941rem;
    margin-bottom: 0.1786664706rem;
    padding-top: 0.8213335294rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h2,
  .typeset .beta {
    font-size: 2.3105263158rem;
    margin-bottom: 0.2509110526rem;
    padding-top: 0.7490889474rem;
  }
}

.typeset h3,
.typeset .gamma {
  line-height: 3rem;
  font-size: 1.8666666667rem;
  margin-bottom: 0.1066566667rem;
  padding-top: 0.8933433333rem;
}

@media screen and (min-width: 40em) {
  .typeset h3,
  .typeset .gamma {
    font-size: 1.7142857143rem;
    margin-bottom: 0.0571328571rem;
    padding-top: 0.9428671429rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h3,
  .typeset .gamma {
    font-size: 1.7066666667rem;
    margin-bottom: 0.0546566667rem;
    padding-top: 0.9453433333rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h3,
  .typeset .gamma {
    font-size: 1.7647058824rem;
    margin-bottom: 0.0735194118rem;
    padding-top: 0.9264805882rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h3,
  .typeset .gamma {
    font-size: 1.8578947368rem;
    margin-bottom: 0.1038057895rem;
    padding-top: 0.8961942105rem;
  }
}

.typeset h4,
.typeset .delta {
  line-height: 2rem;
  font-size: 1.6666666667rem;
  margin-bottom: -0.4583433333rem;
  padding-top: 0.4583433333rem;
}

@media screen and (min-width: 40em) {
  .typeset h4,
  .typeset .delta {
    font-size: 1.5214285714rem;
    margin-bottom: -0.5055457143rem;
    padding-top: 0.5055457143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h4,
  .typeset .delta {
    font-size: 1.5rem;
    margin-bottom: -0.51251rem;
    padding-top: 0.51251rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h4,
  .typeset .delta {
    font-size: 1.5705882353rem;
    margin-bottom: -0.4895688235rem;
    padding-top: 0.4895688235rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h4,
  .typeset .delta {
    font-size: 1.6368421053rem;
    margin-bottom: -0.4680363158rem;
    padding-top: 0.4680363158rem;
  }
}

.typeset h5,
.typeset .epsilon {
  line-height: 2rem;
  font-size: 1.4916666667rem;
  margin-bottom: -0.5152183333rem;
  padding-top: 0.5152183333rem;
}

@media screen and (min-width: 40em) {
  .typeset h5,
  .typeset .epsilon {
    font-size: 1.3714285714rem;
    margin-bottom: -0.5542957143rem;
    padding-top: 0.5542957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h5,
  .typeset .epsilon {
    font-size: 1.3666666667rem;
    margin-bottom: -0.5558433333rem;
    padding-top: 0.5558433333rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h5,
  .typeset .epsilon {
    font-size: 1.3235294118rem;
    margin-bottom: -0.5698629412rem;
    padding-top: 0.5698629412rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h5,
  .typeset .epsilon {
    font-size: 1.3157894737rem;
    margin-bottom: -0.5723784211rem;
    padding-top: 0.5723784211rem;
  }
}

.typeset h6,
.typeset .zeta {
  line-height: 2rem;
  font-size: 1.3333333333rem;
  margin-bottom: -0.5666766667rem;
  padding-top: 0.5666766667rem;
}

@media screen and (min-width: 40em) {
  .typeset h6,
  .typeset .zeta {
    font-size: 1.2142857143rem;
    margin-bottom: -0.6053671429rem;
    padding-top: 0.6053671429rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h6,
  .typeset .zeta {
    font-size: 1.2rem;
    margin-bottom: -0.61001rem;
    padding-top: 0.61001rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h6,
  .typeset .zeta {
    font-size: 1.1764705882rem;
    margin-bottom: -0.6176570588rem;
    padding-top: 0.6176570588rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h6,
  .typeset .zeta {
    font-size: 1.1578947368rem;
    margin-bottom: -0.6236942105rem;
    padding-top: 0.6236942105rem;
  }
}

.typeset ul,
.typeset ol {
  line-height: 2rem;
  margin-bottom: 1.43999rem;
  padding-top: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset ul,
  .typeset ol {
    margin-bottom: 1.4007042857rem;
    padding-top: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset ul,
  .typeset ol {
    margin-bottom: 1.39599rem;
    padding-top: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset ul,
  .typeset ol {
    margin-bottom: 1.3882252941rem;
    padding-top: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset ul,
  .typeset ol {
    margin-bottom: 1.3820952632rem;
    padding-top: 0.6179047368rem;
  }
}

.typeset ul li,
.typeset ol li {
  -webkit-font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
  -ms-font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
  font-feature-settings: "kern" 1, "onum" 1, "liga" 1;
  margin-left: 2rem;
}

@media screen and (min-width: 40em) {
  .typeset ul li,
  .typeset ol li {
    margin-left: 0;
  }
}

.typeset b,
.typeset strong,
.typeset .bold {
  font-weight: 700;
}

.typeset em,
.typeset i,
.typeset .italic {
  font-style: italic;
}

.typeset small,
.typeset .caption {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.0666666667rem;
}

@media screen and (min-width: 40em) {
  .typeset small,
  .typeset .caption {
    font-size: 0.9714285714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset small,
  .typeset .caption {
    font-size: 0.96rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset small,
  .typeset .caption {
    font-size: 0.8823529412rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset small,
  .typeset .caption {
    font-size: 0.8210526316rem;
  }
}

.typeset small {
  line-height: 1rem;
}

.typeset .caption {
  color: #714368;
  line-height: 2rem;
  margin-bottom: 1.3466566667rem;
  padding-top: 0.6533433333rem;
}

@media screen and (min-width: 40em) {
  .typeset .caption {
    margin-bottom: 1.3157042857rem;
    padding-top: 0.6842957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset .caption {
    margin-bottom: 1.31199rem;
    padding-top: 0.68801rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset .caption {
    margin-bottom: 1.2867547059rem;
    padding-top: 0.7132452941rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset .caption {
    margin-bottom: 1.2668321053rem;
    padding-top: 0.7331678947rem;
  }
}

.typeset h1 + .caption,
.typeset .alpha + .caption,
.typeset h2 + .caption,
.typeset .beta + .caption,
.typeset h3 + .caption,
.typeset .gamma + .caption {
  margin-top: -1rem;
}

.typeset .delta + .caption,
.typeset .epsilon + .caption,
.typeset .zeta + .caption {
  margin-top: 0;
}

.typeset blockquote p {
  border-left: 0.15rem solid #50b6b8;
  font-style: italic;
  padding-left: 1rem;
  margin-bottom: 1.87999rem;
  padding-bottom: 0.56001rem;
}

@media screen and (min-width: 40em) {
  .typeset blockquote p {
    margin-bottom: 1.8014185714rem;
    padding-bottom: 0.5992957143rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset blockquote p {
    margin-bottom: 1.79199rem;
    padding-bottom: 0.60401rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset blockquote p {
    margin-bottom: 1.7764605882rem;
    padding-bottom: 0.6117747059rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset blockquote p {
    margin-bottom: 1.7642005263rem;
    padding-bottom: 0.6179047368rem;
  }
}

@media screen and (min-width: 40em) {
  .typeset blockquote {
    margin-left: -1rem;
  }
}

.typeset hr {
  background-image: linear-gradient(to bottom, transparent 50%, #714368 50%);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 100% 0.15rem;
  border: 0;
  margin: 0;
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.typeset code,
.typeset pre {
  background-color: #e6e6e6;
  font-family: Menlo, monospace;
}

.typeset pre {
  display: block;
  margin-bottom: 2rem;
  padding: 1rem;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.typeset code {
  line-height: 1rem;
  font-size: 1.0666666667rem;
}

@media screen and (min-width: 40em) {
  .typeset code {
    font-size: 0.9714285714rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset code {
    font-size: 0.96rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset code {
    font-size: 0.8823529412rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset code {
    font-size: 0.8210526316rem;
  }
}

.typeset .upper {
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.typeset .small-caps {
  -webkit-font-feature-settings: "smcp" 1, "kern" 1;
  -ms-font-feature-settings: "smcp" 1, "kern" 1;
  font-feature-settings: "smcp" 1, "kern" 1;
  letter-spacing: 0.1rem;
}

.typeset .lining-numerals {
  -webkit-font-feature-settings: "lnum" 1, "kern" 1;
  -ms-font-feature-settings: "lnum" 1, "kern" 1;
  font-feature-settings: "lnum" 1, "kern" 1;
}

.typeset .oldstyle-numerals {
  -webkit-font-feature-settings: "onum" 1, "kern" 1;
  -ms-font-feature-settings: "onum" 1, "kern" 1;
  font-feature-settings: "onum" 1, "kern" 1;
}

.single {
  margin: 0 auto;
  max-width: 41.6666666667rem;
}

@media screen and (min-width: 40em) {
  .single {
    max-width: 39.2857142857rem;
  }
}

@media screen and (min-width: 50em) {
  .single {
    max-width: 40rem;
  }
}

@media screen and (min-width: 64em) {
  .single {
    max-width: 40rem;
  }
}

@media screen and (min-width: 100em) {
  .single {
    max-width: 39.4736842105rem;
  }
}

.column {
  margin: 0 auto;
  width: 100%;
  max-width: 41.6666666667rem;
}

@media screen and (min-width: 40em) {
  .column {
    float: left;
    margin: inherit;
    max-width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .column {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 40em) {
  .column--duo {
    width: 50%;
  }
}

@media screen and (min-width: 40em) {
  .column--trio {
    width: 33.333%;
  }
}

@media screen and (min-width: 40em) {
  .column--quad {
    width: 50%;
  }
}

@media screen and (min-width: 50em) {
  .column--quad {
    width: 25%;
  }
}

@media screen and (min-width: 40em) {
  .column--main {
    max-width: 65%;
  }
}

@media screen and (min-width: 50em) {
  .column--main {
    max-width: 65%;
  }
}

@media screen and (min-width: 64em) {
  .column--main {
    max-width: 65%;
  }
}

@media screen and (min-width: 100em) {
  .column--main {
    max-width: 63.5384615385%;
  }
}

@media screen and (min-width: 40em) {
  .column--sidebar {
    padding-right: 2rem;
    max-width: 35%;
  }
}

@media screen and (min-width: 50em) {
  .column--sidebar {
    max-width: 35%;
  }
}

@media screen and (min-width: 64em) {
  .column--sidebar {
    padding-right: 4rem;
    max-width: 35%;
  }
}

@media screen and (min-width: 100em) {
  .column--sidebar {
    max-width: 36.4615384615%;
  }
}

@media screen and (min-width: 40em) {
  .column--main + .column--sidebar {
    padding-left: 2rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 64em) {
  .column--main + .column--sidebar {
    padding-left: 4rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 64em) {
  .column--trio p,
  .column--trio li,
  .column--quad p,
  .column--quad li,
  .column--sidebar p,
  .column--sidebar li {
    line-height: 2rem;
    font-size: 0.9941176471rem;
    margin-bottom: 1.3280488235rem;
    padding-top: 0.6719511765rem;
  }
}

@media screen and (min-width: 100em) {
  .column--trio p,
  .column--trio li,
  .column--quad p,
  .column--quad li,
  .column--sidebar p,
  .column--sidebar li {
    line-height: 2rem;
    font-size: 0.9263157895rem;
    margin-bottom: 1.3056742105rem;
    padding-top: 0.6943257895rem;
  }
}

@media screen and (min-width: 40em) {
  .column--right {
    max-width: 65%;
    margin-left: 35%;
  }
}

@media screen and (min-width: 50em) {
  .column--right {
    max-width: 65%;
    margin-left: 35%;
  }
}

@media screen and (min-width: 64em) {
  .column--right {
    max-width: 65%;
    margin-left: 35%;
  }
}

@media screen and (min-width: 100em) {
  .column--right {
    max-width: 63.5384615385%;
    margin-left: 36.4615384615%;
  }
}

@media screen and (min-width: 40em) {
  .column--right .sidenote {
    left: 0;
    padding-left: 1rem;
    padding-right: 2rem;
    position: absolute;
    max-width: 35%;
  }
}

@media screen and (min-width: 50em) {
  .column--right .sidenote {
    max-width: 35%;
  }
}

@media screen and (min-width: 64em) {
  .column--right .sidenote {
    padding-right: 4rem;
    max-width: 35%;
  }
}

@media screen and (min-width: 100em) {
  .column--right .sidenote {
    padding-left: 2rem;
    max-width: 36.4615384615%;
  }
}

@media screen and (min-width: 40em) {
  .column--left {
    max-width: 65%;
  }
}

@media screen and (min-width: 50em) {
  .column--left {
    max-width: 65%;
  }
}

@media screen and (min-width: 64em) {
  .column--left {
    max-width: 65%;
  }
}

@media screen and (min-width: 100em) {
  .column--left {
    max-width: 63.5384615385%;
  }
}

@media screen and (min-width: 40em) {
  .column--left .sidenote {
    padding-left: 2rem;
    padding-right: 1rem;
    position: absolute;
    max-width: 35%;
    left: 65%;
  }
}

@media screen and (min-width: 50em) {
  .column--left .sidenote {
    max-width: 35%;
    left: 65%;
  }
}

@media screen and (min-width: 64em) {
  .column--left .sidenote {
    padding-left: 4rem;
    max-width: 35%;
    left: 65%;
  }
}

@media screen and (min-width: 100em) {
  .column--left .sidenote {
    padding-right: 2rem;
    max-width: 36.4615384615%;
    left: 63.5384615385%;
  }
}

body {
  background-color: #fff;
  color: #4d4d4d;
  overflow-x: hidden;
}

.section {
  padding: 2rem 0;
}

@media screen and (min-width: 40em) {
  .section {
    padding: 3rem 0;
  }
}

@media screen and (min-width: 50em) {
  .section {
    padding: 4rem 0;
  }
}

img {
  -ms-interpolation-mode: bicubic;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

@media screen and (min-width: 40em) {
  img {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
  }
}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box;
}

.pure-form input:not([type]) {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

.pure-form input[type="color"] {
  padding: 0.2em 0.5em;
}

.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 0;
  border-color: #129fea;
}

.pure-form input:not([type]):focus {
  outline: 0;
  border-color: #129fea;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
  outline: thin solid #129fea;
  outline: 1px auto #129fea;
}

.pure-form .pure-checkbox,
.pure-form .pure-radio {
  margin: 0.5em 0;
  display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}

.pure-form input:not([type])[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
  background-color: #eee;
  color: #777;
  border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
  color: #b94a48;
  border-color: #e9322d;
}

.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d;
}

.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff;
}

.pure-form select[multiple] {
  height: auto;
}

.pure-form label {
  margin: 0.5em 0 0.2em;
}

.pure-form fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}

.pure-form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0;
}

.pure-form-stacked input:not([type]) {
  display: block;
  margin: 0.25em 0;
}

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.pure-form-aligned textarea {
  vertical-align: top;
}

.pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em;
}

.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}

.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em;
}

.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em;
}

.pure-form .pure-group fieldset {
  margin-bottom: 10px;
}

.pure-form .pure-group input,
.pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px;
}

.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
  z-index: 3;
}

.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0;
}

.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0;
}

.pure-form .pure-group button {
  margin: 0.35em 0;
}

.pure-form .pure-input-1 {
  width: 100%;
}

.pure-form .pure-input-2-3 {
  width: 66%;
}

.pure-form .pure-input-1-2 {
  width: 50%;
}

.pure-form .pure-input-1-3 {
  width: 33%;
}

.pure-form .pure-input-1-4 {
  width: 25%;
}

.pure-form .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 0.875em;
}

.pure-form-message {
  display: block;
  color: #666;
  font-size: 0.875em;
}

@-ms-viewport {
  width: device-width;
}

body {
  padding: 0;
  margin: 0;
  width: 100%;
}

a,
.typeset a,
.typeset p a,
.typeset li a {
  background-image: none;
  text-shadow: none;
  color: #50b6b8;
}

a:hover,
.typeset a:hover,
.typeset p a:hover,
.typeset li a:hover {
  color: #714368;
}

a:visited,
.typeset a:visited,
.typeset p a:visited,
.typeset li a:visited {
  color: #110a10;
}

.hidden {
  display: none;
}

.site-head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
}

@media screen and (min-width: 40rem) {
  .site-head {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.site-head .logo-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.site-head .logo-container a {
  text-align: center;
}

.site-head .logo-container .logo {
  height: auto;
  width: 40%;
  margin: 1rem 0 0;
}

@media screen and (min-width: 40rem) {
  .site-head .logo-container .logo {
    height: 5rem;
    margin: 1rem 0 1rem 2rem;
    width: auto;
  }
}

.no-flexbox .site-head .logo-container {
  display: inline-block;
  text-align: center;
}

.site-head .main-nav {
  margin-top: 0.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.no-flexbox .site-head .main-nav {
  display: inline-block;
}

.site-head .main-nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  letter-spacing: 0.1rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 40rem) {
  .site-head .main-nav ul {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

.no-flexbox .site-head .main-nav ul {
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 53.75rem) {
  .no-flexbox .site-head .main-nav ul {
    margin: 2rem 0 0;
  }
}

.site-head .main-nav ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 20rem) {
  .site-head .main-nav ul li {
    width: 50%;
  }
}

@media screen and (min-width: 53.75rem) {
  .site-head .main-nav ul li {
    width: auto;
  }
}

.site-head .main-nav ul li a {
  padding: 1.5rem;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
}

.site-head .main-nav ul li a:hover {
  color: #fff;
  background-color: #bd90b4;
}

.no-flexbox .site-head .main-nav ul li {
  display: inline-block;
  text-align: right;
}

.section {
  display: block;
  padding: 4rem 2rem;
  margin: 0;
  min-height: 18.75rem;
  background-color: #fff;
  width: 100%;
}

.hero {
  box-shadow: inset 0 15px 15px -10px rgba(0, 0, 0, 0.5);
  padding: 0;
  height: 25rem;
  background-image: url(/images/hero.jpg);
  background-position: top;
  background-size: cover;
  color: #fff;
}

.hero .hero-overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.hero .hero-overlay h1 {
  background-color: rgba(113, 67, 104, 0.5);
  display: inline-block;
  padding: 2rem;
  position: relative;
  top: 30%;
  color: #fff;
  font-weight: 300;
  font-size: 2.5rem;
}

@media screen and (min-width: 40rem) {
  .hero .hero-overlay h1 {
    font-size: 3.75rem;
    line-height: 4rem;
  }
}

.services-container {
  padding: 0 2rem;
  margin: 0;
  background-color: #e1f3f3;
}

.services-container h2 {
  text-align: center;
  margin: 0 0 1rem 0;
  font-size: 2.5rem;
  color: #50b6b8;
  font-weight: 300;
}

@media screen and (min-width: 40rem) {
  .services-container h2 {
    font-size: 3.75rem;
  }
}

.services-container h3,
.services-container .typeset h3 {
  color: #50b6b8;
  font-weight: 400;
  font-size: 1.875rem;
  margin: 0;
  padding-top: 0;
}

@media screen and (min-width: 80rem) {
  .services-container h3,
  .services-container .typeset h3 {
    font-size: 1.125rem;
  }
}

.services-container ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 0;
  list-style: none;
}

.services-container ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: center;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 1rem;
}

@media screen and (min-width: 20rem) {
  .services-container ul li {
    width: 50%;
  }
}

@media screen and (min-width: 40rem) {
  .services-container ul li {
    width: 33%;
  }
}

@media screen and (min-width: 80rem) {
  .services-container ul li {
    width: 16%;
  }
}

.no-flexbox .services-container ul li {
  display: inline;
  margin: 0;
  padding: 1rem;
}

@media screen and (min-width: 40rem) {
  .no-flexbox .services-container ul li {
    width: 33%;
  }
}

.services-container ul li img {
  border-radius: 50%;
  border: 4px solid #50b6b8;
  height: 6.25rem;
  width: 6.25rem;
  padding: 1rem 0 0 0;
}

.services-container ul li svg {
  fill: #50b6b8;
  height: 6.25rem;
  width: 6.25rem;
}

.services-container ul li svg.bigger {
  height: 7.5rem;
  width: 7.5rem;
  margin-bottom: -1.25rem;
}

.services-container ul li svg.smaller {
  height: 5rem;
  width: 5rem;
  margin: 0.75rem;
}

.services-container ul li p {
  font-size: 1rem;
  line-height: 1.75rem;
  padding: 0.5rem;
  width: 100%;
  color: #333;
}

@media screen and (min-width: 80rem) {
  .services-container ul li p {
    font-size: 0.875rem;
  }
}

.services-container ul li p a {
  display: none;
}

.no-flexbox .services-container ul li p {
  display: none;
}

@media screen and (min-width: 40rem) {
  .no-flexbox .services-container ul li p {
    display: block;
  }
}

.services-container ul li .second {
  width: 100%;
  color: #333;
}

.services-container ul li .second ul {
  list-style: square outside none;
}

.services-container ul li .second ul li {
  display: list-item;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0.5rem;
  margin: 0 2rem;
  width: 100%;
  color: #333;
}

.about-container {
  background-color: #fff;
  color: #333;
}

.about-container h2 {
  margin: 0 0 1rem 0;
  font-size: 2.5rem;
  color: #714368;
  font-weight: 300;
}

@media screen and (min-width: 40rem) {
  .about-container h2 {
    font-size: 3.75rem;
  }
}

.about-container .about-info-container {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.about-container .about-info-container .about-image {
  margin: 0 0 0 1rem;
  display: none;
  height: 12.5rem;
  width: 12.5rem;
  border-radius: 50%;
  border: 0.5rem solid #714368;
  background-image: url("/images/profile.jpg");
  background-position: center left;
  background-size: cover;
}

@media screen and (min-width: 40rem) {
  .about-container .about-info-container .about-image {
    display: block;
  }
}

.about-container .about-info-container .about-text {
  -webkit-flex: 1;
  flex: 1;
  margin: 0 0 0 2rem;
}

.about-container .about-info-container .about-text ul {
  list-style: square;
  color: #bd90b4;
  font-size: 1.4rem;
}

.about-container .about-info-container .about-text ul li {
  margin-left: 4rem;
}

.no-flexbox .about-container .about-info-container {
  display: block;
  margin: 0;
  padding: 1rem;
}

@media screen and (min-width: 40rem) {
  .no-flexbox .about-container .about-info-container {
    width: 100%;
  }
}

.no-flexbox .about-container .about-info-container .about-image {
  display: inline-block;
  margin: 1rem 2rem 1rem 1rem;
}

.no-flexbox .about-container .about-info-container .about-text {
  width: 100%;
  padding: 1rem;
}

.work-container {
  background-color: #e6e6e6;
}

.work-container h2,
.work-container h3,
.work-container h4,
.work-container h5,
.work-container h6 {
  color: #50b6b8;
  font-weight: 300;
  text-align: center;
}

.work-container h2 {
  margin: 0 0 2rem 1rem;
  font-size: 2.5rem;
}

@media screen and (min-width: 40rem) {
  .work-container h2 {
    font-size: 3.75rem;
  }
}

.work-container .button-group-wrapper {
  width: 100%;
  margin: 0;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.work-container .button-group-wrapper .button-group {
  margin: 0 0 0 1rem;
  text-align: center;
  font-size: 1.1rem;
  width: auto;
}

.work-container .button-group-wrapper .button-group:before,
.work-container .button-group-wrapper .button-group:after {
  display: table;
  content: "";
}

.work-container .button-group-wrapper .button-group:after {
  clear: both;
}

@media screen and (min-width: 20rem) {
  .work-container .button-group-wrapper .button-group {
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 40rem) {
  .work-container .button-group-wrapper .button-group {
    font-size: 1.4rem;
  }
}

.work-container .work-list-container {
  width: 100%;
}

.work-container .work-list-container ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 2rem 0 0;
  list-style: none;
}

.no-flexbox .work-container .work-list-container ul {
  display: block;
}

.work-container .work-list-container ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 1rem;
  text-align: center;
  border-radius: 4px;
  width: 100%;
}

@media screen and (min-width: 40rem) {
  .work-container .work-list-container ul li {
    width: 16.6666666667rem;
    height: 12.5rem;
  }
}

@media screen and (min-width: 53.75rem) {
  .work-container .work-list-container ul li {
    width: 25rem;
    height: 18.75rem;
  }
}

.work-container .work-list-container ul li > div {
  max-width: 100%;
  height: auto;
}

.work-container .work-list-container ul li > div img {
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);
  max-width: 100%;
  height: auto;
}

.work-container .work-list-container ul li h6 {
  padding: 0.25rem;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.5rem;
  width: 100%;
  margin-bottom: 0;
}

.no-flexbox .work-container .work-list-container ul li {
  display: inline-block;
  width: 40%;
}

.contact-container {
  box-shadow: inset 0 -15px 15px -11px rgba(0, 0, 0, 0.5);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.contact-container h1,
.contact-container h2,
.contact-container h3,
.contact-container h4,
.contact-container h5,
.contact-container h6 {
  color: #714368;
  font-weight: 300;
  font-size: 2.5rem;
  margin: 0 0 2rem 0;
}

@media screen and (min-width: 40rem) {
  .contact-container h1,
  .contact-container h2,
  .contact-container h3,
  .contact-container h4,
  .contact-container h5,
  .contact-container h6 {
    font-size: 3.75rem;
  }
}

.contact-container .contact-form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  background-color: transparent;
  width: 100%;
}

@media screen and (min-width: 40rem) {
  .contact-container .contact-form {
    width: 75%;
  }
}

.contact-container .contact-form input,
.contact-container .contact-form textarea,
.contact-container .contact-form .submit {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.2rem;
  padding: 1rem;
  background-color: #e6e6e6;
  border: 1px solid gray;
}

.no-flexbox .contact-container .contact-form input,
.no-flexbox .contact-container .contact-form textarea,
.no-flexbox .contact-container .contact-form .submit {
  display: block;
  width: 100%;
}

.contact-container .contact-form input {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0.5rem 0.25rem;
  width: 100%;
}

@media screen and (min-width: 40rem) {
  .contact-container .contact-form input {
    margin: 0.5rem 0.25rem;
    width: 30%;
  }
}

.contact-container .contact-form textarea {
  -webkit-order: 99;
  order: 99;
  margin: 0.5rem 0.25rem;
  width: 100%;
  height: 9.375rem;
}

@media screen and (min-width: 40rem) {
  .contact-container .contact-form textarea {
    margin: 0.5rem 0.25rem;
  }
}

.contact-container .contact-form .submit {
  -webkit-order: 100;
  order: 100;
  font-size: 1.4rem;
  margin: 0.5rem 0.25rem;
  width: 100%;
  text-align: center;
  border: 1px solid #110a10;
  background-color: #714368;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
}

.contact-container .contact-form .submit:hover {
  background-color: #915685;
}

@media screen and (min-width: 40rem) {
  .contact-container .contact-form .submit {
    margin: 0.5rem 0.25rem;
  }
}

.contact-container .contact-form .submit:disabled {
  background-color: gray;
}

.contact-container .contact-form .submit:disabled:hover {
  background-color: gray;
}

.no-flexbox .contact-container .contact-form {
  display: block;
  width: 100%;
}

.footer-container .details {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

.footer-container .details .logo {
  width: 15rem;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 4rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: center;
  align-self: center;
}

.footer-container .details .contact-options {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 2rem 0;
}

.footer-container .details .copyright {
  padding: 1rem;
  color: gray;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.no-flexbox .footer-container .details {
  display: block;
  width: 100%;
  text-align: center;
}

.no-flexbox .footer-container .details .logo {
  display: block;
}

.no-flexbox .footer-container .details .contact-options {
  display: block;
}

.no-flexbox .footer-container .details .contact-options span {
  padding: 0 4rem;
}

.no-flexbox .footer-container .details .copyright {
  display: block;
}