@charset "UTF-8";
/* CSS Document */
/* Copyright © 2018 Lynn Creative Inc. All Rights Reserved. NO DERIVATIVES. Please see terms of use.*/

*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: 'Poppins', 'Roboto', 'sans-serif';
  background: #ffffff;
  color: #000000;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body, html {
  overflow: scroll;
  overflow-x: hidden;
  margin-left:8px;
}
*::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #FF0000;
}
body {
  font-family: 'Poppins', sans-serif;
  font-size: calc(16px + 1vw);
  line-height: calc(1.4em + 0.5vw);
  background: #fff;
  margin: 0;
  padding: 0;
}
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
a {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}
a:hover, a:focus {
  color: hsla(0, 96%, 40%, 1);
  text-decoration: underline;
}
a img {
  border: 0;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
p {
  margin: 0 0 1em 0;
}
b, strong {
  font-weight: bolder;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
  padding: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5em;
  margin-left: 0;
}
svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
button {
  border-radius: 0;
}
button, input, optgroup, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button, input { /* 1 */
  overflow: visible;
}
button, select { /* 1 */
  text-transform: none;
}
/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
figure {
  margin: 0 0 1em;
}
blockquote {
  margin: 0.5rem 3rem 1.5rem 3rem;
  padding: 1.5rem 1.25rem 0rem 1.25rem;
  border: none;
}
blockquote, blockquote p {
  font-size: 1.4rem;
  line-height: 2rem ;
  color: #000000;
  text-align: center;
}
cite {
  display: block;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #000000;
}
cite:before {
  content: "— ";
}
.text-center{
    text-align: center;
}
/* End Resets*/

/* Lynn Creative Inc Colors */
.melrose-red {
  background-color: hsla(0, 96%, 40%, 1.00);
}
.melrose-medium-red {
  background-color: hsla(0, 75%, 56%, 1.00);
}
.peachy-keen-bk {
  background-color: hsla(13, 99%, 64%, 1.00);
}
.golden-sheen-bk {
  background-color: hsla(34, 100%, 62%, 1.00);
}
.mossy-green-bk {
  background-color: hsla(92, 43%, 43%, 1.00);
}
.powder-blue-bk {
  background-color: hsla(201, 79%, 49%, 1.00);
}
.medium-grey-bk {
  background-color: hsla(191, 5%, 58%, 1.00);
}
.light-grey-bk {
  background-color: hsla(192, 12%, 83%, 1.00);
}
.white {
  color: hsla(0, 100%, 100%, 1);
}
.black {
  color: hsla(0, 0%, 0%, 1);
}
.black-bk {
  background-color: hsla(0, 0%, 0%, 1);
}
.white-bk {
  background-color: hsla(0, 100%, 100%, 1);
}
.light-grey {
  color: hsla(200, 14%, 54%, 1.00);
}
.blk-border {
  border: 2px dotted #000000;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Roboto', 'sans-serif';
  font-weight: 600;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5em;
}
h1 {
  font-size: 2rem;
  line-height: 1.4;
}
h2 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-top: 0.5em;
}
h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 2px;
}
h4 {
  font-size: 1.3rem;
  line-height: 1.4;
}
h5 {
  font-size: 1.2rem;
  line-height: 1.4;
}
h6 {
  font-size: 1rem;
  line-height: 1.4;
}
.underline {
  text-decoration: underline;
  color: hsla(201, 79%, 49%, 1.00);
}
/* Video Container Responsive */
.flex-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.flex-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.lc-item-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.66667%
}
.lc-item-image > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.background-image {
  background-repeat: no-repeat;
  background-size: auto;
}
/* Mobile Specific Styles */
.hover {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.experiental-box .cat-experiental {
  font-family: 'poppins', sans-serf;
  font-weight: 400;
  font-size: calc(12px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  padding: 0 0.5em 0.5em 0.5em;
}
/* Lynn Creative Logo */
.logo h1 {
  font-family: 'Poppins', 'Roboto', sans-serif;
  line-height: 1.4em;
  color: #000000;
  padding-top: 0.7rem;
  margin: 0;
}
.svg-container {
  display: inline-block;
  position: relative;
  width: 121px;
  height: 125px;
  padding-bottom: 0;
  vertical-align: top;
}
.svg-content {
  width: 121px;
  display: inline-block;
  position: absolute;
  top: 15%;
  left: 0;
}
.svg-container .ball {
  transform-origin: center;
}
.orbit-spinner, .orbit-spinner * {
  box-sizing: border-box;
}
.orbit-spinner {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  perspective: 800px;
}
.orbit-spinner .orbit {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.orbit-spinner .orbit:nth-child(1) {
  left: 0%;
  top: 0%;
  animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;
  border-bottom: 3px solid #ff0000;
}
.orbit-spinner .orbit:nth-child(2) {
  right: 0%;
  top: 0%;
  animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;
  border-right: 3px solid #ff7200;
}
.orbit-spinner .orbit:nth-child(3) {
  right: 0%;
  bottom: 0%;
  animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;
  border-top: 3px solid #facb47;
}
@keyframes orbit-spinner-orbit-one-animation {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes orbit-spinner-orbit-two-animation {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes orbit-spinner-orbit-three-animation {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
.test ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  list-style-type: none;
}
.footnote {
  font-size: .0625rem;
}
/* STRUCTURE */
/* WRAPPER GRID - 4,2,1 */
.container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.logo {
  grid-column: auto / span 12;
}
.header {
  grid-column: auto / span 12;
}
.navigation-menu {
  grid-column: auto / span 12;
}
.hero {
  grid-column: auto / span 12;
}
.main-content {
  grid-column: auto / span 12;
}
.content {
  grid-area: content;
}
.side {
  grid-area: sidebar;
}
.main-footer {
  grid-column: auto / span 12;
}
.footer {
  grid-area: footer;
}
/* Top Main Toggle Navigation */
.menu {
  background: #fff;
  display: none;
  width: 100%;
}
.menu ul {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.menu ul li {
  color: #333;
  font-size: 1rem;
  line-height:1.4rem;
  letter-spacing: 1px;
  padding: 5px 0;
  ;
}
.menu ul li:hover {
  background: #fff;
  color: #cc0000;
}
.menu li a {
  display: block;
  text-decoration: none;
  color: #333;
}
.menu li a.active {
  background-color: #fff;
  color: #cc0000;
}
.menu li a:hover:not(.active) {
  background-color: #fff;
  color: #cc0000;
}
.menu-toggle {
  background: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000;
  width: 100%;
  padding: 0 0 15px 0;
  font-size: 22px;
}
.menu-toggle a {
  text-decoration: none;
  color: #333;
}
.menu-toggle a:hover {
  text-decoration: none;
  color: #cc0000;
}
.menu-toggle a.active, .menu-toggle a.focus {
  text-decoration: none;
  color: #cc0000;
}
/* Hero */
.hero {
  background-color: hsla(202, 5%, 56%, 1);
  margin-bottom: 1em;
}
.hero {
  display: flex;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.intro {
  text-align: center;
}
.intro h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: calc(1.3rem + 2vw);
  line-height: calc(1.7rem + 0.5vw);
  color: #000000;
  padding: 0.825rem 0.5rem 0 0.5rem;
  margin-bottom: 1rem;
}


.intro h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: calc(1.4rem + 1vw);
  line-height: calc(1.6rem + 0.5vw);
  color: #000000;
  padding-bottom: 1rem;
}

.hero-container {
  position: relative;
}

.hero-container-ttl{
  font-size:1.2rem;
  line-height: 1.5rem;
 
}

.hero-container img{ width:100%;
 border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
	}

/* Bottom right text */
.hero-text-block {
  position: absolute;
  bottom: 20px;
  right: 20px; 
  background-color: #000;
  font-size:1rem;
  line-height:1rem;
  color: #fff;
  padding:10px;
}


/* Hot Flash Module -  4,2,1 */
.hot-flash {
  grid-column: auto / span 12;
}
.hot-flash {
  display: grid;
  grid-gap: 0.225em;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
}
.hot-flash {
  margin-bottom: 1em;
  color: #fff;
  text-align: center;
}
.hot-flash a {
  color: #000000;
}
.hot-flash a:hover, .hot-flash a:focus {
  color: hsla(192, 12%, 83%, 1.00);
  text-decoration: underline;
}
/* About Us*/
.bio-columns-wrapper {
  display: grid;
  margin: 0;
  grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
  grid-auto-rows: minmax(240px, auto);
}
.panel {
  margin-left: 0;
  margin-right: 0;
  flex: 1 1 200px;
  margin-top: 1em;
}
.tall-panel {
  grid-row-end: span 2;
}
.panel h3 {
  padding: 0.6em 1em 0 0.5em;
  font-size: calc(28px + 1vh);
  line-height: 1.4em;
  text-align: center;
}
.panel h4 {
  padding: 0.6em 1em 0 0.5em;
  font-size: calc(18px + 1vh);
  line-height: 1.4em;
  text-align: center;
}
/* Subgrid Placeholders*/
.inner-grid {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  /*I love you auto rows!*/
  grid-auto-rows: 1fr;
  align-items: stretch; /* place-items: center;*/
}
.item {
  border: 1px solid #ffffff;
}
.item h3 {
  font-size: calc(20px + 1vw);
  line-height: calc(1.2em + 0.2vw);
  font-weight: 500;
  text-decoration: none;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.item p {
  text-align: center;
  font-size: calc(64px + 1vw);
  line-height: calc(0.5em + 0.1vw);
  font-weight: 600;
  text-decoration: none;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.item {
  position: relative;
  width: 100%;
}
.item:hover .overlay-image {
  opacity: 0.3;
}
.item:hover .overlay-image {
  opacity: 1;
}
.overlay-image {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.overlay-image-title h3 {
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
  padding: 16px 32px;
  opacity: 0.8;
}
.bio-columns-wrapper-2 {
  display: grid;
  grid-gap: 0.225em;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
/* End Subgrid Placeholders  */
/*Cards Module 4,2,1 WRAPPER */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  min-height: 100% !important;
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
}
.card h3 {
  font-family: 'poppins', sans-serf;
  font-weight: 600;
  font-size: calc(14px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  background-color: hsla(200, 14%, 54%, 1.00);
  padding: 0.5em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  /*margin-right:6em;*/
  /*text-align: left;*/
  border-bottom: 4px solid hsla(192, 12%, 83%, 1.00);
}
.card h4 {
  font-weight: 400;
  font-size: calc(12px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  padding: 1em;
}
.card p {
  font-size: calc(16px + 1vw);
  line-height: calc(1.2em + 0.5vw);
}
.list-grid {
  display: grid;
  grid-template-columns: minmax(40%, 60%) 1fr;
  grid-template-rows: minmax (100px, 200px);
  grid-gap: 10px;
  margin-top: 20px;
}
/* Columns And Nth Boxes Module */
.columns-wrapper {
  display: grid;
  grid-gap: 0.5%;
  grid-template-columns: repeat(auto-fit, minmax(24%, 4fr));
}
@media screen and (max-width: 39.9375em) {
  .columns-wrapper {
    display: grid;
    grid-gap: 0.5%;
    grid-template-columns: repeat(auto-fit, minmax(99%, 1fr));
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .columns-wrapper {
    display: grid;
    grid-gap: 0.5%;
    grid-template-columns: repeat(auto-fit, minmax(49%, 2fr));
  }
}
.bio-columns-wrapper {
  display: grid;
  grid-gap: 0.225em;
  grid-template-columns: repeat(auto-fit, minmax(425px, 1fr));
}
.t-shirts-columns-wrapper {
  display: grid;
  grid-gap: 0.225em;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.box {
  background-color: hsla(197, 9%, 61%, 1.00);
  border-radius: 0;
  padding: 0.5em 0.2em 0.5em 0.2em;
  text-align: center;
}
.box h2 {
  font-size: calc(18px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  font-weight: 600;
  text-decoration: none;
  color: hsla(0, 0%, 100%, 1.00);
}
.box h3 {
  font-size: calc(16px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  font-weight: 500;
  text-decoration: none;
  color: hsla(42, 100%, 50%, 1);
}
.box p {
  font-size: calc(14px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  padding: 0;
  color: #fff;
}
.box ul {
  list-style-type: none;
  padding-left: 0;
}
.box li {
  color: #fff;
  font-size: 2vh;
  line-height: 1.7em;
  padding-bottom: 1em;
}
.box:nth-child(even) {
  background-color: hsla(191, 9%, 75%, 1.00);
  color: #fff;
}
.box .even a {
  color: hsla(192, 12%, 83%, 1.00);
}
.box .even a:hover {
  color: hsla(200, 14%, 54%, 1.00)
}
.box:nth-child(even) h2 {
  font-weight: 600;
  text-decoration: none;
  color: hsla(0, 0%, 0%, 1.00);
}
.box.even.linked h2 a {
  color: #ffffff;
}
.box.even.linked h2 a:hover {
  color: #000000;
}
.box p img {
  max-width: 100%;
  max-height: 100%;
}
/*CSS Grid Card Scroller Module - Still Under Development */
.card-scroll {
  display: flex;
}
.card-scroll {
  background-color: #fff;
  min-width: 100%;
  min-height: 200px;
  margin-bottom: 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.card-scroll-content {
  background-color: hsla(202, 10%, 47%, 1.00);
  min-width: 295px;
  margin: 0.150em 0.125em 0.085em 0.085em;
  padding: 0;
}
.card-scroll::-webkit-scrollbar {
  display: none;
}
.card-scroll-content h2 {
  color: #fff;
  font-weight: 600;
  font-size: calc(14px + 0.5vw);
  line-height: calc(1.2em + 0.5vw);
  padding: 0.4em;
  margin: 0;
}
.card-scroll-content h3 {
  color: #fff;
  font-weight: 500;
  font-size: calc(12px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  padding: 0.4em;
  margin: 0;
}
.card-scroll-content h4 {
  color: #fff;
  font-weight: 400;
  padding-top: 1em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.category_scroll_overlay {
  background-color: #000;
  padding: 0.2em;
  height: auto;
  -webkit-clip-path: polygon(0 0, 100% 1%, 80% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 1%, 80% 100%, 0 100%);
}

/* Blog Module - Columns And nth Boxes 3+, 2, 1 */
.experiental-columns-wrapper {
  display: grid;
  grid-gap: 0.625em;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.exp-button-overlay {
  width: 30%;
  height: 36px;
  color: #fff;
  background-color: #000;
  margin-bottom: 0;
  padding: 5px;
  position: absolute;
  top: 1px;
  left: -1px;
  border-left: 4px solid hsla(354, 94%, 47%, 1.00);
  z-index: 99;
}
.exp-button-overlay {
  font-size: 16px;
  line-height: 1.5em;
  color: #ffffff;
}
.exp-button-overlay a:link {
  color: #ffffff;
}
.exp-button-overlay a:hover {
  color: hsla(192, 12%, 83%, 1.00) !important;
}
.exp-button-overlay a:focus {
  color: hsla(192, 12%, 83%, 1.00);
  border: 1px solid hsla(192, 12%, 83%, 1.00);
}
.experiental-box {
  background-color: #fff;
  border-radius: 0;
  padding: 0.5em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  position: relative;
  text-align: center;
}
.experiental-box h2 {
  font-size: calc(16px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  font-weight: bold;
  text-decoration: none;
  color: hsla(0, 0%, 0%, 1);
  padding-top: 0.5em;
  margin-top: 0;
}
.experiental-box h3 {
  font-size: calc(12px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  text-decoration: none;
  color: hsla(42, 100%, 50%, 1);
}
.experiental-box p {
  padding-bottom: 35px;
  padding-top: 0;
  margin-bottom: 0.3em;
  color: #000;
  font-size: calc(14px + 1vw);
  line-height: calc(1.4em + 0.5vw);
}
.experiental-box ul {
  list-style-type: none;
  padding-left: 0;
}
.experiental-box li {
  color: #fff;
  font-size: 2vh;
  line-height: 1.7em;
  padding-bottom: 1em;
}
.experiental-box:nth-child(even) {
  background-color: #fff;
  color: #000;
}
.experiental-box:nth-child(even) h2 {
  color: #000;
  font-size: calc(15px + 1vw);
  line-height: calc(1.2em + 0.5vw);
  text-decoration: none;
}
.experiental-box img {
  width: 100%;
  height: 10%;
}
.experiental-box a {
  color: hsla(0, 0%, 0%, 1);
}
.experiental-box a:hover {
  color: hsla(0, 96%, 40%, 1);
}
.experiental-box .blog_notice {
  font-size: 10px;
  color: #000000;
}
/* Gallery Module, 1 */
.gallery-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  grid-gap: 10px;
}
.gallery-grid-container {
  position: relative;
  width: 100%;
  padding: 0.2em 1em;
}
.gallery-image {
  display: block;
  width: 100%;
  height: auto;
}
.gallery-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}
.gallery-grid-container:hover .gallery-overlay {
  opacity: 0.9;
}
.gallery-text {
  color: #000;
  background-color: #fff;
  font-size: 2vw;
  position: relative;
  top: 50%;
  left: 50%;
  width: 75%;
  padding: 1em;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.gallery-text a {
  color: #000;
}
article {
  display: grid;
  grid-template-columns: 740px 1fr;
}
.main-footer {
  margin: 1em 0 0 0;
  padding: 1em 0 2em 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%, 2fr));
  grid-gap: 0;
}
@media screen and (max-width: 39.9375em) {
  .main-footer {
    margin: 1em 0 0 0;
    padding: 1em 0 2em 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 2fr));
    grid-gap: 0;
  }
}
.main-footer {
  border-top: 0;
}
.main-footer {
  background-color:#ffffff;
}
.main-footer .box {
  background-color: transparent;
}
.main-footer .box a {
  color: #ffffff;
}
.main-footer .box a:hover, .box a:focus {
  color: #000000;
  text-decoration: underline;
}
.main-footer h4{
	color:#000;
}
.main-footer p{
	color:#000;
	font-size:1.4rem;
    line-height:2rem;
}
.footer {
  background-color: hsla(191, 5%, 58%, 1.00);
  color: #fff;
  padding: 0;
  font-size: 3vmin;
}
.colophon {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
  background-color: #000000;
  color: #ffffff;
}
.colophon-box {
  background-color: transparent;
  color: hsla(192, 12%, 83%, 1.00);
  padding: 1rem 0.5rem;
  font-size: 1.2vmax;
  line-height: 1vh;
  text-align: center;
}
.colophon-box ul li {
  margin: 1vh 1vh 0 -1vh;
  list-style: none;
  display: inline-block;
}
.colophon-box li a {
  color: hsla(192, 12%, 83%, 1.00);
  padding: 1vh;
}
.colophon-box li a:hover, .colophon li a:focus {
  color: #ffffff;
  text-decoration: underline;
}
.footer-background {
  background-color:#000000;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
  width: 100%;
  height: auto;
}
.footer-background-2 {
 background-color: hsla(191, 5%, 58%, 1.00);
}
.copyright {
  font-size: 0.925rem;
  color: #ffffff;
  padding-bottom:1rem;
}
.divider {
  width: 25%;
  color: #ffffff;
}
.fab {
  padding: 20px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  cursor: pointer;
}
.fab:hover {
  text-decoration: none;
  transform: scale(1.1);
}
.fa-facebook-f {
  background-color: hsla(192, 12%, 83%, 1.00);
  color: black;
}
.fa-instagram {
  background-color: hsla(192, 12%, 83%, 1.00);
  color: black;
}
.fa-vimeo-v {
  background-color: hsla(192, 12%, 83%, 1.00);
  color: black;
}
.fa-vimeo-v:hover {
  background-color: #000000;
  color: #ffffff;
}

/* End  */
.swipeIt {
  display: grid;
  grid-template-columns: repeat(10, 100%);
  will-change: transform;
  align-content: center;
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  border-bottom: 8px solid #ffffff;
}
section .swipe {
  height: 40vh;
  padding: 1rem;
}
.swipeh {
  max-width: 20%;
  padding-top: 1rem;
  padding-bottom: 3rem;
  align-content: center;
  text-align: center;
}
.swipe h3 {
  padding: 2rem 1rem 0 1rem;
  font-size: calc(18px + 1vh);
  line-height: 1.7rem;
}
.swipe h4 {
  padding: 0.2rem 1rem 0 1rem;
  font-size: calc(16px + 1vh);
  line-height: 1.4rem;
}
.swipe p {
  padding: 1rem 2rem 2rem 2rem;
}
.snap-scroll-navigation {
  font-size: 0.8rem;
  color: #000000;
}
/* BUTTONS MODULES */

.button {
  background-color: hsla(201, 79%, 49%, 1.00);
  border: none;
  color: #fff;
  isplay: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 90%;
  padding: 0.7em;
  margin-bottom: 1em;
  font-size: 2vmax;
  border-radius: 0;
}

.button a {
  color: #fff;
}
.button:hover a {
  color: hsla(200, 14%, 84%, 1.00);
}

.button-small{
display:inline-block; max-width:45%;
padding:1rem;
margin:0.4rem;
font-size:1rem;
}

.button-melrose-red {
  background-color: hsla(359, 66%, 53%, 1.00);
}
.button-peachy-keen-bk {
  background-color: hsla(13, 99%, 64%, 1.00);
}
.button-powder-blue-bk {
  background-color: hsla(201, 79%, 49%, 1.00);
}
.button-melrose-medium-red {
  background-color: hsla(0, 75%, 56%, 1.00);
}
.button-golden-sheen-bk {
  background-color: hsla(34, 100%, 62%, 1.00);
}
.button-mossy-green-bk {
  background-color: hsla(92, 43%, 43%, 1.00);
}
.button-medium-grey-bk {
  background-color: hsla(196, 6%, 36%, 1);
}
.button-light-grey-bk {
  background-color: hsla(200, 14%, 54%, 1.00);
}
.button-black {
  background-color: hsla(0, 0%, 0%, 1);
}
/* GRADIENT & SVG FILLS MODULES */
.triangle-suprise {
  background: linear-gradient(180deg, #000000 50%, transparent 50%), linear-gradient(45deg, #ff5858 50%, transparent 50%), transparent;
  background-size: 100%, 24px 24px, 24px 24px, 100%;
  background-position: 0 0, -2px 6px, 10px 18px, 0 0;
}
.triangle-suprise-h-orange-stripes {
  background: linear-gradient(-180deg, #000000 50%, transparent 50%), linear-gradient(-180deg, #ff5858 50%, transparent 50%), transparent;
  background-size: 100%, 24px 24px, 24px 24px, 100%;
  background-position: 0 0, -2px 6px, 10px 18px, 0 0;
}
.triangle-orange-vstripe-90 {
  background: linear-gradient(90deg, #000000 50%, transparent 50%), linear-gradient(90deg, #ff5858 50%, transparent 50%), transparent;
  background-size: 100%, 24px 24px, 24px 24px, 100%;
  background-position: 0 0, -2px 6px, 10px 18px, 0 0;
}
.linear-gradient-orange-stripes {
  background-image: linear-gradient(to right, #e89d93, #e89d93 4px, #f7f7f7 4px, #f7f7f7);
  background-size: 8px 100%;
}
.triangle-split-orange-black-45 {
  background-image: linear-gradient(45deg, #000000 50%, #ffb300 50%);
}
.triangle-split-orange-black-min45 {
  background-image: linear-gradient(-45deg, #000000 50%, #ffb300 50%);
}
.triangle-split-orange-black-min180 {
  background-image: linear-gradient(-180deg, #000000 50%, #ffb300 50%);
}
/* SVG Backgrounds - Peter Lynn Painting Snippets */
.melrose-3 {
  background-image: url(../images/svg/melrose_3_lynncreative.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  width: 100%;
  height: 450px;
}
.melrose-5 {
  background-image: url(../images/svg/melrose_5_lynncreative.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  width: 100%;
  height: 450px;
}
.melrose-7 {
  background-image: url(../images/svg/melrose_7_lynncreative.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  width: 100%;
  height: 450px;
}
.melrose-7A {
  background-image: url(../images/svg/melrose_7A_lynncreative.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  width: 100%;
  height: 450px;
}

.melrose-7B {
  background-image: url(../images/svg/melrose_7B_lynncreative.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  width: 100%;
  height: 450px;
}
..main-content .legal-content {
 	padding:2rem;
}
.legal-content {
  text-align: left;
  padding:2rem;
}
.legal-content p{
font-size: 1.2rem;	
line-height:2rem;
}

.legal-content h2 {
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 700;
  padding: 3rem 0rem 0 0rem;
}
.legal-content h3 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  padding: 3rem 0rem 0 0rem;
}
.legal-content ul, 
.legal-content ol {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 400;
  list-style: square inside;
}
.legal-content li {
  margin: 0 0 15px 0;
}
li::marker {
  color: #233875;
}
.legal-content ol li .highlight {
  background: #ffe5e5;
  padding: 5px;
  margin-left: 35px
}
.grid-hero {
  display: grid;
  grid-template-columns: 1fr;
  place-items: start;
  margin-top: -50px;
}
.grid-hero img {
  width: 100vw;
}
.grid-hero > * {
  background: #ffffff;
  width: 100%;
}
.grid-hero > [style^='--aspect-ratio']::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0;
  padding-bottom: calc(0% / (var(--aspect-ratio)));
}

/* ACCESSIBLE FLICKITY CAROUSEL */
.carousel {
 background-color: hsla(195, 6%, 88%, 1.00);
}

.carousel img {
display: block;
max-height: 100%;
margin-right: 10px;
margin-left: 10px;
}

.quotes-carousel {
background-color: hsla(195, 6%, 88%, 1.00);
max-height: auto;
}
.quotes-carousel-cell {
width: 100%;
height: auto;
margin-right: 10px;
background-color: hsla(195, 6%, 88%, 1.00);
border-radius: 0;
counter-increment: gallery-cell;
text-align: center;
}
.quotes-carousel-cell img {
display:inline-block;
padding:10px;
}
.flickity-prev-next-button .arrow {
fill: #f7f7f7 !important;
}
.flickity-prev-next-button.next {
  right: 0 !important;
  width: 35px;
  height: 35px;
  background: #000000;
  border-radius: 0;
}
.flickity-prev-next-button.previous:hover, .flickity-prev-next-button.next:hover {
  background: #d40036;
}
.flickity-prev-next-button.previous {
  left: 0 !important;
  width: 35px;
  height: 35px;
  background: #000000;
  border-radius: 0%;
}

.photo-caption{
    font-size:1rem; 
    margin-top:2rem;
    padding:0 2rem 0 2rem;
    width:100%
}

@media screen and (min-width: 768px) {
  .carousel img {
    height: 400px;
  }
}

/* CAROUSEL SMALL ONLY */
@media screen and (max-width: 39.9375em) {
  blockquote {
    margin: 1rem 3rem 1rem 3rem;
    padding: 0rem 1.25rem 0.5rem 1.25rem;
    border: none;
  }
  .quotes-carousel-cell blockquote p {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
  .quotes-carousel-cell blockquote p cite {
    font-size: 0.925rem;
    line-height: 1.2rem;
  }
}

/* Back To Top */
#home-base {
  width: 75px;
  line-height: 75px;
  overflow: hidden;
  z-index: 999;
  display: none;
  cursor: pointer;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: fixed;
  bottom: 25px;
  right: -10px;
  background-color: transparent;
  color: #000000;
  text-align: center;
  font-size: 50px;
  text-decoration: none;
}
#home-base:hover {
  background-color: transparent;
  color: #d40036;
}