/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

html {
  box-sizing: border-box; }

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

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

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #F1F1F1;
  text-decoration: none; }
  a:focus, a:hover {
    color: #cbcbcb;
    text-decoration: none; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  line-height: inherit; }

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

textarea,
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0; }

body {
  font-family: 'Archivo Black', sans-serif;
  font-size: 16px;
  line-height: 23px; }

body a {
  text-decoration: none; }

p a {
  text-decoration: underline; }

h1 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  line-height: 23px; }

.h1 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  line-height: 23px; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.kiosk #awImageSection {
  font-size: 2rem;
  padding-top: 2rem; }

.kiosk #awImageSection h1 {
  font-size: 3rem;
  line-height: 3.75rem; }

.kiosk .aw-author {
  padding: 1rem 0 2rem 0; }

.kiosk .medium-reaction {
  font-size: 50px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  width: 70% !important; }

.kiosk .long-reaction {
  font-size: 30px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  width: 50% !important; }

.kiosk .shortest-reaction {
  font-size: 120px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.kiosk .short-reaction {
  font-size: 90px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.green {
  background: green;
  height: 200px; }

.orange {
  background: orange; }

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%; }

.absolute-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 1px; }

.content-container {
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-height: 1px;
  padding-right: 6.66667%;
  padding-left: 6.66667%;
  z-index: 9; }
  @media (min-aspect-ratio: 425 / 540) {
    .content-container {
      max-width: 977px;
      padding-right: 0;
      padding-left: 0; } }

.row, .row-full {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  margin-left: -1.33333%;
  margin-right: -1.33333%; }

.row-full {
  margin-left: 0;
  margin-right: 0; }

.row-min {
  -webkit-flex: 0 1 auto;
          flex: 0 1 auto; }

.row-quarter {
  -webkit-flex: 1 1 5%;
          flex: 1 1 5%; }

.flex-column {
  -webkit-flex-direction: column;
          flex-direction: column; }

.col-1-8 {
  -webkit-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-1-4 {
  -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-3-8 {
  -webkit-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-half, .col-1-2 {
  -webkit-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-5-8 {
  -webkit-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-3-4 {
  -webkit-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-7-8 {
  -webkit-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  max-width: 87.5%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

.col-full, .col-1 {
  -webkit-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 1.33333%;
  padding-right: 1.33333%; }

@media (min-aspect-ratio: 425 / 540) and (min-width: 640px) and (min-height: 500px) {
  .col-1-8-wide {
    -webkit-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-1-4-wide {
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-3-8-wide {
    -webkit-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-half-wide, .col-1-2-wide {
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-5-8-wide {
    -webkit-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-3-4-wide {
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-7-8-wide {
    -webkit-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; }
  .col-full-wide, .col-1-wide {
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 1.33333%;
    padding-right: 1.33333%; } }

.max-width {
  margin-left: auto;
  margin-right: auto; }
  @media (min-aspect-ratio: 425 / 540) {
    .max-width {
      max-width: 977px; } }

.center {
  margin: auto; }

.horizontal-center {
  margin-left: auto;
  margin-right: auto; }

.vertical-center {
  margin-top: auto;
  margin-bottom: auto; }

.full-height {
  height: 100%; }

.full-width {
  width: 100%; }

.fill-max {
  min-height: 100vh;
  width: 100%; }

.no-side-margins {
  margin-left: 0;
  margin-right: 0; }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

@media (max-aspect-ratio: 425 / 540) {
  .no-side-padding-portrait {
    padding-left: 0;
    padding-right: 0; } }

.relative {
  position: relative; }

.flex {
  display: -webkit-flex;
  display: flex; }

.top-left {
  top: 0;
  left: 0; }

.bottom-left {
  bottom: 0;
  left: 0; }

.gird-overlay {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 100; }

.overlay-white {
  background-color: rgba(200, 200, 200, 0.2);
  height: 100vh; }

.all-content {
  min-height: 100vh; }

.nav-padding {
  padding-top: 55px; }

.nav-margin {
  margin-top: 55px; }

.bottom-nav-padding {
  padding-bottom: 55px; }

.bottom-nav-margin {
  margin-bottom: 55px; }

:root {
  --primaryShade: #c10032;
  --primaryColor: #fb485b;
  --primaryTint: #58c5dc;
  --secondaryShade: #00667b;
  --secondaryColor: #fb485b; }

.white {
  color: #FFFFFF; }

.offWhite {
  color: #F2F2F2; }

.gray {
  color: #B8B8B8; }

.black {
  color: #000000; }

.black-bg {
  background-color: #000000; }

.gray-bg {
  background-color: #F2F2F2; }

.aw-bg {
  background-color: var(--secondaryShade); }

body {
  font-family: 'Archivo Black', sans-serif;
  font-size: 16px;
  line-height: 23px; }

body a {
  text-decoration: none; }

p a {
  text-decoration: underline; }

h1 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  line-height: 23px; }

.h1 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  line-height: 23px; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.kiosk #awImageSection {
  font-size: 2rem;
  padding-top: 2rem; }

.kiosk #awImageSection h1 {
  font-size: 3rem;
  line-height: 3.75rem; }

.kiosk .aw-author {
  padding: 1rem 0 2rem 0; }

.kiosk .medium-reaction {
  font-size: 50px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  width: 70% !important; }

.kiosk .long-reaction {
  font-size: 30px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  width: 50% !important; }

.kiosk .shortest-reaction {
  font-size: 120px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.kiosk .short-reaction {
  font-size: 90px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

body {
  width: 100%;
  background-color: var(--secondaryShade);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

html {
  box-sizing: border-box; }

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

::-webkit-scrollbar {
  display: none; }

p {
  margin: 0; }

a {
  color: #FFFFFF;
  text-decoration: none; }

a:hover {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer; }

img {
  image-orientation: from-image; }

.arrows {
  position: fixed;
  height: 70px;
  width: 100%;
  left: 0;
  top: calc(50vh - 35px);
  z-index: 4;
  opacity: 1;
  pointer-events: none; }

.kiosk .arrow-l {
  padding-right: 5px;
  padding-left: 10px;
  width: 40px; }

.arrow-l {
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 2px;
  padding-left: 1px;
  left: 0;
  float: left;
  /*	background-color: var(--primaryColor);
*/
  pointer-events: initial;
  cursor: pointer; }

.kiosk .arrow-r {
  padding-right: 10px;
  padding-left: 5px;
  width: 40px; }

.arrow-r {
  cursor: pointer;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 2px;
  padding-right: 1px;
  right: 0;
  float: right;
  stroke: var(--primaryColor);
  pointer-events: initial; }

.standard-up-down-margin {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mobile-head-padding {
  padding-top: 3.5rem;
  padding-bottom: 5rem; }

.contribs-padding-bottom {
  padding-bottom: 250px; }

.mobile-standard-up-down-padding {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.mobile-small-up-down-padding {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.top-padding {
  padding-top: 2rem; }

.added-spacing {
  margin-top: 143px; }

.top-padding-small {
  padding-top: .3rem;
  margin-bottom: -1.1rem; }

.bottom-padding {
  padding-bottom: 2rem; }

.double-bottom-padding {
  padding-bottom: 2rem; }

.text-cb-padding {
  padding-bottom: 10%;
  padding-top: 30vh; }

.img-cb-padding {
  padding-bottom: 10%;
  padding-top: 30vh; }

.mobile-right-margin {
  margin-right: 2rem; }

.header-height {
  margin-top: 55px; }

.text-contr-margin {
  margin-top: 30%; }

.image-contribution-container {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform 0 linear 0;
  transition: transform 0 linear 0;
  transition: transform 0 linear 0, -webkit-transform 0 linear 0; }

#app-container {
  display: block; }

.nav-wrapper {
  position: fixed;
  z-index: 11; }

.topNavBar {
  height: 55px;
  border-bottom: 2px solid #D8D8D8;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  width: 100%; }

.nav-overlay {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4); }

.bottomNavBar {
  background-color: var(--secondaryColor);
  height: 55px;
  color: var(--secondaryShade);
  box-shadow: 0 2px 4px var(--secondaryShade);
  z-index: 10; }

.backToTop {
  background-color: var(--primaryColor);
  width: 100%;
  height: 60px;
  text-align: center;
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }

.dark-text {
  color: var(--secondaryShade); }

.navItems {
  line-height: 55px;
  vertical-align: middle; }

.kiosk .dropdownBt {
  display: none; }

.nudge-up {
  margin-top: -3px; }

.nudge-down {
  margin-top: 12px; }

.img-left {
  position: absolute;
  left: 5.33333%; }

.img-right {
  right: 5.33333%; }

.menuLogo {
  width: 150px; }

.menuLogo img {
  width: 100%;
  height: auto; }

.img-right.up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.intro-content {
  background-color: black;
  width: 100%; }

.search-field-wrapper {
  position: relative;
  width: 100%; }

#searchBar {
  position: relative;
  background-color: #F2F2F2;
  width: 100%;
  height: 2rem;
  border: none;
  border-bottom: 2px dimgray solid; }

.close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0; }

.close-icon:after {
  content: " ";
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAN1JREFUOBGdkssNgzAQRKkgN3JdUUL6L4AGcp8qcsiJvAE5QSLGXkZ6wgLP47fDsuXJYRwuhF6AYBnAIictpBMgcGbLRkgL6QQInBlu64uxSAnZHyBwfqLymTjZJWRfgMA5inqFlAMETl3UElIOEDht0YnwgUC2kH5RRfjePBdEO6GfqIherKdyLXWkGCBwLHLSg+1BDhA4/kYTpAf7n2idbGRdc/h9fQoBAufw1zjXJ2RjgMA5iModuXYuZEOAwKmKmkLKAQKnKToVIpAtpFtUE/rvOWnRTninv47NBx5zUC7OmiZJAAAAAElFTkSuQmCC);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: inherit;
  display: block;
  width: 26px;
  height: 26px;
  background-color: #B8B8B8;
  right: 0;
  top: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 50%;
  text-align: center;
  color: #F2F2F2;
  font-weight: normal;
  font-size: 21px;
  line-height: 26px;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.close-icon:focus,
.search-icon:focus {
  box-shadow: none;
  border: none;
  outline: none; }

.search-icon {
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjIgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5LjMgKDUxMTY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zZWFyY2gtaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4wMDAwMDAsIC0yLjAwMDAwMCkiIHN0cm9rZT0iIzUzNTM1MyIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGcgaWQ9InNlYXJjaC1pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC41MDAwMDAsIDE0LjAwMDAwMCkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTQuNTAwMDAwLCAtMTQuMDAwMDAwKSB0cmFuc2xhdGUoNy4wMDAwMDAsIDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTIiIGN4PSI3LjUiIGN5PSI3LjUiIHI9IjcuNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy41LDE0LjUgTDcuNSwyMy41IiBpZD0iTGluZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: inherit;
  padding-right: 15px;
  width: 30px;
  height: 30px;
  border: none;
  right: 0;
  top: 5px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.search-content {
  background-color: #F2F2F2;
  border-top: 2px lightgray solid;
  margin-top: 55px; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #B8B8B8; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #B8B8B8; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #B8B8B8; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #B8B8B8; }

#searchResults {
  color: #FFFFFF; }

#searchResults ul {
  text-decoration: none; }

#searchResults p {
  padding-bottom: 30px; }

#searchResults li {
  border-top: 1px solid #B8B8B8; }

#searchResults li:last-child {
  border-bottom: 1px solid #B8B8B8; }

#searchResults a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none; }

#searchResults li .title {
  font-size: 120%; }

.underline {
  text-decoration: underline; }

.white-bottom-border {
  border-bottom: 1px white solid; }

.outer-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4); }

.inner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 300px;
  height: 400px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-align: center; }

.shareTo {
  width: 250px;
  height: 60px;
  margin: 10px 0 10px calc(50% - 125px);
  background-color: var(--primaryColor);
  box-shadow: 0 2px 4px var(--primaryShade); }

.centerText {
  -webkit-justify-content: center;
          justify-content: center; }

.leftText {
  text-align: left; }

.shareIcon {
  margin: auto 15% auto 15%;
  width: auto;
  vertical-align: middle; }

.close {
  width: 100%; }

#awImageSection img {
  width: 100%;
  height: 100%; }

#awImageSection > div {
  touch-action: unset !important; }

.unclickable {
  pointer-events: none; }

.clickable {
  pointer-events: initial; }

.info-container {
  height: 1px;
  z-index: 11; }

.info-button {
  position: relative;
  float: right;
  top: -.35rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aW5mby1pY29uPC90aXRsZT48cGF0aCBjbGFzcz0iYSIgZD0iTTUuNzksMTIuMTd2LS45NWwuNjEtLjA4Yy4xNywwLC4xOS0uMDYuMTktLjI0VjcuMzdhLjIzLjIzLDAsMCwwLS4xNS0uMjVsLS42NS0uMjMuMTMtMUg4LjR2NWMwLC4xOSwwLC4yMi4xOS4yNGwuNjIuMDh2Ljk1Wk03LjMzLDVBMSwxLDAsMCwxLDYuMjUsMy44OGExLDEsMCwwLDEsMS4wOC0xLDEsMSwwLDAsMSwxLjEsMUExLDEsMCwwLDEsNy4zMyw1WiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: var(--secondaryColor);
  background-size: contain;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.kiosk .info-button {
  display: none; }

.info-box {
  margin-top: -3.2rem;
  padding: 1rem;
  position: relative;
  background-color: var(--primaryColor);
  color: var(--primaryShade);
  box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.2); }
  .info-box::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--primaryColor);
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2)); }

.info-box a {
  color: var(--primaryShade);
  word-break: break-all; }

.info-box-background {
  position: fixed;
  width: 100%;
  height: 100vh; }

.react-button::before, .react-button::after, .single-btn-left::before, .single-btn-left::after, .single-btn-right::before, .single-btn-right::after, .submit-btn::before, .share-btn::before, .submit-btn::after, .share-btn::after, .intro-btn::before, .intro-btn::after {
  position: absolute;
  content: '';
  transition: all .5s; }

.react-button {
  position: fixed;
  width: 160px;
  height: 60px;
  background-color: var(--primaryColor);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  bottom: 20%;
  right: -160px;
  z-index: 8;
  cursor: pointer; }
  .react-button::before {
    bottom: -5px;
    height: 5px;
    width: 100%;
    left: 2px;
    -webkit-transform: skewX(45deg);
            transform: skewX(45deg);
    background-color: var(--primaryShade); }
  .react-button::after {
    right: -5px;
    height: 100%;
    width: 5px;
    bottom: -2px;
    -webkit-transform: skewY(45deg);
            transform: skewY(45deg);
    background-color: var(--primaryShade); }

.reactIcon {
  width: 40%;
  margin-top: -5px;
  vertical-align: middle;
  padding: 0 15px 0 18px; }

.kiosk .react-button {
  display: none; }

.kioskPrompt {
  display: none;
  position: absolute; }

.longTitle {
  font-size: 1rem;
  line-height: 1rem; }

.kiosk .kioskPrompt {
  display: inline-block;
  position: absolute;
  padding-left: 0;
  opacity: 0; }

.kiosk .absolute-container, .kiosk .user-img, .kiosk .text-contribution {
  top: 50rem; }

.kiosk .user-img {
  z-index: 3;
  top: 50rem; }

.kiosk .text-contribution {
  z-index: 3;
  top: 50rem; }

.kiosk .signature-image {
  position: relative;
  top: 48rem; }

.kiosk .kioskContributions {
  padding-bottom: 35rem; }

.kiosk .longTitle {
  font-size: 3rem;
  line-height: 3rem; }

.kiosk .top-padding-small {
  margin-bottom: 0rem; }

.contributions-container {
  margin-top: 90vh; }
  @media (max-width: 640px) {
    .contributions-container {
      margin-top: 700px; } }

.contributions-section {
  margin-top: auto;
  margin-bottom: 10rem; }

.cb-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
  z-index: 10; }

.kiosk .cb-shareIcon {
  display: none; }

.image-contribution-position {
  position: relative;
  top: -200px; }

.text-contribution, .image-contribution-container img {
  cursor: pointer; }

.text-contribution .right {
  width: 100%;
  padding-left: 19%;
  padding-right: 0%; }

.text-contribution .left {
  width: 100%;
  text-align: left;
  padding-left: 0%; }

.text-contribution .normal {
  width: 100%;
  text-align: left;
  padding-left: 0%; }

.rotate-left {
  margin-left: -5.5%;
  padding: 50% 0 50% 0; }

.rotate-right {
  margin-left: 0%;
  padding: 50% 0 10% 0; }

.shortest-reaction {
  font-size: 100px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 70px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.short-reaction {
  font-size: 70px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 70px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.medium-reaction {
  font-size: 40px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 42px;
  text-transform: uppercase;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.long-reaction {
  font-size: 20px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 26px;
  text-transform: uppercase;
  color: var(--primaryTint);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); }

.underline {
  text-decoration: underline; }

.user-text {
  font-weight: bold;
  color: var(--primaryTint); }

.top-layer {
  z-index: 1; }

.bottom-layer {
  z-index: -1; }

.contr-element {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.clicked-transform {
  bottom: 25%; }

.element-center {
  position: absolute; }

.prompt-container {
  margin-top: 6rem; }

.prompt-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.contr-text {
  width: 100%; }

.contr-img {
  padding-left: 20%;
  float: right; }

.clicked-img {
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%); }

.clicked-text {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

#ClickedContr {
  z-index: 9; }

.signature {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  font-family: 'Archivo Black', sans-serif;
  color: var(--primaryTint);
  text-transform: lowercase;
  text-decoration: none !important; }

.signature-image {
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  font-family: 'Archivo Black', sans-serif;
  color: var(--primaryShade);
  text-transform: lowercase;
  z-index: 7;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 2.66667%;
  padding-right: 2.66667%; }

.bigPrompt {
  font-family: Oswald;
  text-transform: uppercase;
  font-size: 6.5vh;
  line-height: 1.1em;
  letter-spacing: .01em;
  color: transparent;
  -webkit-text-stroke: .025em white;
  paint-order: stroke fill;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
  z-index: 2;
  width: 80%; }

.smallPrompt {
  font-family: Oswald;
  position: fixed;
  z-index: 2;
  text-transform: uppercase;
  font-size: 6.5vh;
  max-width: 37%;
  line-height: 1.1em;
  letter-spacing: .01em;
  color: transparent;
  -webkit-text-stroke: .025em white;
  paint-order: stroke fill;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.05); }

.contribute-btn-right {
  position: absolute;
  right: 0; }

.hidden {
  overflow: hidden; }

.bad-word {
  color: #FFFFFF;
  height: 200px;
  width: 70%;
  margin-left: 15%;
  line-height: 30px !important; }

.single-btn-left {
  position: relative;
  height: 60px;
  background-color: var(--primaryColor);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); }
  .single-btn-left::before {
    bottom: -4px;
    height: 4px;
    width: 100%;
    left: 2px;
    -webkit-transform: skewX(45deg);
            transform: skewX(45deg);
    background-color: var(--primaryShade); }
  .single-btn-left::after {
    right: -4px;
    height: 60px;
    width: 4px;
    bottom: -2px;
    -webkit-transform: skewY(45deg);
            transform: skewY(45deg);
    background-color: var(--primaryShade); }

.single-btn-right {
  position: relative;
  height: 60px;
  background-color: var(--primaryColor);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); }
  .single-btn-right::before {
    bottom: -4px;
    height: 4px;
    width: 100%;
    left: -2px;
    -webkit-transform: skewX(135deg);
            transform: skewX(135deg);
    background-color: var(--primaryShade); }
  .single-btn-right::after {
    left: -4px;
    height: 60px;
    width: 4px;
    bottom: -2px;
    -webkit-transform: skewY(135deg);
            transform: skewY(135deg);
    background-color: var(--primaryShade); }

.btn-text {
  color: white;
  line-height: 60px;
  font-size: 24px;
  margin-top: 3rem;
  font-family: 'Archivo Black', sans-serif; }

.btn-text:active {
  -webkit-transform: translate(3px, 3px);
          transform: translate(3px, 3px); }

.btn-deactivated {
  opacity: 0.7; }

.quarter-padding-right {
  padding-right: 25%; }

.quarter-padding-left {
  padding-left: 25%; }

.search-text {
  color: gray;
  line-height: 1rem;
  font-size: 1rem;
  font-family: 'Archivo Black', sans-serif;
  padding-top: 1rem;
  padding-bottom: .75rem;
  margin-left: 0; }

.img-icon {
  vertical-align: text-top;
  /*  height:25px;
*/
  margin-right: 15px;
  margin-left: 10px; }

#animate-img {
  padding-left: -10%;
  padding-right: -10%; }

.textarea-wrapper {
  height: 12rem; }

textarea {
  font-family: 'Archivo Black', sans-serif;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  font-size: 3rem;
  color: var(--primaryTint);
  line-height: 3rem; }

.textReaction {
  min-height: 12rem; }

.imageSignature {
  min-height: 10rem; }

textarea:focus, input:focus {
  outline: none !important; }

.ig-prompt {
  color: #B8B8B8;
  font-size: 1.4rem;
  line-height: 1.4rem;
  z-index: 2;
  margin-bottom: 2rem;
  margin-left: 0.1rem;
  max-width: 22rem; }

.text-container {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transition: -webkit-transform 0 linear 0;
  transition: transform 0 linear 0;
  transition: transform 0 linear 0, -webkit-transform 0 linear 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }

.submit-btn, .share-btn {
  background-color: var(--primaryColor);
  line-height: 55px;
  margin: 0.68rem auto;
  font-size: 24px;
  color: white;
  font-family: 'Archivo Black', sans-serif;
  border: none;
  cursor: pointer; }
  .submit-btn::before, .share-btn::before {
    bottom: -4px;
    height: 4px;
    width: 100%;
    left: 2px;
    -webkit-transform: skewX(45deg);
            transform: skewX(45deg);
    background-color: var(--primaryShade); }
  .submit-btn::after, .share-btn::after {
    right: -4px;
    height: 100%;
    width: 4px;
    bottom: -2px;
    -webkit-transform: skewY(45deg);
            transform: skewY(45deg);
    background-color: var(--primaryShade); }

.submit-btn:active {
  -webkit-transform: translate(5px, 5px);
          transform: translate(5px, 5px); }

.back-btn {
  background-color: var(--secondaryColor);
  color: #FFFFFF; }

.image-reaction-container {
  height: 20rem;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center; }

input[type=file] {
  color: transparent;
  display: none; }

#image-signature-area {
  position: relative;
  width: 100%;
  z-index: 2; }

.masks {
  width: 100%;
  position: absolute;
  top: 0; }

.mask-background {
  fill: var(--secondaryColor);
  box-shadow: 0 2px 4px #010101; }

.img-background {
  z-index: 5; }

.img-background path {
  fill: var(--primaryShade);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); }

.user-img {
  position: relative;
  z-index: 2;
  width: 100%; }

.user-img-position {
  padding-left: 10%;
  padding-right: 10%;
  margin-top: -20%; }

.gray-border {
  border-bottom: 2px solid #B8B8B8; }

#scroll {
  bottom: -1500px; }

#swipe {
  left: -100%; }

#react {
  font-size: 0; }

.nav-height {
  height: 55px; }

#intro-page {
  height: 100vh;
  width: 100%; }

.intro-center {
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.intro-big-text {
  font-family: Oswald;
  font-size: 6.5vh;
  line-height: 8vh;
  letter-spacing: .01em;
  color: transparent;
  -webkit-text-stroke: .025em white;
  paint-order: stroke fill;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 1rem; }

.intro-small-text {
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-top: 0;
  color: #B8B8B8; }

.intro-btn {
  width: 100%;
  height: 60px;
  color: #FFFFFF;
  background-color: #B8B8B8;
  text-align: center;
  text-decoration: none; }
  .intro-btn::before {
    bottom: -4px;
    height: 4px;
    width: 100%;
    left: 2px;
    -webkit-transform: skewX(45deg);
            transform: skewX(45deg);
    background-color: #F2F2F2; }
  .intro-btn::after {
    right: -4px;
    height: 60px;
    width: 4px;
    bottom: -2px;
    -webkit-transform: skewY(45deg);
            transform: skewY(45deg);
    background-color: #F2F2F2; }

.vertical-layout {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }

.horizontal-layout {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row; }

.fixed {
  position: fixed; }

.awGallery {
  color: var(--secondaryColor);
  width: 100%;
  position: relative; }

.aw-author {
  line-height: 2rem; }

.upload-img {
  height: 100%;
  position: absolute;
  z-index: -1; }

.up-overlay {
  margin-top: -20%; }

.display-upload-img {
  width: 100%;
  height: 100%;
  padding-left: 10%;
  padding-right: 10%; }

.signature-padding {
  padding-left: 10%;
  padding-right: 10%; }

.z-0, .level-0 {
  z-index: 0; }

.z-1, .level-1 {
  z-index: 1; }

.z-2, .level-2 {
  z-index: 2; }

.z-3, .level-3 {
  z-index: 3; }

.z-4, .level-4 {
  z-index: 4; }

.z-5, .level-5 {
  z-index: 5; }

.z-6, .level-6 {
  z-index: 6; }

.z-7, .level-7 {
  z-index: 7; }

.z-8, .level-8 {
  z-index: 8; }

.z-9, .level-9 {
  z-index: 9; }

@media (min-width: 978px) {
  .right {
    padding-left: 0;
    padding-right: 0; }
  .left {
    padding-left: 0;
    padding-right: 0; }
  .relative {
    position: relative; }
  .absolute {
    position: absolute; }
  .vertical-middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .img-left {
    left: 0; }
  .img-right {
    right: 0; }
  .transform-top {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .transform-left {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .user-img-padding {
    padding-bottom: 1000px; }
  .btn-text {
    min-width: 10rem; }
  .share-btn {
    min-width: 20rem; } }

/* Portrait */
/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  *:not(html) .arrow-r {
    padding-right: 5px;
    padding-left: 10px;
    width: 35px; }
  *:not(html) .arrow-l {
    padding-right: 10px;
    padding-left: 5px;
    width: 35px; }
  *:not(html) .btn-text {
    min-width: 10rem; }
  *:not(html) .share-btn {
    min-width: 20rem; } }

@media (min-width: 641px) and (max-width: 977px) {
  .right {
    padding-left: 0;
    padding-right: 0; }
  .left {
    padding-left: 0;
    padding-right: 0; }
  .relative {
    position: relative; }
  .absolute {
    position: absolute; }
  .vertical-middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .prompt-bottom-padding {
    margin-bottom: 5rem; }
  .img-left {
    left: 5.33333%; }
  .img-right {
    right: 5.33333%; }
  .transform-top {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .transform-left {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .btn-text {
    min-width: 10rem; }
  .share-btn {
    min-width: 20rem; } }

@media (max-width: 640px) {
  .intro-container {
    position: absolute;
    top: 55px;
    bottom: 0;
    width: 100%; }
  .intro-center {
    top: 40%;
    position: relative;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%); }
  .intro-big-text {
    font-family: Oswald;
    font-size: 6.5vh;
    line-height: 6vh;
    letter-spacing: .02em;
    color: transparent;
    -webkit-text-stroke: .035em white;
    paint-order: stroke fill;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: .5rem; }
  .intro-small-text {
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: 1.25rem;
    margin-top: 0;
    padding-top: 0;
    color: #B8B8B8; }
  .intro-btn {
    margin-top: 1.5rem !important; }
  .nudge-down {
    margin-top: 2px; }
  .single-btn-left {
    width: 150px; }
  .single-btn-right {
    width: 150px; }
  .prompt-center {
    position: absolute;
    top: 25%;
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%); }
  .bigPrompt {
    text-transform: uppercase;
    font-size: 6.5vh;
    line-height: 1.1em;
    letter-spacing: .02em;
    -webkit-text-stroke: .035em white; }
  .smallPrompt {
    text-transform: uppercase;
    font-size: 5.5vh;
    line-height: 1.1em;
    letter-spacing: .02em;
    -webkit-text-stroke: .035em white; }
  .contr-text {
    padding-right: 10%;
    padding-left: 10%; }
  .mobile-contr-text-margin {
    margin-top: 40%; }
  .standard-padding {
    padding-left: 5.33333%;
    padding-right: 5.33333%; }
  .contribute-btn-left {
    position: fixed;
    left: -5.5rem; }
  .contribute-btn-right {
    position: fixed;
    right: -5.5rem; }
  .image-contrib-margin {
    margin-top: 10rem;
    margin-bottom: 20rem; }
  .submit-btn {
    height: 60px;
    text-align: center; }
  .signature-padding {
    padding-left: 0;
    padding-right: 0; }
  .user-text {
    overflow-wrap: break-word; }
  .display-upload-img {
    padding: 0; }
  .up-overlay {
    margin-top: -50%; }
  .user-img-padding {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 300px; }
  .clicked-transform {
    bottom: 15%; }
  .shareIcon {
    margin: auto 10% auto 5%;
    width: auto;
    vertical-align: middle; }
  .contribs-padding-bottom {
    padding-bottom: 150px; }
  .react-button {
    bottom: 2rem; }
  .image-reaction-container {
    height: 12rem; }
  .img-icon {
    margin-left: 15px; } }