@media screen and (max-width: 600px) {
  html {
    font-size: 12px; } }

@media screen and (min-width: 600px) {
  html {
    font-size: 14px; } }

@media screen and (min-width: 1200px) {
  html {
    font-size: 16px; } }

@media screen and (min-width: 1900px) {
  html {
    font-size: 20px; } }

body, html {
  font-family: aktiv-grotesk, sans-serif;
  font-style: normal;
  transition: all 300ms linear;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-weight: 200;
  font-size: 4.5rem;
  line-height: 1.1;
  margin: 0;
  padding: 0; }
  h1 b {
    font-weight: 800; }
  @media screen and (max-width: 600px) {
    h1 {
      font-size: 2.75rem; } }
h2 {
  font-weight: 300;
  font-size: 3rem;
  margin: -10px 0 0;
  padding: 0; }
  h2 b {
    font-weight: 800; }
  @media screen and (max-width: 600px) {
    h2 {
      font-size: 2.75rem; } }
h3, label {
  font-weight: 300;
  font-size: 2rem;
  margin: 0;
  padding: 0; }
  h3 b, label b {
    font-weight: 800; }

@media screen and (max-width: 1200px) {
  .hasevent label {
    margin: 50px 0 0; } }

a {
  text-decoration: none;
  color: inherit;
  transition: all 300ms linear; }
  a:hover {
    color: #0059ff;
    opacity: 1; }

small, button, .button, .secondary-question {
  font-family: 'Source Code Pro', monospace;
  font-size: 0.85rem;
  letter-spacing: 2px;
  text-transform: uppercase; }
  @media screen and (max-width: 600px) {
    small, button, .button, .secondary-question {
      font-size: 1rem; } }
small {
  margin: 0 0 20px; }

button, .button {
  margin: 20px 0; }

figcaption {
  font-family: 'Source Code Pro', monospace;
  font-size: 0.875rem;
  margin: 5px 0 0;
  letter-spacing: 2px;
  text-transform: uppercase; }

p, input, select, textarea {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.5; }

header {
  color: white; }

.form h2, .quote h2 {
  margin: 20px 0 0; }

html {
  scroll-behavior: smooth; }

.grid-x {
  margin: 0 50px; }
  @media screen and (max-width: 600px) {
    .grid-x {
      margin: 0 15px; } }
button {
  padding: 15px 5px; }

section {
  padding: 90px 0; }
  @media screen and (max-width: 1200px) {
    section {
      padding: 85px 0; } }
  @media screen and (max-width: 600px) {
    section {
      padding: 50px 0; } }
.rtb-block {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media screen and (max-width: 900px) {
    .rtb-block {
      margin-top: 50px;
      margin-bottom: 0px;
      padding: 0; } }
.testimonial .testimonial-logo {
  opacity: .3;
  margin: 75px 0 50px;
  width: 10vw;
  min-width: 120px; }
  @media screen and (max-width: 1200px) {
    .testimonial .testimonial-logo {
      margin: 0 0 50px; } }
.testimonial small {
  margin: 0 0 50px 0;
  display: block; }

.testimonial p a {
  text-decoration: underline; }

.footer {
  background: black;
  color: white;
  border-top: 1px #303030 solid;
  margin: 0 0;
  padding: 25px 0 100px; }
  .footer small {
    margin: 0; }
    .footer small a:hover {
      color: #0059ff; }
  .footer .footer-legal {
    margin: 200px 50px 0;
    text-align: right;
    opacity: 0.4; }

.gallery, .gallery-client, .gallery-home {
  cursor: grab;
  z-index: 100; }
  .gallery a:hover, .gallery-client a:hover, .gallery-home a:hover {
    color: #0059ff; }

.gallery-client {
  width: 100vw;
  margin: 100px 0 0 -50px;
  padding: 0; }
  @media screen and (max-width: 600px) {
    .gallery-client {
      margin: 100px 0 100px -15px; } }
  .gallery-client div:focus {
    outline: none; }
  .gallery-client img {
    height: 35px;
    padding: 0 50px; }
    @media screen and (max-width: 600px) {
      .gallery-client img {
        height: 35px;
        padding: 0 25px; } }
.home header {
  background: black;
  height: 105vh;
  min-height: 750px;
  display: flex;
  position: relative; }
  .home header .header-wrap {
    margin: auto 0;
    padding-bottom: 0vh; }
  @media screen and (max-width: 600px) {
    .home header {
      height: 95vh; } }
  .home header p {
    max-width: 600px; }

ul.home-product {
  list-style: none;
  margin: 0;
  padding: 0;
  transition: all 300ms linear;
  color: black; }
  ul.home-product li {
    margin: 0 0 35px 0;
    position: relative;
    transition: all 300ms linear; }
    @media screen and (max-width: 1200px) {
      ul.home-product li {
        margin: 50px 0 75px; } }
    ul.home-product li button {
      border: 1px solid #0059ff;
      background-color: transparent;
      border-radius: 50px;
      color: #0059ff;
      margin-left: auto;
      padding: 10px 20px;
      transition: all 300ms linear;
      opacity: 0; }
      @media screen and (max-width: 600px) {
        ul.home-product li button {
          border: 1px solid black;
          color: black;
          opacity: 1; } }
      ul.home-product li button:hover {
        background-color: #0059ff;
        border: 1px solid #0059ff;
        color: white; }
    ul.home-product li img {
      opacity: 0;
      position: fixed;
      width: 100vw;
      z-index: -1;
      right: 0;
      top: 0px; }
    ul.home-product li small {
      opacity: 0;
      transition: all 300ms linear;
      color: #0059ff; }
      @media screen and (max-width: 600px) {
        ul.home-product li small {
          opacity: 1;
          color: black; } }
  ul.home-product:hover {
    color: black; }
    ul.home-product:hover li:hover {
      color: #0059ff;
      margin: 0 0 75px 0; }
      ul.home-product:hover li:hover button {
        opacity: 1; }

.mission-head {
  border: 0;
  position: relative;
  bottom: -25px;
  margin: 15vh 0 0; }

.gallery-home {
  width: 100vw;
  margin: -200px 0 0;
  padding: 0; }
  @media screen and (max-width: 600px) {
    .gallery-home {
      margin: -20vh 0 0;
      padding: 0; } }
  .gallery-home div:focus {
    outline: none; }
  .gallery-home .project {
    margin: 0 5px; }
    @media screen and (max-width: 1200px) {
      .gallery-home .project {
        margin: 0 5px; } }
  .gallery-home img {
    height: 50vw;
    padding: 0 0 10px; }
    @media screen and (max-width: 1200px) {
      .gallery-home img {
        height: 55vw;
        padding: 0 0 5px; } }
    @media screen and (max-width: 600px) {
      .gallery-home img {
        height: 60vw;
        padding: 0 0 5px; } }
.flipdisc .header-wrap {
  background-image: url(/assets/img/product/flipdisc/luster-experiential-event-marketing-technology-flipdisc-03.jpg); }
  @media screen and (max-width: 600px) {
    .flipdisc .header-wrap {
      background-image: url(/assets/img/product/flipdisc/luster-experiential-event-marketing-technology-flipdisc-03-mobile.jpg); } }
.mosaic .header-wrap {
  background-image: url(/assets/img/product/mosaic/luster-experiential-event-marketing-technology-mosaic-04.jpg); }
  @media screen and (max-width: 600px) {
    .mosaic .header-wrap {
      background-image: url(/assets/img/product/mosaic/luster-experiential-event-marketing-technology-mosaic-04-mobile.jpg); } }
.virtualmosaic .header-wrap {
  background-image: url(/assets/img/product/virtualmosaic/luster-experiential-event-marketing-technology-virtualmosaic-01.jpg); }
  @media screen and (max-width: 600px) {
    .virtualmosaic .header-wrap {
      background-image: url(/assets/img/product/virtualmosaic/luster-experiential-event-marketing-technology-virtualmosaic-01-mobile.jpg); } }
.sculpture .header-wrap {
  background-image: url(/assets/img/product/sculpture/luster-experiential-event-marketing-technology-sculpture-05.jpg); }
  @media screen and (max-width: 600px) {
    .sculpture .header-wrap {
      background-image: url(/assets/img/product/sculpture/luster-experiential-event-marketing-technology-sculpture-05-mobile.jpg); } }
.printers .header-wrap {
  background-image: url(/assets/img/product/printers/luster-experiential-event-marketing-technology-printers-01.jpg); }
  @media screen and (max-width: 600px) {
    .printers .header-wrap {
      background-image: url(/assets/img/product/printers/luster-experiential-event-marketing-technology-printers-01-mobile.jpg); } }
.product header {
  background: black; }
  .product header div {
    color: white;
    z-index: 10;
    position: relative; }
  .product header .header-wrap {
    background-size: cover;
    background-position: center center;
    height: 100vh;
    z-index: 0; }
    @media screen and (max-width: 600px) {
      .product header .header-wrap {
        height: 90vh; } }
    .product header .header-wrap:before {
      display: block;
      position: absolute;
      background-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.987) 8.1%, rgba(0, 0, 0, 0.951) 15.5%, rgba(0, 0, 0, 0.896) 22.5%, rgba(0, 0, 0, 0.825) 29%, rgba(0, 0, 0, 0.741) 35.3%, rgba(0, 0, 0, 0.648) 41.2%, rgba(0, 0, 0, 0.55) 47.1%, rgba(0, 0, 0, 0.45) 52.9%, rgba(0, 0, 0, 0.352) 58.8%, rgba(0, 0, 0, 0.259) 64.7%, rgba(0, 0, 0, 0.175) 71%, rgba(0, 0, 0, 0.104) 77.5%, rgba(0, 0, 0, 0.049) 84.5%, rgba(0, 0, 0, 0.013) 91.9%, rgba(0, 0, 0, 0) 100%);
      top: 0;
      height: 150px;
      width: 100%;
      content: '';
      opacity: 0.55; }
    .product header .header-wrap:after {
      display: block;
      position: absolute;
      background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.987) 8.1%, rgba(0, 0, 0, 0.951) 15.5%, rgba(0, 0, 0, 0.896) 22.5%, rgba(0, 0, 0, 0.825) 29%, rgba(0, 0, 0, 0.741) 35.3%, rgba(0, 0, 0, 0.648) 41.2%, rgba(0, 0, 0, 0.55) 47.1%, rgba(0, 0, 0, 0.45) 52.9%, rgba(0, 0, 0, 0.352) 58.8%, rgba(0, 0, 0, 0.259) 64.7%, rgba(0, 0, 0, 0.175) 71%, rgba(0, 0, 0, 0.104) 77.5%, rgba(0, 0, 0, 0.049) 84.5%, rgba(0, 0, 0, 0.013) 91.9%, rgba(0, 0, 0, 0) 100%);
      bottom: 0;
      z-index: 0;
      height: 40vh;
      width: 100%;
      content: ''; }

.product .header-info {
  margin: -25vh 0 0;
  padding: 0 0 400px; }
  @media screen and (max-width: 600px) {
    .product .header-info {
      padding: 0 0 200px; } }
.product .product-head {
  margin: 0 0 100px;
  padding-bottom: 100px;
  z-index: 10;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .product .product-head {
      margin: 0 15px;
      padding-bottom: 50px; } }
  .product .product-head h1 {
    font-size: 35rem;
    padding: 0 20px; }
    @media screen and (max-width: 600px) {
      .product .product-head h1 {
        font-size: 4em;
        padding: 0 10px; } }
.product p {
  max-width: 600px; }

.gallery {
  width: 100vw;
  margin: -300px 0 0;
  padding: 0; }
  @media screen and (max-width: 600px) {
    .gallery {
      margin: -150px 0 0; } }
  .gallery div:focus {
    outline: none; }
  .gallery .project {
    margin: 0 5px; }
    @media screen and (max-width: 1200px) {
      .gallery .project {
        margin: 0 5px;
        padding: 0; } }
  .gallery img {
    height: 50vw;
    padding: 0 0 15px; }
    @media screen and (max-width: 1200px) {
      .gallery img {
        height: 55vw;
        padding: 0 0 5px; } }
    @media screen and (max-width: 600px) {
      .gallery img {
        height: 62vw;
        padding: 0 0 5px; } }
figure img {
  width: 100%; }

figcaption {
  max-width: 450px;
  width: 50vw;
  opacity: 0.4; }
  @media screen and (max-width: 900px) {
    figcaption {
      width: 42vw; } }
.large-image {
  margin: -400px 0 0 -50px; }
  @media screen and (max-width: 900px) {
    .large-image {
      margin: -400px 0 0; } }
  @media screen and (max-width: 600px) {
    .large-image {
      margin: -200px 0 0; } }
  .large-image figcaption {
    text-align: right;
    float: right; }

nav {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 200;
  padding: 25px 50px;
  width: 100%;
  color: white; }
  @media screen and (max-width: 600px) {
    nav {
      padding: 25px 15px; } }
  nav img {
    vertical-align: top; }
  nav .nav-logo {
    width: 65px; }
    @media screen and (max-width: 600px) {
      nav .nav-logo {
        order: 1; } }
  @media screen and (max-width: 600px) {
    nav .menu-button {
      margin: 0 0 0 auto; } }
  nav .menu-trigger {
    padding: 15px 50px; }
    @media screen and (max-width: 600px) {
      nav .menu-trigger {
        padding: 15px 10px; } }
  @media screen and (max-width: 600px) {
    nav small {
      padding: 0; } }
  nav .nav-button {
    margin-left: auto; }
    @media screen and (max-width: 600px) {
      nav .nav-button {
        position: fixed;
        bottom: 0;
        right: 15px; }
        nav .nav-button button {
          background-color: black;
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); } }
  nav button {
    border: 1px solid white;
    background-color: transparent;
    border-radius: 50px;
    color: white;
    margin-left: auto;
    padding: 10px 20px;
    transition: all 300ms linear; }
    nav button:hover {
      background-color: white;
      color: black; }

.contact {
  display: block; }
  @media screen and (max-width: 600px) {
    .contact {
      display: none; } }
.contact-mobile {
  display: none; }
  @media screen and (max-width: 600px) {
    .contact-mobile {
      display: block;
      width: 70px;
      line-height: 1;
      padding: 20px;
      margin: 15px 0px;
      border: 1px solid rgba(255, 255, 255, 0.25); }
      .contact-mobile:hover {
        background-color: #0059ff;
        border: 1px solid #0059ff;
        color: white; } }
.menu {
  display: none;
  position: absolute;
  height: auto;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0 0;
  padding: 0 0 0 50px;
  z-index: -1; }
  @media screen and (max-width: 600px) {
    .menu {
      padding: 0 0 0 20px; } }
  .menu .menu-list {
    margin: 0;
    padding-bottom: 0;
    padding-top: 140px; }
    @media screen and (max-width: 600px) {
      .menu .menu-list {
        margin: 100px 0 0;
        padding: 0 0 20px; } }
  .menu a {
    opacity: 0; }
  .menu .menu-item {
    margin: 0 0 50px 0;
    opacity: 0; }
    @media screen and (max-width: 600px) {
      .menu .menu-item {
        margin: 0 0 15px 0; }
        .menu .menu-item h3:nth-child(3) {
          font-weight: 300;
          font-size: 1.4rem;
          line-height: 1.5; } }
nav .menu-button.active .menu {
  display: block;
  animation-name: reveal-background;
  animation-duration: 500ms;
  animation-fill-mode: both; }
  nav .menu-button.active .menu .menu-item {
    animation-name: reveal;
    animation-duration: 1000ms;
    animation-fill-mode: both; }
    nav .menu-button.active .menu .menu-item:nth-child(1) {
      animation-delay: 300ms; }
    nav .menu-button.active .menu .menu-item:nth-child(2) {
      animation-delay: 400ms; }
    nav .menu-button.active .menu .menu-item:nth-child(3) {
      animation-delay: 500ms; }
    nav .menu-button.active .menu .menu-item:nth-child(4) {
      animation-delay: 600ms; }
    nav .menu-button.active .menu .menu-item:nth-child(5) {
      animation-delay: 700ms; }
    nav .menu-button.active .menu .menu-item:hover {
      color: #0059ff; }

@keyframes reveal {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes reveal-background {
  0% {
    background-color: rgba(0, 0, 0, 0); }
  100% {
    background-color: rgba(0, 0, 0, 0.9); } }

.success nav .nav-button {
  display: none; }

.form {
  background: black;
  color: white; }

.form-section {
  margin: 0 0 75px; }

input, select, textarea {
  width: 100%;
  margin: 10px 0;
  background: transparent;
  color: white;
  border-radius: 0;
  box-shadow: none; }

input {
  padding: 5px 10px;
  outline: none;
  border: none;
  border-bottom: 1px white solid;
  transition: all 300ms linear; }
  input:focus {
    padding: 5px 20px;
    border-bottom: 1px #0059ff solid; }
  input .error {
    border: 1px solid #f19b19 !important; }

.button {
  border: 1px solid white;
  background-color: white;
  border-radius: 50px;
  color: black;
  padding: 10px 20px;
  transition: all 300ms linear; }
  .button:hover {
    background-color: #0059ff;
    color: white;
    border: 1px #0059ff solid; }

select {
  display: block;
  line-height: 1.3;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid white;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
  transition: all 300ms linear; }
  select:hover {
    border-color: #0059ff; }
  select:focus {
    border: 1px #0059ff solid;
    outline: none; }
  select option {
    font-weight: normal;
    color: black; }
  select .error {
    border-color: #f19b19 !important; }

select::-ms-expand {
  display: none; }

textarea {
  resize: none;
  border: 1px solid white; }
  textarea:focus {
    border: 1px #0059ff solid;
    outline: none; }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.4;
  /* Firefox */
  font-family: 'Source Code Pro', monospace;
  font-size: 0.8rem;
  letter-spacing: 2px;
  text-transform: uppercase; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
  opacity: 0.4;
  font-family: 'Source Code Pro', monospace;
  font-size: 0.8rem;
  letter-spacing: 2px;
  text-transform: uppercase; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
  opacity: 0.4;
  font-family: 'Source Code Pro', monospace;
  font-size: 0.8rem;
  letter-spacing: 2px;
  text-transform: uppercase; }

.error {
  color: #f19b19;
  font-size: 1rem; }

label .error {
  color: #f19b19;
  font-size: 12px; }

.required {
  color: #0059ff; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.field-element {
  min-width: 150px; }

.nospinner::-webkit-inner-spin-button,
.nospinner::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.terms header {
  background: black;
  display: flex;
  position: relative; }
  .terms header .header-wrap {
    margin: auto 0;
    padding-bottom: 0vh; }
  .terms header h2 {
    padding-top: 200px; }

.terms .terms-intro {
  padding: 50px;
  padding-top: 400px; }

.terms p {
  font-size: 1.4rem;
  line-height: 1.5;
  padding-bottom: 30px; }

.terms ul.terms {
  list-style: disc;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: black;
  font-size: 1.4rem;
  line-height: 1.5;
  padding-left: 40px; }
  .terms ul.terms li.terms {
    position: relative; }

.quote .header-wrap {
  background-image: url(/assets/img/quote/luster-experiential-event-marketing-technology-mosaic-01-quote.jpg); }
  @media screen and (max-width: 600px) {
    .quote .header-wrap {
      background-image: url(/assets/img/quote/luster-experiential-event-marketing-technology-mosaic-01-quote-mobile.jpg); } }
.quote header {
  background: black; }
  .quote header div {
    color: white;
    z-index: 10;
    position: relative; }
  .quote header .header-wrap {
    background-size: cover;
    background-position: center center;
    height: 100vh;
    z-index: 0; }
    @media screen and (max-width: 1200px) {
      .quote header .header-wrap {
        height: 60vh; } }
    .quote header .header-wrap:before {
      display: block;
      position: absolute;
      background-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.987) 8.1%, rgba(0, 0, 0, 0.951) 15.5%, rgba(0, 0, 0, 0.896) 22.5%, rgba(0, 0, 0, 0.825) 29%, rgba(0, 0, 0, 0.741) 35.3%, rgba(0, 0, 0, 0.648) 41.2%, rgba(0, 0, 0, 0.55) 47.1%, rgba(0, 0, 0, 0.45) 52.9%, rgba(0, 0, 0, 0.352) 58.8%, rgba(0, 0, 0, 0.259) 64.7%, rgba(0, 0, 0, 0.175) 71%, rgba(0, 0, 0, 0.104) 77.5%, rgba(0, 0, 0, 0.049) 84.5%, rgba(0, 0, 0, 0.013) 91.9%, rgba(0, 0, 0, 0) 100%);
      top: 0;
      height: 150px;
      width: 100%;
      content: '';
      opacity: 0.55; }
    .quote header .header-wrap:after {
      display: block;
      position: absolute;
      background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.987) 8.1%, rgba(0, 0, 0, 0.951) 15.5%, rgba(0, 0, 0, 0.896) 22.5%, rgba(0, 0, 0, 0.825) 29%, rgba(0, 0, 0, 0.741) 35.3%, rgba(0, 0, 0, 0.648) 41.2%, rgba(0, 0, 0, 0.55) 47.1%, rgba(0, 0, 0, 0.45) 52.9%, rgba(0, 0, 0, 0.352) 58.8%, rgba(0, 0, 0, 0.259) 64.7%, rgba(0, 0, 0, 0.175) 71%, rgba(0, 0, 0, 0.104) 77.5%, rgba(0, 0, 0, 0.049) 84.5%, rgba(0, 0, 0, 0.013) 91.9%, rgba(0, 0, 0, 0) 100%);
      bottom: 0;
      z-index: 0;
      height: 40vh;
      width: 100%;
      content: ''; }

.quote .header-info {
  margin: -25vh 0 0;
  padding: 0; }
  @media screen and (max-width: 1200px) {
    .quote .header-info {
      margin: 0;
      padding: 0; } }
.quote .product-head {
  margin: 0 0 100px;
  z-index: 10;
  overflow: hidden; }
  @media screen and (max-width: 600px) {
    .quote .product-head {
      margin: 0 15px;
      padding-bottom: 0; } }
  .quote .product-head img {
    margin: 0 0 -30px; }
    @media screen and (max-width: 600px) {
      .quote .product-head img {
        margin: 0 0 -8px; } }
  .quote .product-head h1 {
    font-size: 35rem;
    padding: 0 20px; }
    @media screen and (max-width: 600px) {
      .quote .product-head h1 {
        font-size: 4em;
        padding: 0 10px; } }
.quote p {
  max-width: 600px; }