@import url("//hello.myfonts.net/count/39e2fe");

@font-face {font-family: 'Nanami-Bold';src: url('webfonts/39E2FE_0_0.eot');src: url('webfonts/39E2FE_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39E2FE_0_0.woff2') format('woff2'),url('webfonts/39E2FE_0_0.woff') format('woff'),url('webfonts/39E2FE_0_0.ttf') format('truetype');}
 
@font-face {font-family: 'Nanami-BookOblique';src: url('webfonts/39E2FE_1_0.eot');src: url('webfonts/39E2FE_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39E2FE_1_0.woff2') format('woff2'),url('webfonts/39E2FE_1_0.woff') format('woff'),url('webfonts/39E2FE_1_0.ttf') format('truetype');}
 
@font-face {font-family: 'NanamiOutline-Regular';src: url('webfonts/39E2FE_2_0.eot');src: url('webfonts/39E2FE_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39E2FE_2_0.woff2') format('woff2'),url('webfonts/39E2FE_2_0.woff') format('woff'),url('webfonts/39E2FE_2_0.ttf') format('truetype');}
 
@font-face {font-family: 'ClearfaceGothicLTStd-Medium';src: url('webfonts/39E2FE_3_0.eot');src: url('webfonts/39E2FE_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39E2FE_3_0.woff2') format('woff2'),url('webfonts/39E2FE_3_0.woff') format('woff'),url('webfonts/39E2FE_3_0.ttf') format('truetype');}
 
@import url("//hello.myfonts.net/count/39e300");
  
@font-face {font-family: 'Nanami-BoldOblique';src: url('webfonts/39E300_0_0.eot');src: url('webfonts/39E300_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/39E300_0_0.woff2') format('woff2'),url('webfonts/39E300_0_0.woff') format('woff'),url('webfonts/39E300_0_0.ttf') format('truetype');}
 

@import url(//db.onlinewebfonts.com/c/8952b96f22b7d0c6b4613614ae3f8bbb?family=NanamiOutline-RegularW03-Regular);

@font-face {
	font-family: 'KoushikiSans Regular'; src: url('webfonts/KoushikiSans-Regular.ttf') format('truetype');
}

/* body * {
  ::-webkit-scrollbar {
      display: none;
  }
} */


body {
  overflow:hidden;
}



/* LOADER */
.spinner{
  width: 400px;
  height: 400px;  
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right: 0;
  margin: auto;
}

.spino{
  width: 400px;
  height: 400px; 
  border: 2px solid #f3f3f3;
  border-top:3px solid #f9b233;
  border-radius: 100%;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
  from{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }to{
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

#overlay{
  height:100%;
  width:100%;
  background: #dd0034;
  position:fixed;
  left:0;
  top:0;
}

.prep{
  text-transform: uppercase;
  font-size: 1.3em;
  color: #f9b233;
}

/* COOKIES*/
.cookie {
  border-top: 10px double #f9b233;
  border-bottom: 10px double #f9b233;
  background-color: #181813;
  bottom: 110px;
  left: 50%;
  color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 5;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 100;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transform: translate(0, 230px);
      -ms-transform: translate(0, 230px);
          transform: translate(0, 230px);
  opacity: 0.9;
  overflow: auto;
}
.cokontent {
  font-size: 1vw;
  text-align: left;
  padding-left: 1em;
  padding-right: 0.5em;
  text-align: justify;
}

.cokontent a {
  color: white;
  text-decoration: underline;
  -webkit-text-decoration-color: #f9b233;
          text-decoration-color: #f9b233;
}

.cookie .cokontent {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(85.1%);
          flex: 0 1 calc(85.1%);
}
.cookie .agreement {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(14.2%);
          flex: 0 1 calc(14.2%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.cookie button {
  background-color: #f9b233;
  font-family: "ClearfaceGothicLTStd-Medium";
  border-style: solid;
  border-radius: 5px;
  cursor: pointer;
  padding-left: 2em;
  padding-right: 2em;
  width: auto;
}

.show {
  -webkit-transform: translate(0, 110px);
      -ms-transform: translate(0, 110px);
          transform: translate(0, 110px);
}

/* MAIN */

html {
  scroll-behavior: smooth;
}


body {
  background:#dd0034
}

body,
body > * {
  margin: 0; 
  padding: 0; 
  font-family: "ClearfaceGothicLTStd-Medium";
  font-weight: normal;
}

/* * { transition: all .3s ease-in-out} */


/* Main layout */
html,
body,
body > div + div {
  width: 100vw; height: 100vh;
  position: relative; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-orient: horizontal; 
  -webkit-box-direction: normal; 
      -ms-flex-direction: row; 
          flex-direction: row; 
  -ms-flex-wrap: nowrap; 
      flex-wrap: nowrap; 
  -webkit-box-align: stretch; 
      -ms-flex-align: stretch; 
          align-items: stretch; 
  overflow: hidden;
  overflow: -moz-scrollbars-none;
}

.hideh2 {
  display: none;
}

article {
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
  border-right: 3px solid #181813;
  background:#dd0034;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial; 
  width: 25%;
  height: 100%; 
  min-height: 100%;
  text-align: center; 
  color: #f9b233; 
  vertical-align: bottom; 
  -webkit-box-sizing: border-box; 
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
  scrollbar-width: none;
  z-index: 1;
}

article.changeStyle,
article.changeStyle3 {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.article4 {
  border-right: none;
}            

hr {
  display: block;
  height: 2px;
  border: 0;
  border-top: 2px solid #f9b233;
  margin: 1em 0;
  padding: 0;
}
/* LEFT PANEL (MAIN) */


.license, .license2a, .license3a  {
  color: #181813;;
  /* text-shadow: -0.07em 0.07em 0 #dd0034; */
  text-align: center;
  font-size: 1.3vw;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  max-width: 100%;
  width: 100%;
  background-color: #f9b233;
  /* box-shadow: 0 5px 5px -5px rgba(0,0,0,.2); */
  /* border: 10px double #dd0034; */
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
  vertical-align: top; 
  top: 0; 
  left: 0; 
  position: sticky; 
  z-index: 3;
  position: -webkit-sticky; /* Safari */
  /* position: relative;  */
}

.page-head, .page-foot{
  color: #181813;
  text-align: center;
  font-size: 1.2em;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'ClearfaceGothicLTStd-Medium';
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  width: 100%;
  background-color: #f9b233;
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
  vertical-align: top;
  left: 0;
  position: sticky;
  z-index: 99;
  text-transform: uppercase;
}

.page-head{
  position: sticky; 
  top: 0; 
  left: 0; 
}

.holder{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3fr 1fr;
  grid-template-columns: 1fr 3fr 1fr;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -ms-grid-rows: 35px;
  grid-template-rows: 35px; /* Explicitly setting the row height */
  /* height: 100%; */
}

.holder > *:nth-child(1){-ms-grid-row: 1;-ms-grid-column: 1;
}

.holder > *:nth-child(2){-ms-grid-row: 1;-ms-grid-column: 2;
}

.holder > *:nth-child(3){-ms-grid-row: 1;-ms-grid-column: 3;
}


.page-head a{
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #181813;
}

.page-head a:hover{
  color: white;
}

.page-head a img{
  max-height: 100%;
}

.page-foot{
  position: fixed; 
  bottom: 0; 
  left: 0; 
}

.video-page-content-holder{
  position: absolute;
  height: calc(100vh - 110px);
  margin-top: 55px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* align-items: center; */
  overflow: auto;
}

.video-page-content-holder ::-webkit-scrollbar {
  display: block; /* This line might be redundant if no other general rules hide the scrollbar */
}

.video-page-content{
  font-family: "KoushikiSans Regular";
  padding-top: 1em;
  line-height: 1.25em;
  width: 90%;
  max-width: 1000px;
}

.video-page-content p{
  -ms-grid-column-align: center;
      justify-self: center;
  margin-left: 15%;
  width: 70%
}

.video-container-holder {
padding: 0.5em;
border: 4px dotted #181813;
}

.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-content-holder{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* Enable wrapping */
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.responsive-content {
  padding: 0.5em;
  border: 4px dotted #181813;
  margin: 0.5em;
  max-width: 100%;
  }

  .responsive-content *{
    max-width: 100%;
  }

  .twitter-tweet{
    margin: 0 !important;
  }

  .ig-full{
    min-width: 100% !important;
  }

.licensemob {
  color: #181813;
  text-align: center;
  justify-items: space-between;
  width: 100%;
  max-width: 100%;
  background-color: #f9b233;
  /* border-top: 10px double #181813; */
  border-bottom: 2px solid #181813;
  vertical-align: top; 
  top: 0; 
  left: 0; 
  position: sticky; 
  display: none;
}

.mobonly {
  display: none;
}

.tabletonly{
  display: none;
}

.contactme {
  display: none;
}

.flex-grid01 {
  display: none;
}


.article1move {
  padding-top: 2.1vh;
  padding-bottom: 2.5em;
}

.est {
  color:#f9b233;
  /* line-height: 0.5em; */
  padding-bottom: 0.3em;
  text-align: center;
  font-size: 0.8em;
}

/* Logo */
.logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  /* padding: 0.6vw; */
}

.logo img {
  margin-left: auto;
  margin-right: auto;
  max-width: 65%;
  width: 65%;
  /* display: flex; */
}

.stan-logo{
  min-width: 220px;
  pointer-events: none;
}


.payments {
  padding-top: 0.8vw;
  width: 100%;
  max-width: 100%;
}

.payments img {
  width: 95%;
  max-width: 100%;
}

.paymenticons {
  padding-left: 0.4vw;
  padding-right: 0.4vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.logotext {
  color: #f9b233;
  line-height: 0.35em;
  padding-top: 0.15em;
  padding-bottom: 0.2em;
  text-align: center;
  font-size: 0.8em;
  font-family: "KoushikiSans Regular";
}

.showme { 
  display: none;
  position: relative;
  text-transform: uppercase;
  font-size: 0.65em;
  margin-top: 0.3em;
  text-justify: right;
  font-family: "KoushikiSans Regular";
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.showme a { 
  color: white;
}



.showhim:hover .ok,
.showit,
.showhover:hover .ok{
  display : none;
}

/* RESERVATION */
.reservation {
  text-align: center;
  font-size: 1vw;
  padding-bottom: 0.7em;
}

.button {
  background-color: #f9b233;
  border: 5px #181813 solid;
  color: #181813;
  /* text-shadow: -0.1em 0.1em 0 #f9b233; */
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.2em;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition-duration: 0.2s ease-in-out; /* Safari */
  -o-transition-duration: 0.2s ease-in-out;
     transition-duration: 0.2s ease-in-out;
  cursor: pointer;
  -ms-flex-line-pack: center;
      align-content: center;
  font-family: "KoushikiSans Regular";
}

.button5:hover {
  background-color: #181813;
  border: 5px solid #f9b233;
  color: #f9b233;
  padding: 16px 16px;
}

.order2,
.button5:hover .order1{
  display: none;
}

.button5:hover .order2{
  display: inline-block;
  font-size: 1.1vw;
}

/* ABOUT */
.menucontainer{
  width: 80%;
  margin: 1em auto;
}

.menu {
  text-align: center;
}

p.menu {
  font-size: 1.5vw;
  color: white;
  padding-top: 10px;
}

.hide {
  max-width: 100%;
}

.about{
  text-align: justify;
}

.abouttext {
  border: #f9b233 2px solid;
  margin-left: 1.2em;
  margin-right: 1.2em;
  margin-top: 0.8em;
}

.stars {
  font-size: 1.5vh;
}

.brhide {
  /* height: 22vh; */
}

h3.about{
  color: #f9b233;
  text-align: center;
  font-size: 1.8vh;
  margin-top: -0.6em;
  margin-bottom: -0.2em;
}

.inlineborder{
  
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #dd0034;
} 

p.about{
  padding-left: 1em;
  padding-right: 1em;
  font-family: "KoushikiSans Regular";
  font-size: 0.8em;
  color: white;
  line-height: 1.1em;
}

/* TABS */


.tabs {
  font-size: 0;
  width: 100%;    
}

.tabs:after {
  clear: both;
  content: '';
  display: table;
}

.tabs .tab {
  display: inline;
}

.tabs .tab-label {
  display: inline-block;
  font-size: 16px;
  font-size: 1.8vh;
  width: 33.3%;
  padding-top: 0.3em;
  padding-bottom: 0.1em;
  position: relative;
  vertical-align: bottom;
  text-align: center;
}

.tabs .tab > [type="radio"] {
  clip: rect(0 0 0 0);
  opacity: 0;
  position: fixed;
  z-index: -1;
}

.tabs .tab-panel {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.tabs .tab-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  /* padding: 0 1em; */
  float: left;
  font-size: 16px; 
  font-size: 1rem;
  margin-top: 0.8em;
  width: 100%;
}

.tab:hover {
  color: white;
  -webkit-text-decoration: underline white 2px solid;
          text-decoration: underline white 2px solid;
}

.tabs .tab [type="radio"]:checked + .tab-label {
  color: white;
  border-bottom-width: 0;
  padding-top: 0.3em;
  /* text-shadow: -0.08em 0.08em 0 #f9b233; */
}

.tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}

label {
  cursor: pointer;
}

/* QUOTE */

.quotecontainer{
  vertical-align: bottom;
}

.quote{
  text-align: center;
}

p.quote{
  text-transform: uppercase;
  font-size: 1.7vh;
  font-family: "Nanami-Bold";
  color: white;
  margin-left: 1em;
  margin-right: 1em;
}

.quote a {
  font-size: 0.55em;
  font-family: "KoushikiSans Regular";
  color: #f9b233;
  text-decoration: none;
}

.quotebreak {
  font-size: 0.3em;
}

/* CLIENT */

.clientcontainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
}

.clientitem {
  border: #000000;
  
  height: auto;
  
}

.clientitem img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.clienttext{ 
  display: none;
  text-transform: uppercase;
  font-size: 0.6em;
  text-align: center;
  margin: auto;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-family: "KoushikiSans Regular";
  width: 100%;
}


.clientitem:hover .clienttext{
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: auto;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
}

.clientitem:hover .ok{
  display : none;
}

.clientitem:hover img{
  display: none;
  /* opacity : 0;
  transition: 0.1s; */
}

/* WELSH */
.welshdragon {
  width: 3vw;
  margin-top: 0.9em;
  padding-bottom: 0.3em;
  margin-left: auto;
  margin-right: auto;
}

.welsh {
  /* width: 100%; */
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); 
  vertical-align: bottom;
  -webkit-transform: rotate(-90deg) translateY(-50%);
      -ms-transform: rotate(-90deg) translateY(-50%);
          transform: rotate(-90deg) translateY(-50%); 
  top: 65%;
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  display: inline-block;
  margin-top: 1.8em;
  margin-top: 0.8em;
  border-bottom: 2px solid #f9b233; 
  left: 18.5%;
  position: fixed;
  grid-auto-rows: auto;
  padding: 0.6vw;
  margin-right: 0.9vw;
  width: 26%;
}

.welsh img {
  width: 1.5vw;
  border-left: 2px solid #f9b233;
  padding-left: 0.3em;
}

.welsh1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: a;
}

.nested > .welsh1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.nestedmeme > .welsh1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.drinks > .welsh1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;
}

.welsh2 {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: b;
  margin-top: 0.3em;
  text-transform: uppercase; 
  font-size: 1.3vw; 
}

.nested > .welsh2 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8; 
}

.nested2 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6; 
}

.nested3 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4; 
}

.nested4 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3; 
}

.nestedmeme > .welsh2 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8; 
}

.nestedmemes > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6; 
}

.drinks > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1; 
}

.nested4 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6; 
}

.nested-video > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9; 
}

.nested5 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5; 
}

.nested7 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5; 
}

.nested6 > .welsh2 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4; 
}
.welsh3 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: c;
}
.nested2 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}
.nested3 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}
.nested4 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;
}
.nestedmemes > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}
.nested4 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}
.nested-video > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 10;-ms-grid-column-span: 1;
}
.nested5 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 19;-ms-grid-column-span: 1;
}
.nested7 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 1;
}
.nested6 > .welsh3 {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

/* ICONS */
.icons {
  color: #181813;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  max-width: 100%;
  background-color: #f9b233;
  vertical-align: bottom; 
  bottom: 0;
  position: absolute;
  text-align: center; 
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
height: 50px;
  font-size: 1.3vw;
  letter-spacing: 10px;
  z-index:1;
} 

.icons :-webkit-any-link {
  text-decoration: none;
} 

.icons :-moz-any-link {
  text-decoration: none;
} 

.icons :any-link {
  text-decoration: none;
}

.iconschange {
  color: #181813;;
  width: 100%;
  max-width: 100%;
  background-color: #f9b233;
  vertical-align: bottom; 
  bottom: 0%;
  position: sticky; 
  position: -webkit-sticky;
  text-align: center; 
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
 height: 50px;
  font-size: 1.3vw;
  /* letter-spacing: 2vw; */
  z-index:1;
  
} 

.icons a {
  color: #181813;;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.icons a:hover {
  color: white;
}  

/* Controller */
.controller {
  width: 100%;
  position: fixed; 
  background:#d22d35; 
  text-align: center;
  z-index: 2;
  display: block;
}

/* Article layouts */
article > div {
  text-align: left; 
  width: 58vw;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}

ul {
  margin: 0; 
  padding: 0; 
  list-style: none;
}

.col-6 {
  width: 50%; 
  float: left;
}

/* COLUMN TWO */

.column2design { 
  color: #f9b233;
  margin-left: auto;
  height: calc(100vh - 140px);
  margin-right: 3.5vw;
  position: relative;
  width: 100%;
  max-width: 100%;
} 

.column2 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
}

.column2writing {
  line-height: 4.2vw;
}


.column2designpic {
  position: fixed;
  top: -8.3%;
  /* position: -webkit-sticky; */
  /* top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 4vw; */
  z-index: 2;
} 

.col2picmove {
  top: 8%;
}

.column2designpic img {
  width: 93%;
  max-width: 100%;
}

.writingdesign0 {
  font-size: 1.6vw;
  text-shadow: -0.09em 0.09em 0 #dd0034;
  margin-top: -3.1vw;
  margin-left: 0.1em;
  word-spacing: 11.8vw;
  font-family: "Nanami-Bold";
  z-index: 3;
  position: absolute;
}

.writingdesign1 {
  font-size: 4.95vw;
  font-family: "NanamiOutline-Regular";
  z-index: 3;
}

.writingdesign2 {
  font-size: 4.95vw;
  font-family: "NanamiOutline-Regular";
}
.writingdesign3 {
  font-size: 4.95vw;
  line-height: 5.3vw;
  font-family: "Nanami-Bold";
  z-index: 3;
}

.writing2small{
  font-size: 2.8vw;
}

.writing2big{
  font-size: 4.95vw;
}

.writingdesign0big {
  font-size: 1.6vw;
}

.writingdesign0small {
  font-size: 1.1vw;
  word-spacing: 5.5vw;
}



.writingdesign4 {
  margin-top: -2vw;
  font-size: 0.9vw;
  font-family: "KoushikiSans Regular";
}

.writingdesign4small {
  font-size: 0.5vw;
}

.writingdesign4big {
  font-size: 0.9vw;
}



.license2b {
  color: #181813;;
  /* text-shadow: -0.07em 0.07em 0 #dd0034; */
  text-align: center;
  font-size: 1.3vw;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  max-width: 100%;
  width: 100%;
  background-color: #f9b233;
  /* box-shadow: 0 5px 5px -5px rgba(0,0,0,.2); */
  /* border: 10px double #dd0034; */
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
  vertical-align: top; 
  top: 0; 
  left: 0; 
  position: sticky; 
  z-index: 2;
  position: -webkit-sticky; /* Safari */
  /* position: relative;  */
}


.license2b a {
  color: #181813;;
  text-decoration: none;
}

.license2b a:hover {
  color: white;
  text-decoration: none;
}


.icons2, .icons3, .icons4 {
  /* color: white; */
  color: #181813;;
  /* text-shadow: -0.07em 0.07em 0 #dd0034; */
  width: 100%;
  max-width: 100%;
  /* border: 5px solid #f9b233; */
  background-color: #f9b233;
  vertical-align: bottom; 
  bottom: 0;
  position: sticky; 
  position: -webkit-sticky;
  text-align: center; 
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.3vw;
  /* letter-spacing: 2em; */
  z-index:3;
  height: 50px;
  min-height: 50px !important;
} 


.wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  width: 100%;
  background:white;
}


::-webkit-scrollbar {
 width: 18px;
  background-color: white; /* Darker shade when hovering */
}

::-webkit-scrollbar-track {
  /* border-left: 2px solid black; */
  -webkit-box-shadow: inset 0 0 5px grey;
          box-shadow: inset 0 0 5px grey; 
}

::-webkit-scrollbar-thumb {
  background: #dd0034; 
  border: 3px solid black; /* Creates a border inside the thumb with the background color */
  border-right: 1px solid black; /* Creates a border inside the thumb with the background color */
}

::-webkit-scrollbar-thumb:hover {
  background: #f9b233; 
  cursor: pointer;
}


.features {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  padding-left: 3.5vw;
  padding-right: 3.5vw;
  background:white;
}

.opinion {
  -ms-grid-column: 1;
  grid-column: 1;
  padding-left: 3.5vw;
  padding-right: 0.8vw;
  background: white;
}

.interviews {
  -ms-grid-column: 2;
  grid-column: 2;
  padding-left: 0.8vw;
  padding-right: 3.5vw;
  background: white;
  
}

.wrapmisc {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  width: 100%;
      grid-template-areas:
  'memey miscy'
}

.wrapvids {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  margin-right: 0.6em;
  max-width: 100%;
  grid-row-gap: 0.7em;
  -ms-grid-rows: auto 0.7em auto 0.7em auto 0.7em auto 0.7em auto 0.7em auto 0.7em auto 0.7em auto 0.7em auto 0.7em auto;
      grid-template-areas:
  'chunky chunky chunky loveit loveit loveit'
  'line1 line1 line1 line1 line1 line1'
  'diving diving diving fosters fosters fosters'
  'line2 line2 line2 line2 line2 line2'
  'mulling mulling kanye kanye wilson wilson'
  'line3 line3 line3 line3 line3 line3'
  'weng weng boosh boosh dyer dyer'
  'line4 line4 line4 line4 line4 line4'
  'keanu keanu lambs lambs grime4 grime4'
  'line5 line5 line5 line5 line5 line5'
}

.vidline {
  border-top: 4px dotted #181813;
}

.vidline1 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: line1;
}
.vidline2 {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: line2;
}
.vidline3 {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: line3;
}
.vidline4 {
  -ms-grid-row: 15;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: line4;
}
.vidline5 {
  -ms-grid-row: 19;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: line5;
}

.vidline6 {
  grid-area: line6;
  display: none;
}

.vidline7 {
  grid-area: line7;
  display: none;
}


.chunky { 
  -ms-grid-row: 1; 
  -ms-grid-column: 1; 
  -ms-grid-column-span: 3; 
  grid-area: chunky;
  max-width: 100%;
  width: 100%;
}

.loveit  { -ms-grid-row: 1; -ms-grid-column: 4; -ms-grid-column-span: 3; grid-area: loveit;  }
.diving  { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: diving;  }
.kanye   { -ms-grid-row: 9; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: kanye;   }
.fosters { -ms-grid-row: 5; -ms-grid-column: 4; -ms-grid-column-span: 3; grid-area: fosters; }
.mulling { -ms-grid-row: 9; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: mulling; }
.dyer    { -ms-grid-row: 13; -ms-grid-column: 5; -ms-grid-column-span: 2; grid-area: dyer;    }
.weng    { -ms-grid-row: 13; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: weng;    }
.wilson  { -ms-grid-row: 9; -ms-grid-column: 5; -ms-grid-column-span: 2; grid-area: wilson;  }
.keanu   { -ms-grid-row: 17; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: keanu;   }
.grime4  { -ms-grid-row: 17; -ms-grid-column: 5; -ms-grid-column-span: 2; grid-area: grime4;  }
.lambs   { -ms-grid-row: 17; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: lambs;   }
.boosh   { -ms-grid-row: 13; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: boosh;   }


.vidvid {
  -ms-grid-column: 6;
  -ms-grid-column-span: 7;
  grid-column: 6 / 13;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-align: bottom;
      -ms-flex-align: bottom;
          align-items: bottom;
}

.vidvid img {
  width: 100%;
}

.vidtitle {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-span: 12;
  grid-column: span 12 / 12;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  /* grid-area: a; */
  font-family: "Nanami-Bold";
  font-size: 1.1em;
  line-height: 1.4em;
  text-transform: uppercase;
  color: #dd0034;
  text-shadow: -0.1em 0.1em 0 white;
}

.viddate {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 12;
  -ms-grid-column-span: 1;
  grid-column: span 1 / 13;
  text-align: left;
  font-family: "ClearfaceGothicLTStd-Medium";
  font-size: 0.9em;
  line-height: 1.4em;
  color: #dd0034;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.vidtext {
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 5;
  grid-column-end: span 5;
  font-family: "KoushikiSans Regular";
  font-size: 0.7em;
  text-align: justify;
  /* padding-top: 0.5em; */
  color: #000000;
}

.vidinfo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
      grid-template-areas: 
  "a a a a a b d d d d"
  "c c c c c c d d d d";
}

/* VIDEO */

video {
  width: 100%;
  height: auto;
}

#vidya {
  cursor: pointer;
}

.test-image{
  height: auto;
  width: 100%;
}

.test-image img {
  width: 100%;
}

/* COLLAPSIBLE VID */

.collapsiblevid {
  background-color: white;
  color: #f9b233;
  border-right: 4px dotted #181813;
  cursor: pointer;
  /* padding: 18px; */
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsiblevid img {
  width: 100%;
}

.item2:hover {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}


.nested4:hover > .item2 {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}


.nested4:hover > .item2-com {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested4:hover > .item2a {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested7:hover > .item2 a{
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested4:hover > .item2-nopad{
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested7:hover > .item2-com a{
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested5:hover > .item2 {
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested5:hover > .item2-com {
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.vidinfo:hover > .vidtitle {
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}


.collapsiblevid:after {
  content: '\002B';
  color: #dd0034;
  font-weight: bold;
  float: right;
  /* margin-left: 1em; */
  font-size: 2em;
}

.active:after {
  content: "\2212";
}

.content2 {
  /* padding: 0 18px; */
  max-height: 0;
  width: 100%;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  -ms-flex-line-pack: center;
      align-content: center;
  
}





.memey {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: memey;
  /* padding-left: 4vw; */
  padding-right: 1.2vw;
  background: white;
  
}





@media (max-width: 600px){
    
    .memey {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2
    }}

.miscy {
  grid-column: miscy;
  padding-left: 1.2vw;
  /* padding-right: 4vw; */
  background: white;
  
}

.nested {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  padding-bottom: 0.2em;
  padding-left: 0.6vw;
  padding-right: 0.6vw;
  padding-top: 0.2em;
  margin-right: 0.9vw;
  width: 100%;
      grid-template-areas: 
  "a a a a a a a a"
  "b b b b b b b b"
}

.nested2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  width: 100%;
  border-bottom: 4px dotted #181813;
  /* grid-column-gap: 0.1em; */
  padding-top: 1em;
      grid-template-areas: 
  "b b b b b b c c"
  "d d d d d d d d";
}

.nested3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  /* margin-right: 0.6em; */
  width: 100%;
  /* padding-left: 0.7em;
  padding-right: 0.7em; */
  padding-bottom: 0.8em;
  padding-top: 0.8em;
  border-bottom: 4px dotted #181813;
      grid-template-areas: 
  "b b b b c e e e e e e e"
  "d d d d d e e e e e e e";
}

.nested4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: auto;
  /* margin-right: 0.6em; */
  width: 100%;
      grid-template-areas: 
  "b b b c c e";
}

.nestedmeme {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  padding: 0.6vw;
  margin-right: 0.9vw;
  width: 94%;
      grid-template-areas: 
  "a a a a a a a a"
  "b b b b b b b b"
}



.nested3:hover > .item2b a {
  z-index: 2;
  position: relative;
  /* text-shadow: -0.1em 0.1em 0 white; */
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.item2d a:hover {
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.video-image:hover ~ .nested-video a{
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}


.nested3:hover > .item3b {
  z-index: 2;
  position: relative;
  /* text-shadow: -0.1em 0.1em 0 #dd0034; */
}

.nested3:hover > .item4d a {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested3:hover > .food img { 
  z-index: 1;
}


.nested2:hover > .item2b a {
  z-index: 2;
  position: relative;
  /* text-shadow: -0.1em 0.1em 0 white; */
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested4:hover > .item2 a {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested4:hover > .item2-nopad {
  z-index: 2;
  position: relative;
  text-shadow: -0.1em 0.1em 0 white;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested2:hover > .item2-com a {
  z-index: 2;
  position: relative;
  /* text-shadow: -0.1em 0.1em 0 white; */
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #dd0034;
          text-decoration-color: #dd0034;
}

.nested2:hover > .item3b {
  z-index: 2;
  position: relative;
  /* text-shadow: -0.1em 0.1em 0 white;
  text-decoration: underline wavy;
  text-decoration-color: #dd0034; */
}

.nested2:hover > .item3 {
  z-index: 2;
  position: relative;
  /* text-shadow: -0.1em 0.1em 0 white;
  text-decoration: underline wavy;
  text-decoration-color: #dd0034; */
}

.nested2:hover > .item3-com {
  z-index: 2;
  position: relative;
}



.nestedmemes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  margin-right: 0.6em;
  width: 100%;
      grid-template-areas: 
  "b b b b b b c c"
  "d d d d d d d d";
}

.icecrem {
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}


.drinks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
      grid-template-areas: 
  "a b"
}


.drinkimg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: a;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  
}


.nested > .drinkimg {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
  
}


.nestedmeme > .drinkimg {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
  
}


.drinks > .drinkimg {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;
  
}

.drinkimg img {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}


.drinktxt {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: b;
}


.nested > .drinktxt {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8;
}


.nested2 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6;
}


.nested3 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4;
}


.nested4 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;
}


.nestedmeme > .drinktxt {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8;
}


.nestedmemes > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6;
}


.drinks > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1;
}


.nested4 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6;
}


.nested-video > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9;
}


.nested5 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5;
}


.nested7 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}


.nested6 > .drinktxt {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4;
}

.video-entry{
  padding-top: 0.5em;
  border-bottom: 4px dotted #181813;
  margin-bottom: 1em;
}

.video-entry:last-child{
  margin-bottom: 0em;
}

.video-image{
  width: 100%;
}

.video-image img{
  max-width: 100%;
}


.food {
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  grid-column: 8 / 13;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  max-width: 100%;
  height: 100%;
  margin-top: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}


.food img {
  /* max-width: 100%; */
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  margin: auto;
  padding-left: 0.7vw;
  /* top: 50%;
  left: 50%; */
  /* -webkit-top: 50%; */
  /* -webkit-left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); 
  -moz-transform: translate(-50%, -50%); 
  -ms-transform: translate(-50%, -50%);  */
}

.item1 {
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under; 
}

.item1,
.item1a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: a;
  text-align: center;
  font-size: 2.5vw;
  padding: 0.2em;
  padding-bottom: 0.2em;
  line-height: 1.25em;
  color: #dd0034;
  text-shadow: -0.05em 0.05em 0 #f9b233;
  font-family: "ClearfaceGothicLTStd-Medium";
}

.nested > .item1,
.nested > .item1a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.nestedmeme > .item1,
.nestedmeme > .item1a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.drinks > .item1,
.drinks > .item1a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;
}

.item1b {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: a;
  text-align: center;
  font-size: 2.5vw;
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  color: #dd0034;
  text-shadow: -0.05em 0.05em 0 #f9b233;
  font-family: "ClearfaceGothicLTStd-Medium";
}

.nested > .item1b {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.nestedmeme > .item1b {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.drinks > .item1b {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;
}

.editline {
  line-height: 1.4em;
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under; 
}

.item2, .item2d {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: b;
  text-align: left;
  color: #dd0034;
  color: #181813;
  font-size: 1.3vw;
  line-height: 1.25em;
  /* padding-top: 1em; */
  /* margin-bottom: 0.3em; */
  text-transform: uppercase;
  /* text-shadow: 0.05em 0.05em 0 #f9b233; */
  /* font-family: "Nanami-Bold"; */
  font-family: "KoushikiSans Regular"  
}

.nested > .item2, .nested > .item2d {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nested2 > .item2, .nested2 > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested3 > .item2, .nested3 > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.nested4 > .item2, .nested4 > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3  
}

.nestedmeme > .item2, .nestedmeme > .item2d {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nestedmemes > .item2, .nestedmemes > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.drinks > .item2, .drinks > .item2d {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1  
}

.nested4 > .item2, .nested4 > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested-video > .item2, .nested-video > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9  
}

.nested5 > .item2, .nested5 > .item2d {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5  
}

.nested7 > .item2, .nested7 > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5  
}

.nested6 > .item2, .nested6 > .item2d {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.item2d{
  font-size: 1.7vw;
}

.item2-nopad {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: b;
  text-align: left;
  color: #dd0034;
  font-size: 1.3vw;
  line-height: 1.4em;
  /* margin-bottom: 0.3em; */
  text-transform: uppercase;
  /* text-shadow: 0.05em 0.05em 0 #f9b233; */
  /* font-family: "Nanami-Bold"; */
  font-family: "KoushikiSans Regular"  
}

.nested > .item2-nopad {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nested2 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested3 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.nested4 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3  
}

.nestedmeme > .item2-nopad {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nestedmemes > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.drinks > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1  
}

.nested4 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested-video > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9  
}

.nested5 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5  
}

.nested7 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5  
}

.nested6 > .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.item2-com {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: b;
  text-align: left;
  color: #181813;
  font-size: 1.3vw;
  line-height: 1.4em;
  /* padding-top: 1em; */
  /* margin-bottom: 0.3em; */
  text-transform: uppercase;
  /* text-shadow: 0.05em 0.05em 0 #f9b233; */
  /* font-family: "Nanami-Bold"; */
  font-family: "KoushikiSans Regular"  
}

.nested > .item2-com {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nested2 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested3 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.nested4 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3  
}

.nestedmeme > .item2-com {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nestedmemes > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.drinks > .item2-com {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1  
}

.nested4 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested-video > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9  
}

.nested5 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5  
}

.nested7 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5  
}

.nested6 > .item2-com {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.item2-com a {
  color: #181813;
  text-decoration: none;
}

.item2a {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: b;
  text-align: left;
  color: #dd0034;
  font-size: 1.3vw;
  line-height: 1.4em;
  margin-bottom: 0.3em;
  text-transform: uppercase;
  /* text-shadow: 0.05em 0.05em 0 #f9b233; */
  /* font-family: "Nanami-Bold"; */
  /* font-family: "Clearface Gothic T.";  */
  font-family: "KoushikiSans Regular"  
}

.nested > .item2a {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nested2 > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested3 > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.nested4 > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3  
}

.nestedmeme > .item2a {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8  
}

.nestedmemes > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.drinks > .item2a {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1  
}

.nested4 > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6  
}

.nested-video > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9  
}

.nested5 > .item2a {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5  
}

.nested7 > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5  
}

.nested6 > .item2a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4  
}

.item2b {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-span: 12;
  grid-column: span 12 / 12;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: left;
  color: #dd0034;
  font-size: 1.7vw;
  line-height: 1.3em;
  /* margin-bottom: 0.5em; */
  text-transform: uppercase;
  /* text-shadow: 0.05em 0.05em 0 #f9b233; */
  font-family: "Nanami-Bold";
    font-family: "KoushikiSans Regular"  
}

.item3 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: c;
  text-align: right;
  font-size: 1vw;
  line-height: 1.4em;
  color: #dd0034;
  /* margin-bottom: 0.3em; */
  /* padding-top: 1em; */
  
}

.nested2 > .item3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
  
}

.nested3 > .item3 {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
  
}

.nested4 > .item3 {-ms-grid-row: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;
  
}

.nestedmemes > .item3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
  
}

.nested4 > .item3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
  
}

.nested-video > .item3 {-ms-grid-row: 1;-ms-grid-column: 10;-ms-grid-column-span: 1;
  
}

.nested5 > .item3 {-ms-grid-row: 1;-ms-grid-column: 19;-ms-grid-column-span: 1;
  
}

.nested7 > .item3 {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 1;
  
}

.nested6 > .item3 {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
  
}

.item3-nopad {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: c;
  text-align: right;
  font-size: 1vw;
  line-height: 1.4em;
  color: #dd0034;
  margin-bottom: 0.3em;
  padding-top: none;
}

.nested2 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested3 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.nested4 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;
}

.nestedmemes > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested4 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested-video > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 10;-ms-grid-column-span: 1;
}

.nested5 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 19;-ms-grid-column-span: 1;
}

.nested7 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 1;
}

.nested6 > .item3-nopad {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.item3-com {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: c;
  text-align: right;
  font-size: 1vw;
  line-height: 1.4em;
  color: #dd0034;
  margin-bottom: 0.3em;
  /* padding-top: 1em; */
}

.nested2 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested3 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.nested4 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;
}

.nestedmemes > .item3-com {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested4 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested-video > .item3-com {-ms-grid-row: 1;-ms-grid-column: 10;-ms-grid-column-span: 1;
}

.nested5 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 19;-ms-grid-column-span: 1;
}

.nested7 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 1;
}

.nested6 > .item3-com {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.item3a {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: c;
  text-align: right;
  font-size: 1vw;
  color: #dd0034;
  /* padding-top: 0.5em; */
  margin-bottom: 0.3em;
  padding-left: 1.2vw;
}

.nested2 > .item3a {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested3 > .item3a {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.nested4 > .item3a {-ms-grid-row: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;
}

.nestedmemes > .item3a {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested4 > .item3a {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested-video > .item3a {-ms-grid-row: 1;-ms-grid-column: 10;-ms-grid-column-span: 1;
}

.nested5 > .item3a {-ms-grid-row: 1;-ms-grid-column: 19;-ms-grid-column-span: 1;
}

.nested7 > .item3a {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 1;
}

.nested6 > .item3a {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.item3b {
  /* grid-area: c; */
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 12;
  -ms-grid-column-span: 1;
  grid-column: span 1 / 13;
  text-align: right;
  line-height: 1.4em;
  font-size: 1vw;
  color: #dd0034;
  margin-bottom: 0.3em;
}

.item3c {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: c;
  text-align: right;
  font-size: 1vw;
  color: #dd0034;
  /* padding-top: 1.1em; */
  margin-bottom: 0.3em;
}

.nested2 > .item3c {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested3 > .item3c {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.nested4 > .item3c {-ms-grid-row: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;
}

.nestedmemes > .item3c {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested4 > .item3c {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 2;
}

.nested-video > .item3c {-ms-grid-row: 1;-ms-grid-column: 10;-ms-grid-column-span: 1;
}

.nested5 > .item3c {-ms-grid-row: 1;-ms-grid-column: 19;-ms-grid-column-span: 1;
}

.nested7 > .item3c {-ms-grid-row: 1;-ms-grid-column: 7;-ms-grid-column-span: 1;
}

.nested6 > .item3c {-ms-grid-row: 1;-ms-grid-column: 5;-ms-grid-column-span: 1;
}

.item4 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 7;
  -ms-grid-column-span: 4;
  grid-area: d;
  text-align: justify;
  font-size: 0.65vw;
  padding-bottom: 0.5em;
  color: #000000;
  /* text-transform: uppercase; */
  font-family: "KoushikiSans Regular";
}

.nested-video > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 10;
}

.nested5 > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 13;-ms-grid-column-span: 7;
}

.nested7 > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;
}

.nested6 > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}

.nested2 > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.nested3 > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}

.nestedmemes > .item4 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.item4 p {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  /* margin-block-end: 0.5em; */
}

.item4a {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 7;
  -ms-grid-column-span: 4;
  grid-area: d;
  text-align: justify;
  font-size: 0.65vw;
  margin-top: 0.3em;
  padding-bottom: 1em;
  border-bottom: 4px dotted #181813;
  color: #000000;
  /* text-transform: uppercase; */
  font-family: "KoushikiSans Regular";
  /* margin-left: 1.2vw; */
}

.nested-video > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 10;
}

.nested5 > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 13;-ms-grid-column-span: 7;
}

.nested7 > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;
}

.nested6 > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}

.nested2 > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.nested3 > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}

.nestedmemes > .item4a {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.item4-new {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 7;
  -ms-grid-column-span: 4;
  grid-area: d;
  text-align: justify;
  font-size: 0.65vw;
  margin-top: 0.3em;
  padding-bottom: 0.5em;
  color: #000000;
  font-family: "KoushikiSans Regular";
}

.nested-video > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 10;
}

.nested5 > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 13;-ms-grid-column-span: 7;
}

.nested7 > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 7;
}

.nested6 > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}

.nested2 > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.nested3 > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
}

.nestedmemes > .item4-new {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 8;
}

.publication {

  text-align: justify;
  /* font-size: 0.65vw; */
  color: #dd0034;
  /* text-transform: uppercase; */
  font-family: "KoushikiSans Regular";
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
  padding-bottom: 0.1em;
}

.nocap{
  text-transform: none;
}

.review-stars{
  text-decoration: none;
  color: #dd0034;
}

.review-stars:hover{
  cursor: pointer;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
}

.item4 a{
  text-decoration: none;
  color: #dd0034;
}

.item4 a:hover{
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
}

.item4d {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / 8;
  -ms-grid-row: 2;
  grid-row: 2;
  /* grid-area: d; */
  text-align: justify;
  font-size: 0.65vw;
  padding-top: 0.1em;
  padding-bottom: 0.3em;
  
  color: #000000;
  /* text-transform: uppercase; */
  font-family: "KoushikiSans Regular";
}

.inbold{
  color: #dd0034;
  font-size: 1.2em;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Nanami-Bold";
}

.featline {
  border: 4px dotted #181813;
}

.item5 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
  -ms-grid-column-span: 7;
  grid-area: e;
  /* border: solid 4px #f9b233; */
  max-width: 100%;
}

.nested4 > .item5 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 6;-ms-grid-column-span: 1;
}

.nested5 > .item5 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
}

.nested6 > .item5 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 6;-ms-grid-column-span: 5;
}

.item5 img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
  -ms-grid-column-span: 7;
  grid-area: e;
  width: 100%;
  /* border: solid 4px #f9b233; */
}

.item8 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: g;
  /* border: solid 4px #f9b233; */
  max-width: 100%;
}

.item9 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: h;
  /* border: solid 4px #f9b233; */
  max-width: 100%;
}


.tagline {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  text-align: center;
  grid-area: b;
  color: #dd0034; 
  font-family: "KoushikiSans Regular";
  margin-top: 0.3em;
  font-size: 0.7em;
  padding-bottom: 0.2em;
  
}


.nested > .tagline {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8;
  
}


.nested2 > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6;
  
}


.nested3 > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4;
  
}


.nested4 > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;
  
}


.nestedmeme > .tagline {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 8;
  
}


.nestedmemes > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6;
  
}


.drinks > .tagline {-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-column-span: 1;
  
}


.nested4 > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 6;
  
}


.nested-video > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9;
  
}


.nested5 > .tagline {-ms-grid-row: 1;-ms-grid-column: 13;-ms-grid-column-span: 5;
  
}


.nested7 > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
  
}


.nested6 > .tagline {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 4;
  
}


@media (max-width: 600px){
    

    
    .welsh1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9;
    }
    

    
    .welsh2 {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }
    

    
    .welsh3 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
    }
    

    
    .drinkimg {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9;
    }
    

    
    .drinktxt {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }
    

    
    .item1,
.item1a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9;
    }
    

    
    .item1b {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 9;
    }
    

    
    .item2, .item2d {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }
    

    
    .item2-nopad {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }
    

    
    .item2-com {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }
    

    
    .item2a {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }
    

    
    .item3 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
    }
    

    
    .item3-nopad {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
    }
    

    
    .item3-com {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
    }
    

    
    .item3a {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
    }
    

    
    .item3c {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 11;
    }
    

    
    .item4 {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 13;-ms-grid-column-span: 7;
    }
    

    
    .item4a {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 13;-ms-grid-column-span: 7;
    }
    

    
    .item4-new {-ms-grid-row: 1;-ms-grid-row-span: 2;-ms-grid-column: 13;-ms-grid-column-span: 7;
    }
    

    
    .tagline {-ms-grid-row: 1;-ms-grid-column: 11;-ms-grid-column-span: 1;
    }}

.chili {
  font-size: 1em;
  color: #dd0034;;
}

.title  {
  color: #dd0034;
  color: #000000;
  text-decoration: none;
}

.title a:hover {
  cursor: pointer;
}

.title1  {
  color: #dd0034;
  text-decoration: none;
}

.title1:hover {
  cursor: pointer;
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
}

/* COLUMN THREE */

.column3design { 
  color: #f9b233;
  margin-left: auto;
  height: calc(100vh - 100px);
    margin-top: -35px;
  margin-right: 3.5vw;
  position: relative;
  width: 100%;
  max-width: 100%;
} 

.column3 {
  /* margin: 0; */
  position: absolute;
  top: 45%;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.column3writing {
  line-height: 4.2vw;
}

.col3writ{
  font-size: 0.9vw;
}


.col3writ a {
  color: white;
  /* text-decoration: underline; */
}

.underline3writ {
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
  -webkit-text-decoration-color: #f9b233;
          text-decoration-color: #f9b233;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;
  line-height: 1.9em; 
}

.column3designpic {
  z-index: 2;
  width: 100%;
} 

.column3designpic img {
  width: 85%;
}


.writing3design {
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color:#dd0034;
  word-spacing: 11.4vw;
  top: 3vw;
  margin-left: 1vw;
  font-family: "Nanami-BoldOblique";
  z-index: 3;
  position: absolute;
  text-align: center;
}

.writing3 {
  text-shadow: 0.06em 0.06em 0 #dd0034;
  font-size: 7vw;
}

.bigtext {
  font-size: 7vw;
}

.smalltext {
  font-size: 5.4vw;
}

.license3b {
  color: #181813;;
  /* text-shadow: -0.07em 0.07em 0 #dd0034; */
  text-align: center;
  font-size: 0vw;
  /* padding: 0em; */
  height: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  max-width: 100%;
  width: 100%;
  background-color: #f9b233;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
          box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
  /* border: 10px double #dd0034; */
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
  vertical-align: top; 
  top: 0; 
  left: 0; 
  opacity: 0;
  z-index: 2;
  position: sticky; 
  position: -webkit-sticky; /* Safari */
}

.license3b a {
  color: #181813;
  text-decoration: none;
}
.license3b a:hover { 
  color: white;
  text-decoration: none;
}



/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  /* margin: auto; */
}

.slideshow-container img {
  width: 100%;
  /* border: #f9b233 4px solid; */
  /* margin: auto; */
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 0.9em;
  /* padding: 8px 12px; */
  position: relative;
  padding: -0.9em;
  bottom: 1%;
  width: 100%;
  text-align: left;
  color: #181813;
  /* text-shadow: -0.05em 0.05em 0 #f9b233; */
  line-height: 1.9em;
  text-transform: uppercase;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f9b233;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  /* margin: 0 2px; */
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: background-color 0.6s ease;
  -o-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4; } 
  to   {opacity:  1; }
}

@keyframes fade {
  from {opacity: .4; } 
  to   {opacity:  1; }
}

.design {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  padding-left: 4vw;
  padding-right: 4vw;
  background: white;
}


.asterisks {
  background-color: white;
  color: #f9b233;
  font-size: 0.9em;
  margin-top: 0.2em;
  margin-bottom: 0.4em;
  color: #dd0034;
  text-shadow: -0.05em 0.05em 0 #f9b233;
  font-family: "ClearfaceGothicLTStd-Medium";
  cursor: pointer;
  border: none;
  outline: none;
}

.asterisks:hover {
  color: #f9b233;
  text-shadow: -0.05em 0.05em 0 #dd0034;
}

.asteriskscontent {
  font-size: 0.3em;
  text-transform: uppercase;
  color: #dd0034;
  text-shadow: none;
  line-height: 1.7em;
}

.vid {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  padding-left: 3.5vw;
  padding-right: 3.5vw;
  background: white;
}

.nested4 {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  margin-right: 0.6em;
  width: 100%;
  grid-template-areas: 
  "b b b b b b c c"
  "d d d d d d d d";
  -ms-grid-columns: (1fr)[8];
}

.nested-video {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: auto;
  /* margin-right: 0.6em; */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  padding-top: 0.75em;
      grid-template-areas: 
  "b b b b b b b b b c"
  "d d d d d d d d d d";
}



.nested5 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr;
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: auto;
  -webkit-column-gap: 1.2vw;
     -moz-column-gap: 1.2vw;
          column-gap: 1.2vw;
  width: 100%;
      grid-template-areas: 
  "e e e e e e b b b c"
  "e e e e e e d d d d";
  padding-top: 1em;
  border-bottom: 4px dotted #181813;
  padding-bottom: 1em;
}


.nested9 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  margin-right: 0.6em;
  -webkit-column-gap: 1.2vw;
     -moz-column-gap: 1.2vw;
          column-gap: 1.2vw;
  width: 100%;
      grid-template-areas: 
  "g"
  "h";
}


.nested7 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.2vw 1fr 1.2vw 1fr 1.2vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  -webkit-column-gap: 1.2vw;
     -moz-column-gap: 1.2vw;
          column-gap: 1.2vw;
  /* padding-left: 0.5em; */
  width: 100%;
  border-bottom: 4px dotted #181813;
      grid-template-areas: 
  "b b b c"
  "d d d d";
}

.nested6 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: auto;
  margin-right: 0.6em;
  width: 100%;
      grid-template-areas: 
  "b b b b c e e e e e"
  "d d d d d e e e e e";
}

.marker {
  display: hidden;
  margin: -1.8em;
}

.marker2 {
  display: hidden;
}

.bigscreen{
  display: block;
}

.smallscreen{
  display: none;
}

.bigline {
  border-top: 4px dotted #181813;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.bigline2 {
  border-top: 4px dotted #181813;
  padding-top: 0.01em;
  padding-bottom: 0.01em;
}

.bigline3 {
  border-top: 0px dotted white; 
}

.bigline4 {
  border-top: 4px dotted #181813;
  padding-top: 0.01em;
  margin-bottom: 0.3em;
}

.bigline5 {
  /* display: none; */
  border-top: 4px dotted #181813;
  padding-top: 0.01em;
  padding-bottom: 0.01em;
}

.bigline6 {
  border-top: 4px dotted #181813;
  padding-bottom: 0.3em;
}

.pado {
  padding-top: 0.3em;
}



/* COLUMN FOUR */

.column4design {
  position: sticky;
  position: -webkit-sticky;
  /* -ms-transform: relative; */
  /* top: 25%; */
  /*left: 50%; */
  top: 50%;
  margin-left: auto;
  /* margin-right: auto;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%); */
  -webkit-transform: translate(-0%, -50%);
      -ms-transform: translate(-0%, -50%);
          transform: translate(-0%, -50%);
  margin-left: 3.5vw;
  margin-right: 3.5vw;
  clear: both;
  
}


.column4designchange {
  /* top: 45%; */
  margin-left: 0.2vw;
  margin-right: 0.2vw;
  left: -5%;
}

.grid-container {
  display: -ms-grid;
  display: grid;
      grid-template-areas:
  'design illo meme drinks misc'
  'sides sides sides sides sides'
  /* 'bottom bottom bottom bottom bottom'; */
  /* padding: 0%; */
  /* grid-gap: 10px; */
  /* background-color: #2196F3; */
  /* padding: 10px; */
}



.zitem1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: design;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.zitem2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: illo; 
  -webkit-writing-mode: vertical-rl; 
      -ms-writing-mode: tb-rl; 
          writing-mode: vertical-rl;
}
.zitem3 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: meme; 
  -webkit-writing-mode: vertical-rl; 
      -ms-writing-mode: tb-rl; 
          writing-mode: vertical-rl;
}
.zitem4 {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: drinks; 
  -webkit-writing-mode: vertical-rl; 
      -ms-writing-mode: tb-rl; 
          writing-mode: vertical-rl;
}
.zitem5 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: misc; 
  -webkit-writing-mode: vertical-rl; 
      -ms-writing-mode: tb-rl; 
          writing-mode: vertical-rl;
}
.zitem6 { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: sides; 
  font-size: 5vw;
  outline: solid 4px white;
  border-left: 6px solid #f9b233;
  border-bottom: 6px solid #f9b233;
  border-right: 6px solid #f9b233;
  border-top: 10px solid #f9b233;
  background-color: #dd0034;
  /* box-shadow: 5px 5px white; */
  /* border-bottom: 4px solid #f9b233; */
  padding-top: 0.3em;
  padding-bottom: 2em;
  font-family: "Nanami-Bold";
  z-index: 3;
}

.zitem6small {
  font-size: 3.5vw;
}

.spin {
  font-size: 1.2vw;
  float: right;
  line-height: 3.5vw;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  padding-top: 0.7vw;
  padding-bottom: 1.4vw;
  letter-spacing: 0.02vw;
  outline: solid 4px white;
  background-color: #f9b233;
  color: #dd0034;
  z-index: 2;
}

.spinchange{
  font-size: 0.9vw;
  line-height: 2.5vw;
}

.license4a,
.license4b {
  color: #181813;;
  /* text-shadow: -0.07em 0.07em 0 #dd0034; */
  text-align: center;
  font-size: 1.3vw;
 height: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  max-width: 100%;
  width: 100%;
  background-color: #f9b233;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
          box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
  /* border: 10px double #dd0034; */
  border-top: 10px double #181813;
  border-bottom: 10px double #181813;
  vertical-align: top; 
  top: 0; 
  left: 0; 
  position: sticky; 
  position: -webkit-sticky; /* Safari */
}

.license4a{
  z-index: 3;
}

.license4b {
  color: #181823;
  /* text-shadow: -0.07em 0.07em 0 white; */
  font-size: 0vw;
  padding: 0em;
  opacity: 0;
  z-index: 2;
}

.license4b a {
  color: #181813;
  text-decoration: none;
}

.license4b a:hover {
  color: white;
  text-decoration: none;
}

.del {
  display: none;
}

.appear {
  opacity: 1;
  font-size: 1.275vw;
  /* padding: 0.5em; */
}

.appear a {
  opacity: 1;
  font-size: 1.3vw;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.appear a:active {
  -webkit-text-decoration: underline wavy;
          text-decoration: underline wavy;
}

/* STEVE */

.steve {
  width: 100%;
  max-width: 100%;
}

.steve img {
  max-width: 100%;
}

/* PAD */

.nopad {
  padding-top: none;
}

/* COLLAPSIBLE */
.collapsible, .collapsiblecommerce {
  background-color: white;
  color: #f9b233;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible img, .collapsiblecommerce img {
  width: 100%;
}

.active, .collapsible:hover {
  background-color: white;
}
.active, .collapsiblecommerce:hover {
  background-color: white;
}

.collapsible:after, .collapsiblecommerce:after {
  content: '\002B';
  color: #dd0034;
  font-weight: bold;
  float: right;
  margin-left: 1em;
  font-size: 2.5em;
}

.active:after {
  content: "\2212";
}

.content, .content2 {
  /* padding: 0 18px; */
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  background-color: white;
}

.facebook-responsive {
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

.facebook-square {
  overflow:hidden;
  /* padding-bottom:56.25%; */
  position:relative;
  height:560px;
}

.article3 div div div {
  overflow-y: hidden;
}

.facebook-responsive iframe, .facebook-square iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* Container */
.container {
  width: 95%;
  margin: 1em auto;
  border: 5px dotted black;
}

h3.containertext {
  font-size: 0.7rem;
  margin: 1em auto;
  text-align: left;
}

p.containertext {
  font-size: 0.5rem;
  margin: 1em auto;
  text-transform: uppercase;
}

.slide {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  /* padding: 5px; */
}

.slide img {
  max-width: 98.7%;
  border: solid 4px #f9b233;
}

/* MOBILES AND DEVICES */

@media (max-height: 1000px) {
  .item4a{
    border-bottom: none;
  }
  
  .brhide {
    height: 14vh;
  }
  
  .article1move {
    padding-top: 0vh;
  }
  
  
  h3.about {
    font-size: 1.3em;
  }
  

  
  .tabs .tab-label {
    font-size: 16px;
    font-size: 1rem;
  }
  
  .stars {
    font-size: 0.9rem;
  }
  
  p.quote {
    font-size: 1em;
  }
}


@media (max-width: 1500px) {
  .item1,
  .item1a,
  .item1b{
    font-size: 2.5em;
  }
  
  .item2,
  .item2a,
  .item2b
  .item2-com,
  .item2-nopad{
    font-size: 1.6vw;
  }
  
  .item3,
  .item3a,
  .item3b,
  .item3c
  .item3-com, 
  .item3-nopad{
    font-size: 1em;
  }
  
  .item4,
  .item4a,
  .item4-new,
  .item4d{
    font-size: 0.75em;
  }
  
  .wrapvids {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
    'chunky chunky'
    'line1 line1'
    'loveit diving'
    'line2 line2'
    'fosters mulling'
    'line3 line3'
    'kanye wilson'
    'line4 line4'
    'weng boosh'
    'line5 line5'
    'dyer keanu'
    'line6 line6'
    'lambs grime4'
    'line7 line7'
    
  }
  
  .vidline6,
  .vidline7 {
    display: block;    
  }
  
  .vidtitle {
    font-size: 1.1em;
  }
  
  .vidtext {
    margin-right: 0.1em;
    font-size: 0.7em;
  }
  
  .vidline1 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .vidline2 {-ms-grid-row: 4;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .vidline3 {-ms-grid-row: 6;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .vidline4 {-ms-grid-row: 8;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .vidline5 {-ms-grid-row: 10;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .vidline6 {-ms-grid-row: 12;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .vidline7 {-ms-grid-row: 14;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .chunky {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2
    
  }
  
  .loveit {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 1
    
  }
  
  .diving {-ms-grid-row: 3;-ms-grid-column: 2;-ms-grid-column-span: 1
    
  }
  
  .kanye {-ms-grid-row: 7;-ms-grid-column: 1;-ms-grid-column-span: 1
    
  }
  
  .fosters {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 1
    
  }
  
  .mulling {-ms-grid-row: 5;-ms-grid-column: 2;-ms-grid-column-span: 1
    
  }
  
  .dyer {-ms-grid-row: 11;-ms-grid-column: 1;-ms-grid-column-span: 1
    
  }
  
  .weng {-ms-grid-row: 9;-ms-grid-column: 1;-ms-grid-column-span: 1
    
  }
  
  .wilson {-ms-grid-row: 7;-ms-grid-column: 2;-ms-grid-column-span: 1
    
  }
  
  .keanu {-ms-grid-row: 11;-ms-grid-column: 2;-ms-grid-column-span: 1
    
  }
  
  .grime4 {-ms-grid-row: 13;-ms-grid-column: 2;-ms-grid-column-span: 1
    
  }
  
  .lambs {-ms-grid-row: 13;-ms-grid-column: 1;-ms-grid-column-span: 1
    
  }
  
  .boosh {-ms-grid-row: 9;-ms-grid-column: 2;-ms-grid-column-span: 1
    
  }
}

.hidestyle{
  display: none; 
}

@media (min-width: 1301px) {
  .nested3 {
    padding-top: 1em;
  }
}

@media (max-width: 1300px) {
  .button5:hover .order2{
    font-size: 1.05vw;
  }  
  
  .cokontent {
    font-size: 0.9em;
  }
  
  .break-wrap {
    /* word-break:break-all; */
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
  
  .item1,
  .item1a,
  .item1b{
    font-size: 2.1em;
  }
  
/*   
  .nested3 {
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas:
    "e e e e e e e e" 
    "b b b b b b b c"
    "d d d d d d d d";
  }
  
   */

  /* .item2b {
    grid-area: b;
  }
  
  .item3b {
    grid-area: c;
  }
  
  
  .food {
    grid-area: e;
  }
   */
  .food img {
    width: 100%;
  }
  
  /* .item4d {
    grid-area: d;
  } */

  p.about{
    font-size: 0.7em;
  }

  .opinion, .interviews{
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }

  .nested5 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    width: 100%;
        grid-template-areas: 
    "e e e e e"
    "b b b b c"
    "d d d d d";
  }

  .item5{
    padding-bottom: 0.75em;
  }

  .item2-com{
    text-align: left;
    color: #dd0034;
    color: #181813;
    font-size: 1.7vw;
    line-height: 1.25em;
    /* padding-top: 1em; */
    /* margin-bottom: 0.3em; */
    text-transform: uppercase;
    /* text-shadow: 0.05em 0.05em 0 #f9b233; */
    /* font-family: "Nanami-Bold"; */
    font-family: "KoushikiSans Regular"  
  }

  .item3-com{
    text-align: right;
    font-size: 1em;
    line-height: 1.4em;
    color: #dd0034;
  }

.item4-new{
  padding-bottom: 0;
}

  .item4-new p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .stan-logo{
    min-width: 150px;
  }

  .nested5 > .welsh2 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  .nested5 > .welsh3 {-ms-grid-row: 2;-ms-grid-column: 5;-ms-grid-column-span: 1;
  }

  .nested5 > .drinktxt {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  .nested5 > .item2, .nested5 > .item2d {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  .nested5 > .item2-nopad {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  .nested5 > .item2-com {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  .nested5 > .item2a {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  .nested5 > .item3 {-ms-grid-row: 2;-ms-grid-column: 5;-ms-grid-column-span: 1;
  }

  .nested5 > .item3-nopad {-ms-grid-row: 2;-ms-grid-column: 5;-ms-grid-column-span: 1;
  }

  .nested5 > .item3-com {-ms-grid-row: 2;-ms-grid-column: 5;-ms-grid-column-span: 1;
  }

  .nested5 > .item3a {-ms-grid-row: 2;-ms-grid-column: 5;-ms-grid-column-span: 1;
  }

  .nested5 > .item3c {-ms-grid-row: 2;-ms-grid-column: 5;-ms-grid-column-span: 1;
  }

  .nested5 > .item4 {-ms-grid-row: 3;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
  }

  .nested5 > .item4a {-ms-grid-row: 3;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
  }

  .nested5 > .item4-new {-ms-grid-row: 3;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
  }

  .nested5 > .item5 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
  }

  .nested5 > img {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 5;
  }

  .nested5 > .tagline {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 4;
  }

  
}



@media (min-width: 1001px) {
  .video-page-content p {
    margin-left: 10%;
    width: 80%;
  }

  article {
    position: relative;
  }

  .license {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    white-space: nowrap;
    min-height: 50px !important;
  }
  
  .license + .license {
    left: 100%;
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
    /* margin-bottom: -4em; */
  }

  article:hover .license {
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }

  article:hover .license + .license {
    -webkit-transform: translate(-100%, -100%);
        -ms-transform: translate(-100%, -100%);
            transform: translate(-100%, -100%);
    /* margin-bottom: -3.5em; */

  }

  article:first-child:hover .license {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    position: sticky;
  }

  article + article:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  article + article .wrapper {
    overflow-y: scroll;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* scrollbar-width: none; */
  }

  .hidestyle2{
    opacity: 1; 
  }
  

  
  .opaque1,
  .opaque2,
  .opaque3,
  .opaque4 {
    display: none;
  }
  
  h2.black1,
  h2.black2,
  h2.black3,
  h2.black4 {
    display: none;
  } 
  
  .logochange{
    position: absolute;
    top: 48%;
    left: 0;
    -ms-transform: translate(0%, -52%);
    -webkit-transform: translate(0%, -52%);
            transform: translate(0%, -52%);
  }
  
  /* Hover */
  
  article > div {
    opacity: 0; 
    -webkit-transition: opacity .2s ease 0; 
    -o-transition: opacity .2s ease 0; 
    transition: opacity .2s ease 0;
  }
  article:hover > div {
    opacity: 1; 
    -webkit-transition: opacity .3s ease .3s; 
    -o-transition: opacity .3s ease .3s; 
    transition: opacity .3s ease .3s;
    margin-top: -70px;
  }
  
  article > h2.black {
    display: block; 
    -webkit-transition: opacity .2s ease 0; 
    -o-transition: opacity .2s ease 0; 
    transition: opacity .2s ease 0;
  }
  
  article:hover > h2.black {
    display: none; 
    -webkit-transition: opacity .2s ease .1s; 
    -o-transition: opacity .2s ease .1s; 
    transition: opacity .2s ease .1s;
  }
  
  
  article > .column2design  {
    display: block; 
    -webkit-transition: opacity .2s ease 0; 
    -o-transition: opacity .2s ease 0; 
    transition: opacity .2s ease 0;
  }
  
  article:hover > .column2design {
    display: none; 
    -webkit-transition: opacity .2s ease .1s; 
    -o-transition: opacity .2s ease .1s; 
    transition: opacity .2s ease .1s;
  }
  
  article > .column3design  {
    display: block; 
    -webkit-transition: opacity .2s ease 0; 
    -o-transition: opacity .2s ease 0; 
    transition: opacity .2s ease 0;
  }
  
  article:hover > .column3design {
    display: none; 
    -webkit-transition: opacity .2s ease .1s; 
    -o-transition: opacity .2s ease .1s; 
    transition: opacity .2s ease .1s;
  }
  
  article > .column4design  {
    display: block; 
    -webkit-transition: opacity .2s ease 0; 
    -o-transition: opacity .2s ease 0; 
    transition: opacity .2s ease 0;
  }
  
  article:hover > .column4design {
    display: none; 
    -webkit-transition: opacity .2s ease .1s; 
    -o-transition: opacity .2s ease .1s; 
    transition: opacity .2s ease .1s;
  }
  
  /* When hovered over */
  .article1:hover {
    width: 25%;
  }  
  
  .article2:hover,
  .article3:hover,
  .article4:hover {
    width: 51%;
  }
  
  .article1 > .hide {
    opacity: 1; 
    -webkit-transition: opacity .2s ease 0; 
    -o-transition: opacity .2s ease 0; 
    transition: opacity .2s ease 0;
  }

  .article1:hover > .hide {
    opacity: 1; 
    -webkit-transition: opacity .2s ease .2s; 
    -o-transition: opacity .2s ease .2s; 
    transition: opacity .2s ease .2s;
  }
}

@media (max-width: 1000px) {

  .button5:hover .order2{
    font-size: 0.8em;
  }
  
  .item1,
  .item1a,
  .item1b{
    /* font-size: 2.5em; */
  }
  
  .tablet-hide{
    opacity: 0;
  }
  
  .hidestyle{
    display: block;
  }
  
  .hidestyle2{
    opacity: 0; 
  }
  
  .hidestyle-tab{
    display: none; 
  }
  
  .tabletonly{
    display: block;
  }
  
  
  .changeStyle4{
    display: none;
  }

  
  /* .wrapper {
    padding-top: 14vw;
  } */
  
  .tableticons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    color: #181813;
    width: 100%;
    max-width: 100%;
    background-color: #f9b233;
    vertical-align: bottom; 
    bottom: 0;
    /* position: fixed; */
    /* text-align: center;  */
    border-top: 3px solid #181813;
    padding: 0.5em;
    /* letter-spacing: 8vw; */
    z-index:1;
    font-size: 4.5vw;
    opacity: 0;
  }
  
  .tableticons a {
    color: #181813;
    text-decoration: none;
  }
  
  .burg {
    background: none;
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-family: "ClearfaceGothicLTStd-Medium";
    display: inline-block;
  }
  
  .flex-grid00 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.6em;
    color: #181813;
    /* margin-left: -1em; */
    /* padding-bottom: 0.3em; */
    height: 60px;
  }
  
  .flex-grid00 .col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  
  .flex-grid00 .col2 {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    /* padding-top: 0.5vw; */
  }
  .flex-grid00 .col3 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .col img {
    width: 40%;
  }
  
  .col3 img {
    margin-left: 1.8em;
    max-width: 20%;
  }
  
  .features-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.4em;
    padding-bottom: 0.2em;
    border-top: 2px solid #181813;
    font-size: 3.7vw;
    color: #181813;
    /* margin-left: -1em; */
  }
  
  .features-grid a {
    color: #181813;
    text-decoration: none;
  }
  
  .features-grid a:hover{
    color: white;
  }
  
  .features-grid .col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  
  .features-grid .col01 {
    -webkit-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
  }
  
  .hideh2 {
    display: block;
    background: #dd0034;
  }
  
  .hideh2 img {
    width: 25%;
    max-width: 25%;
    padding-top: 0.5em;
  }
  
  .icons {
    font-size: 1.4em;
    letter-spacing: 1.4em;
  }
  
  .icons2,
  .icons3,
  .icons4 {
    opacity: 0;
  }
  
  .drinks {
        grid-template-areas: 
    "a a" 
    "b b"
  }
  
  .icecrem {
    max-width: 100%;
  }
  
  .marker2 {
    display: block, hidden;
    margin: 0.1em;
  }
  
  /* .nested3 {
    padding-left: 0.7em;
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas:
    "e e e e e e e e" 
    "b b b b b b c c"
    "d d d d d d d d";
  } */
  
  /* .nested5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    width: 100%;
    grid-template-areas: 
    "b b b b c"
    "d d d d d"
    "e e e e e";
  } */

  .nested9 {
        grid-template-areas: 
    "h"
    "g";
  }
  
  
  .vidvid img {
    
    max-width: 100%; 
  }
  
  /* .food {
    margin-bottom: 0.8em;
  } */

  .food {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9 / 13;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .item4d{
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1/9;
  }
  
  
  .food img {
    margin: auto;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    margin-left: 0vw;
    margin-top: auto;
    max-height: 200px;
    left: 0;
    -webkit-top: 0%;
    -webkit-left: 0%;
    margin-right: 0%;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%); 
    -moz-transform: translate(0%, 0%); 
    -ms-transform: translate(0%, 0%); 
  }
  
  
  .tabs .tab-content {
    margin-top: -2.5vw;
  }
  
  .logotext {
    font-size: 0.7em;
  }
  
  
  .button {
    font-size: 2.1vw;
  }
  
  .est {
    padding: 0.1em;
  }
  
  .stars {
    font-size: 1.1rem;
  }
  
  .chili {
    font-size: 0.7em;
  }
  
  h2.black1,
  h2.black2,
  h2.black3,
  h2.black4 {
    vertical-align: bottom;
    left: 50%;
    top: 50%;
    position: absolute;
    min-width: 12em; 
    text-align: center; 
    -webkit-transform: rotate(-90deg) translate(-50%, -50%); 
        -ms-transform: rotate(-90deg) translate(-50%, -50%); 
            transform: rotate(-90deg) translate(-50%, -50%); 
    -webkit-transform-origin: 0 0 0; 
        -ms-transform-origin: 0 0 0; 
            transform-origin: 0 0 0;
    opacity: 1;
    color: #f9b233;
  }
  
  .rotate-1{
    -webkit-transform: rotate(-360deg) translate(-50%, -50%);
        -ms-transform: rotate(-360deg) translate(-50%, -50%);
            transform: rotate(-360deg) translate(-50%, -50%); 
    -webkit-transform-origin: 0 0 0; 
        -ms-transform-origin: 0 0 0; 
            transform-origin: 0 0 0; 
  }
  
  .redones {
    color: #181813;
  }
  
  .tab label {
    font-size: 2.8vw;
  }
  
  .license {
    display: none;
  }
  
  .licensemob {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: space-between;
    width: 100%;
    max-width: 100%;
    left: 0;
    position: absolute; 
    text-align: center;
    display: -ms-grid;
    display: grid;

  }
  
  .appear-no-strings {
    opacity: 1;     
  }
  
  .appear {
    opacity: 1;
    font-size: 1.4em;
    padding: 0.4em;
  }
  
  /* .disappear {
    opacity: 0;
  } */

  
  .license2a,
  .license2b,
  .license3a,
  .license3b,
  .license4a,
  .license4b {
    display: none;
  }
  
  .est {
    margin-top: 0.9rem;
    padding: 0.3em;
  }
  .logo {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-items: center;
    /* padding: 0.6vw; */
  }
  
  .logo img {
    margin-left: auto;
    margin-right: auto;
    max-width: 35%;
    width: 35%;
    /* display: flex; */
    
  }


  
  
  
  .tabcontainer {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  
  .menucontainer{
    width: 80%;
  }
  
  h3.about{
    font-size: 1em;
    /* margin-top: 1vw; */
  }
  
  p.about{
    font-size: 0.75em;
    padding-top: 0.4em;
    margin-left: 0.4em;
    margin-right: 0.4em;
    
  }

  p.about:last-child{
    display: none;
  }
  
  
  .abouttext {
    margin-top: 2.4em;
  }
  
  .welshdragon {
    width: 9vw;
  }
  
  h3.quote{
    font-size: 0.9em;
  }
  
  p.menuitems{
    padding-left: 2vw;
    padding-right: 2vw;
    text-transform: uppercase;
    font-size: 0.9em;
    color: white;
  }
  
  .menuitems a {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #f9b233;
  }
  
  .icons {
    /* color: white; */
    color: #181823;
    bottom: 0;
    left: 0; 
    position: fixed; 
    text-align: center; 
    max-width: 100%;
    width: 100%;
    margin: 0; 
    display: none;
  } 
  
  
  
  .license2 {
    font-size: 0.8rem;
    padding: 0.2em;
    padding-top: 0.2rem;
    word-spacing: 3vw;
  }
  
  .wrapper {
    -ms-grid-columns: 2fr;
    grid-template-columns: 2fr;
  }
  
  .features {
    padding-left: 4.5vw;
    padding-right: 4.5vw;
  }
  
  .opinion {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding-left: 4.5vw;
    padding-right: 4.5vw;
  }
  
  
  .interviews {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding-left: 4.5vw;
    padding-right: 4.5vw;
  }
  
  .brs {
    display: none;
  } 
  
  /* .item1 {
    font-size: 1.7em;
  } */
  .item2, .item2-nopad {
    font-size: 3vw;
  }
  .item2-com {
    font-size: 3vw;
  }

  .item2a {
    font-size: 3vw;
    padding-top: 1em;
  }
  .item2b, .item2d {
    font-size: 3.5vw;
  }
  .vidtitle {
    font-size: 2vw;
  }
  .item3, .item3-nopad {
    font-size: 2vw;
  }
  .item3-com {
    font-size: 2vw;
  }

  .item3a {
    font-size: 2vw;
    padding-top: 2vw;
  }
  .item3b {
    font-size: 2vw;
  }
  .viddate {
    font-size: 1em;
  }
  .item4 {
    font-size: 1.5vw;
  }
  .item4a {
    font-size: 0.7em;
  }
  .item4-new {
    font-size: 0.7em;
  }
  .item4d {
    font-size: 0.7em;
  }
  .vidtext {
    font-size: 0.7em;
  }
  
  
  .column2 {
    display: none;
  }
  
  .column3 {
    display: none;
  }
  
  .grid-container{
    display: none;
  }
  
  article {
    border-left: 1.5px solid #181823;
    border-right: 1.5px solid #181823;
    border-top: none;
    border-bottom: none;
  }
  
  /* article:not(.changeStyle):hover {
    cursor: pointer;
  } */
  
  /* .article1{
    width: 79%;
    border-left: none;
    border-top: none;
    overflow: scroll;
  }
  
  .article2{
    width: 7%;
  }
  
  .article3{
    width: 7%;
  }
  
  .article4{
    width: 7%;
  }
  
  .changeStyle-tabclose{
    width: 7%;
  }  
  
  .changeStyle-tabopen{
    width: 79%;
  }
   */
  .opaque1,
  .opaque2,
  .opaque3,
  .opaque4 {
    height: 100%;
    background: #dd0034;
    display: block;
  }
  
  .hide-tablet-title-designs{
    display: none;
  }

  
  article:hover > h2.black,  
  article:hover > .column2design,
  article:hover > .column3design,
  article:hover > .column4design {
    /* display: block;  */
    -webkit-transition: opacity .2s ease 0;
    -o-transition: opacity .2s ease 0;
    transition: opacity .2s ease 0;
  }

  article.changeStyle-tabopen .column2design,
  article.changeStyle-tabopen .column3design,
  article.changeStyle-tabopen .column4design {
    display: none;
  }
  
  
  body > div + div .article1 {
    padding: 0 3vw;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  
  body > div + div article {
    -ms-flex-line-pack: center;
        align-content: center;
  }

  article:after {
    content: '';
    height: 4em;
    display: block;
  }
  
  
  article > div {
    max-height: 100%;
  }
  article div  p {
    /* width: 50vw;  */
  }

  
  @media (max-width: 1000px) { 

    

    .page-head, .page-foot{
      font-size: 0.9em;
    }

    .page-head a img{
      max-width: 75%;
    }


    .video-page-content p {
      margin-left: 5%;
      width: 90%;
      font-size: 0.7em;
      line-height: 1.5em;
      text-align: justify;
  }


    .cookie {
      bottom: 0px;
    }
    
    .show {
      -webkit-transform: translate(0, -150px);
          -ms-transform: translate(0, -150px);
              transform: translate(0, -150px);
    }
    
    .spinner,
    .spino{
      width: 200px;
      height: 200px; 
    }
    
    .prep{
      font-size: 1em;
    }
    
    .item1,
    .item1a,
    .item1b{
      /* font-size: 1.8em; */
    }
    
    
    .item2,
    .item2-nopad,
    .item2a,
    .item2b,
    .item2-com,
    .vidtitle,
    .item3,
    .item3-com,
    .item3a, 
    .item3-nopad {
      /* font-size: 1em; */
    }
    /* .item2a,
    .item3b {
      padding-top: 1em;
    }
    .item3b {
      font-size: 0.9em;
    } */
    .viddate {
      font-size: 1em;
    }
    .item4,
    .item4a,
    .item4-new,
    .item4d,
    .vidtext {
      font-size: 0.7em;
    }
    
    .hidestyle2,
    .tablet-hide{
      opacity: 1;
    }
    
    .opaque1,
    .opaque2,
    .opaque3,
    .opaque4 {
      display: none;
    }
    
    .item3,
    .item3-com,
    .item3a, 
    .item3b, 
    .item3c,
    .item3-nopad  {
      /* font-size: 0.8em; */
    }
    
    .viddate {
      font-size: 0.8em;
    }

    
    /* .features,
    .opinion,
    .interviews,
    .movemiddle,
    .drinks,
    .collapsiblevid {
      padding-left: 5.5vw;
      padding-right: 10vw;
    }
     */
    .item4a,
    .item4-new,
    .collapsiblevid {
      border-bottom: none;
    }
    
    .collapsiblevid {
      border-bottom: none;
    }
    
    .vidtext {
      border-bottom: 4px dotted #181813;
      padding-bottom: 0.9em;
    }
    
    button:focus {
      outline:0;
    }
    
    .drinkimg img {
      max-width: 80%;
      padding-left: 2em;
      margin-left: auto;
      margin-right: auto;
    }
    
    .contactme,
    .mobonly,
    .changeStyle4{
      display: block;
    }
    
    .payments,
    .tabletonly {
      display: none;
    }
    
    .wrapper {
      margin-top: 60px;
    }

    .reservation {
      font-size: 1.1em;
    }
    
    /* .nested3 {
      padding-left: 0.7em;
      grid-template-areas:
      "e e e e e e e e" 
      "b b b b b b b c"
      "d d d d d d d d";
    } */
    
    .moverow {
      position: relative;
      margin-top: -5.8em;
    }
    
    .flex-grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -0.62em;
    }
    .flex-grid .col,
    .flex-grid2 .col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .flex-grid2 {
      margin-top: -7.5vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -0.62em;
    }
    
    .col img {
      width: 50%;
    }
    
    .flex-grid00 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #181813;
    }
    
    .flex-grid00 .col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .flex-grid00 .col2 {
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      /* padding-top: 0.2em; */
    }
    .flex-grid00 .col3 {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .col3 img {
      max-width: 25%;
    }
    
    .flex-grid01 a {
      color: white;
    }
    
    .flex-grid01 .col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .flex-grid01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.6em;
      padding-top: 0.4em;
      padding-bottom: 0.1em;
      color: white;
    }
    
    .flex-grid01 .col img {
      width: 40%;
      max-width: 40%;
    }
    
    .flex-grid01 a {
      color: white;
    }
    
    .flex-grid01 .col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .flex-grid02 a {
      color: #f9b233;
    }
    
    .flex-grid02.col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .flex-grid02 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.6em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      color:#f9b233;
    }
    
    .flex-grid02 .col {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
    
    .iconsmob{
      color: #181823;
      background: #f9b233;
      bottom: 0;
      left: 0; 
      position: fixed; 
      text-align: center; 
      padding: 0.58em;
      max-width: 100%;
      width: 100%;
      margin: 0; 
      border-top: 3px solid #181813;
    }
    
    .burg,
    .noodle,
    .noodlebreak,
    .pizza,
    .fries {
      background: none;
      border: none;
      font-family: "ClearfaceGothicLTStd-Medium";
    }

    .burg img, .noodlebreak img, .pizza img, .fries img{
      cursor: pointer;
    }
    
    .burg,
    .noodle,
    .pizza {
      text-decoration: none;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    


    .elon{
      opacity: 0;
    }
    
    .noodlebreak {
      position: relative;
      overflow-y: default;
      top: -7.15vw;
      /* left: 6.5em; */
      z-index: 2;
      background: none;
      border: none;
    }
    
    .article1{
      width: 100%;
      border-left: none;
      border-top: none;
      background: none;
    }
    
    .article2{
      width: 100%;
      background: white;
    }
    
    .article3,
    .article4{
      width: 100%;
      background: white;
    }
    
    .changeStyle3{
      display: none;
    }
    
    article > div {
      opacity: 1;
    }
    
    article > .column2design,
    article > .column3design,
    article > .column4design  {
      display: none;
    }
    
    h2.black1,
    h2.black2,
    h2.black3,
    h2.black4 {
      opacity: 0;
    }
    
    .changeStyle{
      width: 100%;
    }
    
    body > div + div:hover article {
      -webkit-box-flex: initial;
          -ms-flex: initial;
              flex: initial; 
      width: 0%;
    }
    body > div + div article:hover {
      width: 100%;
    }
    article > div {
      opacity: 1; 
      -webkit-transition: opacity .2s ease 0; 
      -o-transition: opacity .2s ease 0; 
      transition: opacity .2s ease 0;
    }
    article:hover > div {
      -webkit-transition: opacity .3s ease .3s;
      -o-transition: opacity .3s ease .3s;
      transition: opacity .3s ease .3s;
    }
    
    .abouttext{
      margin-left: 0.2em;
      margin-right: 0.2em;
    }
    
    .appearh2 {
      opacity: 1;
    }

    
    .icons {
      font-size: 1.2em;
      letter-spacing: 1.2em;
    }
    
    article {
      border-left: 0px solid #181813;
      border-right: 0px solid #181813;
      border-top: none;
      border-bottom: none;
    }
    
    .welshdragon {
      display: none;
    }
    

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

    

    
    .tabs .tab [type="radio"]:checked + .tab-label {
      text-decoration: underline;
      -webkit-text-underline-position: under;
      -ms-text-underline-position: below;
      text-underline-position: under; 
      -webkit-text-decoration-color: #f9b233; 
              text-decoration-color: #f9b233;
    }
    
    .tabs .tab [type="radio"]:checked ~ .tab-panel {
      display: inline;
    }
    
  
    
    p.menuitems{
      padding-left: 2vw;
      padding-right: 2vw;
      text-transform: uppercase;
      font-size: 0.7em;
      color: white;
    }

    
    .menuitems a {
      text-transform: uppercase;
      font-size: 0.7em;
      color: #f9b233;
    }
    .license2 {
      font-size: 0.7rem;
      padding: 0.5em;
      padding-top: 0.5em;
    }
    
    .icons2 {
      padding: 0.2rem;
    }
  }
  
  @media (max-width: 600px) {
    .bigline5 {
      display: block;
    }
    
    .wrapmisc {
          grid-template-areas:
      'memey memey'
      'miscy miscy'
    }
    

    
    .vidinfo {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr 0.4em 1fr;
      grid-template-columns: repeat(10, 1fr);
      grid-auto-rows: auto;
      width: 100%;
      padding-top: 0.5em;
      -webkit-column-gap: 0.4em;
         -moz-column-gap: 0.4em;
              column-gap: 0.4em;
      padding-bottom: 0.2em;
          grid-template-areas: 
      "a a a a a b d d d d"
      "c c c c c c d d d d";
    }
    
    .vidtitle {
      font-size: 0.9em;
    }
    .viddate {
      font-size: 0.8em;
    }
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
  }
  
  .drinks > .welsh1 {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .welsh2 {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .drinkimg {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .drinktxt {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .item1,
.drinks > .item1a {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .item1b {-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .item2, .drinks > .item2d {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .item2-nopad {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .item2-com {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
  
  .drinks > .item2a {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }

  .item8 {-ms-grid-row: 2;-ms-grid-column: 1;
  }

  .item9 {-ms-grid-row: 1;-ms-grid-column: 1;
  }
  
  .drinks > .tagline {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 2
  }
}


/* iOS smooth scroll */

@media (max-width: 1000px) {
  .license,
  .licensemob,
  .tableticons,
  .iconsmob {
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .main{
    margin-top: 60px;
  }
  
  body > div + div,
  article {
    overflow: visible;
    height: auto;
  }

  body {
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }

  article:not(:first-child):after {
    content: '';
    display: block;
    height: 80px;
  }
}

@media (min-width: 1001px) {
  article:first-child {
    overflow-y: scroll;
  }
}


@media (max-width: 550px) {

  .wrapper {
    margin-top: 40px;
}

.video-page-content p {
  margin-left: 1%;
  width: 98%;
  line-height: 1.25em;
}


  .item2, .item2b, .item2d, .item2-com{
    font-size: 1.4em;
  }

  .item3, .item3-com, .item3a, .item3b, .item3c, .item3-nopad {
    font-size: 1.1em;
}

  .main {
    margin-top: 40px;
  }

  p.quote{
    font-size: 1em;
    line-height: 1em;
    /* line-break: auto; */
    padding-left: 0.4em;
    padding-right: 0.4em;
  }

  .flex-grid00 {
    height: 40px;
  }

  .flex-grid00 {
    font-size: 3.7vw;
  }

  .button {
    font-size: 0.8em;
  }
  
  h3.about{
    font-size: 1.3em;
  }
  
  .stars {
    font-size: 0.825em;
  }
  
  p.about{
    font-size: 0.75em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    /* color: #f9b233; */
    /* line-height: 1.5em; */
  }
  
  h3.quote{
    font-size: 0.9em;
  }

  .clientitem img{
    max-width: 125px;
  }

}