@font-face {
  font-family: "Futura";
  src: local("Futura Medium"), local("Futura-Medium"), local("Futura_Medium"),
    url("fonts/Futura_Medium.otf") format("opentype");
  src: local("Futura Medium"), local("Futura-Medium"), local("Futura_Medium"),
    url("fonts/Futura_ICG.ttf") format("truetype");
}

html,
body {
  font-family: "Futura", sans-serif;
  min-height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  font-size: 100%;
  margin: 0;
}

body {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* something to commit */

html {
  overflow: scroll;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 0px;
  /* remove scrollbar space */
  background: transparent;
  /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: #ff0000;
}

.container {
  width: 100%;
}

.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

div#navbar-ipad {
  display: none;
}

div#navbar {
  margin-top: 4%;
  z-index: 10;
}

.nav {
  letter-spacing: -0.3px;
}

ul {
  list-style-type: none;
  padding: 0;
  text-align: center;
  line-height: 100%;
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

ul li {
  display: inline;
}

ul li#logo {
  font-size: 200%;
  /*30px*/
  letter-spacing: -1.4px;
}

ul li#logo-ipad {
  display: none;
}

ul a {
  align-self: flex-end;
}

a {
  text-decoration: none;
  color: inherit;
}

.center {
  text-align: center;
}

.bottom-align {
  position: absolute;
  bottom: 5px;
  left: 0;
}

address {
  padding-bottom: 1em;
}

address a {
  text-decoration: none;
  color: inherit;
  font-style: normal;
  font-size: 0.75em;
}

address p {
  font-size: 2em;
  margin: 0;
  padding-top: 5px;
}

footer {
  padding-bottom: 0.25em;
}

div.social-media img {
  max-height: 30px;
  max-width: 30px;
  width: auto;
  height: auto;
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

div.slick-slider {
  width: 100vw;
}

.slider {
  margin: 0 auto;
  width: 943px;
  margin-top: 0em;
  margin-bottom: 1.5em;
  /*  border: 2px solid white;*/
  height: 80%;
}

.slick-slide {
  transition: opacity 0.5ms ease;
  outline: none !important;
}

.slick-slide.opacidown {
  opacity: 0;
}

div.slick-current {
  opacity: 1;
  transition: opacity 0.5ms ease;
}

div.slick-active {
  opacity: 1;
  transition: opacity 0.5ms ease;
}

section#buy {
  text-align: center;
}

section#buy a {
  color: inherit;
  text-decoration: none;
}

.margin-top {
  margin-top: 1em;
}

#no-button {
  cursor: inherit;
}

/*/////////// ABOUT /////////*/

.vertical-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section#about {
  text-align: center;
  margin-top: 3.5%;
}

div#description {
  margin-bottom: 2%;
  text-align: center;
}

.bottom-center {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0;
}

.story-link {
  text-decoration: underline;
}

/* /////// CURRENT /////// */
section#current {
  text-align: center;
}

/*///////// CARTON /////////*/

.carton {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-top: 1em;
}

.galleryItem img {
  max-width: 100%;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.galleryItem {
  float: left;
  width: 16%;
}

.small-margin {
  margin: 0.5% 0.5% 14px 0;
}

.paypal_btn {
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  color: #000;
  padding: 2px 14px;
  margin: 0;
  background: #fff;
  border: 0;
  cursor: pointer;
  outline: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button-bevel;
}

/*//////////// DIGITAL /////////////*/
.banner img.celine {
  margin-top: 1em;
}

.container {
  padding: 0;
}

.height {
  height: 100%;
}

.slice {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  width: 25%;
  height: 55vh;
}

#digital1 {
  background-image: url("../images/digital/AprilBundle/Slices/Slice_01.jpg");
  margin-right: 4%;
}

#digital2 {
  background-image: url("../images/digital/AprilBundle/Slices/Slice_02.jpg");
  margin-right: 4%;
}

#digital3 {
  background-image: url("../images/digital/AprilBundle/Slices/Slice_03.jpg");
  margin-right: 4%;
}

#digital4 {
  background-image: url("../images/digital/AprilBundle/Slices/Slice_04.jpg");
}

.story {
  position: absolute;
  left: 50%;
  top: 123%;
  transform: translate(-50%, -50%);
  height: 100%;
}

.story_image {
  background: url("../NICOTINE02.jpg");
  background-size: contain;
  height: 100%;
}

#story_image_1 {
  height: 27.2em;
  float: left;
  margin-right: 3%;
}

#story_image_3 {
  float: right;
  height: auto;
  width: 65%;
}

.full-width-story-image {
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: 100%;
  display: block;
}

p.italic {
  font-style: italic;
}

p.profile {
  margin: 0;
}

div#info {
  margin: 0 auto;
  display: table;
  margin-bottom: 6em;
  margin-top: 6em;
}

.underline {
  text-decoration: underline;
}

p.padding {
  padding-top: 10%;
}

.margin {
  margin-bottom: 20%;
}

.banner .margin {
  margin-bottom: 10%;
  margin-top: 5%;
}

.margin-bottom {
  margin-bottom: 10%;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

p.text {
  font-size: 0.8em;
}

p.credits {
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
}

#crystal-text {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.video {
  height: 53%;
  width: 100%;
}

section.story-menu {
  margin-top: 10%;
}

.zoom {
  transition: transform 0.2s;
  /* Animation */
}

.zoom:hover {
  transform: scale(1.1);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.shop {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3em;
  width: 100%;
  margin-top: 2em;
  position: absolute;
  left: 0;
}

.shop-child {
  flex-grow: 0;
  align-self: center;
}

.shop-item-container {
  padding-top: 1em;
  padding-bottom: 2em;
  margin: 0 auto;
}

.shop-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 32em !important;
  width: 25em !important;
}

/*////////////STOCKISTS///////////*/

section#stockists {
  text-align: center;
  margin-top: 10%;
  margin-bottom: 3%;
}

/*//////// SLIDER IMAGES /////////*/

.slider-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 32em;
  width: 58em;
}

#img0 {
  background-image: url("../images/issue01/NICOTINECOVER.jpg");
}

#img1 {
  background-image: url("../images/issue01/NICOTINE01.jpg");
}

#img2 {
  background-image: url("../images/issue01/NICOTINE02.jpg");
}

#img3 {
  background-image: url("../images/issue01/NICOTINE03.jpg");
}

#img4 {
  background-image: url("../images/issue01/NICOTINE04.jpg");
}

#img5 {
  background-image: url("../images/issue01/NICOTINE05.jpg");
}

#img6 {
  background-image: url("../images/issue01/NICOTINE06.jpg");
}

#img7 {
  background-image: url("../images/issue01/NICOTINE07.jpg");
}

#img8 {
  background-image: url("../images/issue01/NICOTINE08.jpg");
}

#img9 {
  background-image: url("../images/issue01/NICOTINE09.jpg");
}

#img10 {
  background-image: url("../images/issue01/NICOTINE10.jpg");
}

#img11 {
  background-image: url("../images/issue01/NICOTINE11.jpg");
}

#img12 {
  background-image: url("../images/issue01/NICOTINE12.jpg");
}

#img13 {
  background-image: url("../images/issue01/NICOTINE13.jpg");
}

#img14 {
  background-image: url("../images/issue01/NICOTINE14.jpg");
}

#img15 {
  background-image: url("../images/issue01/NICOTINE15.jpg");
}

#img16 {
  background-image: url("../images/issue01/NICOTINE16.jpg");
}

#img17 {
  background-image: url("../images/issue01/NICOTINE17.jpg");
}

#issue02_img0 {
  background-image: url("../images/issue02/NICOTINE02COVER.jpg");
}

#issue02_img1 {
  background-image: url("../images/issue02/NICOTINE01.jpg");
}

#issue02_img2 {
  background-image: url("../images/issue02/NICOTINE02.jpg");
}

#issue02_img3 {
  background-image: url("../images/issue02/NICOTINE03.jpg");
}

#issue02_img4 {
  background-image: url("../images/issue02/NICOTINE04.jpg");
}

#issue02_img5 {
  background-image: url("../images/issue02/NICOTINE05.jpg");
}

#issue02_img6 {
  background-image: url("../images/issue02/NICOTINE06.jpg");
}

#issue02_img7 {
  background-image: url("../images/issue02/NICOTINE07.jpg");
}

#issue02_img8 {
  background-image: url("../images/issue02/NICOTINE08.jpg");
}

#issue02_img9 {
  background-image: url("../images/issue02/NICOTINE09.jpg");
}

#issue02_img10 {
  background-image: url("../images/issue02/NICOTINE10.jpg");
}

#issue02_img11 {
  background-image: url("../images/issue02/NICOTINE11.jpg");
}

#issue02_img12 {
  background-image: url("../images/issue02/NICOTINE12.jpg");
}

#issue02_img13 {
  background-image: url("../images/issue02/NICOTINE13.jpg");
}

#issue02_img14 {
  background-image: url("../images/issue02/NICOTINE14.jpg");
}

#issue02_img15 {
  background-image: url("../images/issue02/NICOTINE15.jpg");
}

#issue02_img16 {
  background-image: url("../images/issue02/NICOTINE16.jpg");
}

#issue02_img17 {
  background-image: url("../images/issue02/NICOTINE17.jpg");
}

#issue02_img18 {
  background-image: url("../images/issue02/NICOTINE18.jpg");
}

#issue02_img19 {
  background-image: url("../images/issue02/NICOTINE02BACKCOVER.jpg");
}

#issue03_img0 {
  background-image: url("../images/issue03/NICOTINE03COVER.jpg");
}

#issue03_img1 {
  background-image: url("../images/issue03/NICOTINE03COVER2.jpg");
}

#issue03_img2 {
  background-image: url("../images/issue03/NICOTINE03COVER3.jpg");
}

#issue03_img3 {
  background-image: url("../images/issue03/NICOTINE01.jpg");
}

#issue03_img4 {
  background-image: url("../images/issue03/NICOTINE02.jpg");
}

#issue03_img5 {
  background-image: url("../images/issue03/NICOTINE03.jpg");
}

#issue03_img6 {
  background-image: url("../images/issue03/NICOTINE04.jpg");
}

#issue03_img7 {
  background-image: url("../images/issue03/NICOTINE05.jpg");
}

#issue03_img8 {
  background-image: url("../images/issue03/NICOTINE06.jpg");
}

#issue03_img9 {
  background-image: url("../images/issue03/NICOTINE07.jpg");
}

#issue03_img10 {
  background-image: url("../images/issue03/NICOTINE08.jpg");
}

#issue03_img11 {
  background-image: url("../images/issue03/NICOTINE09.jpg");
}

#issue03_img12 {
  background-image: url("../images/issue03/NICOTINE10.jpg");
}

#issue03_img13 {
  background-image: url("../images/issue03/NICOTINE11.jpg");
}

#issue03_img14 {
  background-image: url("../images/issue03/NICOTINE12.jpg");
}

#issue03_img15 {
  background-image: url("../images/issue03/NICOTINE13.jpg");
}

#issue03_img16 {
  background-image: url("../images/issue03/NICOTINE14.jpg");
}

#issue03_img17 {
  background-image: url("../images/issue03/NICOTINE15.jpg");
}

#issue03_img18 {
  background-image: url("../images/issue03/NICOTINE16.jpg");
}

#issue03_img19 {
  background-image: url("../images/issue03/NICOTINE17.jpg");
}

#issue03_img20 {
  background-image: url("../images/issue03/NICOTINE18.jpg");
}

#issue03_img21 {
  background-image: url("../images/issue03/NICOTINE19.jpg");
}

#issue03_img22 {
  background-image: url("../images/issue03/NICOTINE20.jpg");
}

#issue03_img23 {
  background-image: url("../images/issue03/NICOTINE21.jpg");
}

#issue04_img0 {
  background-image: url("../images/issue04/NICOTINE_COVER_1.jpg");
}

#issue04_img1 {
  background-image: url("../images/issue04/NICOTINE_COVER_2.jpg");
}

#issue04_img2 {
  background-image: url("../images/issue04/NICOTINE_COVER_3.jpg");
}

#issue04_img3 {
  background-image: url("../images/issue04/NICOTINEPREVIEW01.jpg");
}

#issue04_img4 {
  background-image: url("../images/issue04/NICOTINEPREVIEW02.jpg");
}

#issue04_img5 {
  background-image: url("../images/issue04/NICOTINEPREVIEW03.jpg");
}

#issue04_img6 {
  background-image: url("../images/issue04/NICOTINEPREVIEW04.jpg");
}

#issue04_img7 {
  background-image: url("../images/issue04/NICOTINEPREVIEW05.jpg");
}

#issue04_img8 {
  background-image: url("../images/issue04/NICOTINEPREVIEW06.jpg");
}

#issue04_img9 {
  background-image: url("../images/issue04/NICOTINEPREVIEW07.jpg");
}

#issue04_img10 {
  background-image: url("../images/issue04/NICOTINEPREVIEW08.jpg");
}

#issue04_img11 {
  background-image: url("../images/issue04/NICOTINEPREVIEW09.jpg");
}

#issue04_img12 {
  background-image: url("../images/issue04/NICOTINEPREVIEW10.jpg");
}

#issue04_img13 {
  background-image: url("../images/issue04/NICOTINEPREVIEW11.jpg");
}

#issue04_img14 {
  background-image: url("../images/issue04/NICOTINEPREVIEW12.jpg");
}

#issue04_img15 {
  background-image: url("../images/issue04/NICOTINEPREVIEW13.jpg");
}

#issue04_img16 {
  background-image: url("../images/issue04/NICOTINEPREVIEW14.jpg");
}

#issue04_img17 {
  background-image: url("../images/issue04/NICOTINEPREVIEW15.jpg");
}

#issue04_img18 {
  background-image: url("../images/issue04/NICOTINEPREVIEW16.jpg");
}

#issue04_img19 {
  background-image: url("../images/issue04/NICOTINEPREVIEW17.jpg");
}

#issue04_img20 {
  background-image: url("../images/issue04/NICOTINEPREVIEW18.jpg");
}

#issue04_img21 {
  background-image: url("../images/issue04/NICOTINEPREVIEW19.jpg");
}

#issue04_img22 {
  background-image: url("../images/issue04/NICOTINEPREVIEW20.jpg");
}

#issue04_img23 {
  background-image: url("../images/issue04/NICOTINEPREVIEW21.jpg");
}

#issue04_img24 {
  background-image: url("../images/issue04/NICOTINEPREVIEW22.jpg");
}

#issue04_img25 {
  background-image: url("../images/issue04/NICOTINEPREVIEW23.jpg");
}

#issue04_img26 {
  background-image: url("../images/issue04/NICOTINEPREVIEW24.jpg");
}

#issue04_img27 {
  background-image: url("../images/issue04/NICOTINEPREVIEW25.jpg");
}

#issue04_img28 {
  background-image: url("../images/issue04/NICOTINEPREVIEW26_BACK_COVER.jpg");
}

#issue05_img0 {
  background-image: url("../images/issue05/frontcover01.jpg");
}

#issue05_img1 {
  background-image: url("../images/issue05/frontcover02.jpg");
}

#issue05_img2 {
  background-image: url("../images/issue05/frontcover03.jpg");
}

#issue05_img3 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW01.jpg");
}

#issue05_img4 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW02.jpg");
}

#issue05_img5 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW03.jpg");
}

#issue05_img6 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW04.jpg");
}

#issue05_img7 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW05.jpg");
}

#issue05_img8 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW06.jpg");
}

#issue05_img9 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW07.jpg");
}

#issue05_img10 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW08.jpg");
}

#issue05_img11 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW09.jpg");
}

#issue05_img12 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW10.jpg");
}

#issue05_img13 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW11.jpg");
}

#issue05_img14 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW12.jpg");
}

#issue05_img15 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW13.jpg");
}

#issue05_img16 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW14.jpg");
}

#issue05_img17 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW15.jpg");
}

#issue05_img18 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW16.jpg");
}

#issue05_img19 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW17.jpg");
}

#issue05_img20 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW18.jpg");
}

#issue05_img21 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW19.jpg");
}

#issue05_img22 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW20.jpg");
}

#issue05_img23 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW21.jpg");
}

#issue05_img24 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW22.jpg");
}

#issue05_img25 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW23.jpg");
}

#issue05_img26 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW24.jpg");
}

#issue05_img27 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW25.jpg");
}

#issue05_img28 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW26.jpg");
}

#issue05_img29 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW27.jpg");
}

#issue05_img30 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW28.jpg");
}

#issue05_img31 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW29.jpg");
}

#issue05_img32 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW30.jpg");
}

#issue05_img33 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW31.jpg");
}

#issue05_img34 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW32.jpg");
}

#issue05_img35 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW33.jpg");
}

#issue05_img36 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW34.jpg");
}

#issue05_img37 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW35.jpg");
}

#issue05_img38 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW36.jpg");
}

#issue05_img39 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW37.jpg");
}

#issue05_img40 {
  background-image: url("../images/issue05/NICOTINE5PREVIEW38.jpg");
}

input[type="submit" i] {
  background-color: white;
  border: none;
}

#issue06_img0 {
  background-image: url("../images/issue06/frontcover01.jpg");
}

#issue06_img1 {
  background-image: url("../images/issue06/frontcover02.jpg");
}

#issue06_img2 {
  background-image: url("../images/issue06/frontcover03.jpg");
}

#issue06_img3 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW01.jpg");
}

#issue06_img4 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW02.jpg");
}

#issue06_img5 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW03.jpg");
}

#issue06_img6 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW04.jpg");
}

#issue06_img7 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW05.jpg");
}

#issue06_img8 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW06.jpg");
}

#issue06_img9 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW07.jpg");
}

#issue06_img10 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW08.jpg");
}

#issue06_img11 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW09.jpg");
}

#issue06_img12 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW10.jpg");
}

#issue06_img13 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW11.jpg");
}

#issue06_img14 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW12.jpg");
}

#issue06_img15 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW13.jpg");
}

#issue06_img16 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW14.jpg");
}

#issue06_img17 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW15.jpg");
}

#issue06_img18 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW16.jpg");
}

#issue06_img19 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW17.jpg");
}

#issue06_img20 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW18.jpg");
}

#issue06_img21 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW19.jpg");
}

#issue06_img22 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW20.jpg");
}

#issue06_img23 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW21.jpg");
}

#issue06_img24 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW22.jpg");
}

#issue06_img25 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW23.jpg");
}

#issue06_img26 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW24.jpg");
}

#issue06_img27 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW25.jpg");
}

#issue06_img28 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW26.jpg");
}

#issue06_img29 {
  background-image: url("../images/issue06/NICOTINE06PREVIEW27.jpg");
}

#issue07_img0 {
  background-image: url("../images/issue07/frontcover01.jpg");
}

#issue07_img1 {
  background-image: url("../images/issue07/frontcover02.jpg");
}

#issue07_img2 {
  background-image: url("../images/issue07/frontcover03.jpg");
}

#issue07_img3 {
  background-image: url("../images/issue07/current01.jpg");
}

#issue07_img4 {
  background-image: url("../images/issue07/current02.jpg");
}

#issue07_img5 {
  background-image: url("../images/issue07/current03.jpg");
}

#issue07_img6 {
  background-image: url("../images/issue07/current04.jpg");
}

#issue07_img7 {
  background-image: url("../images/issue07/current05.jpg");
}

#issue07_img8 {
  background-image: url("../images/issue07/current06.jpg");
}

#issue07_img9 {
  background-image: url("../images/issue07/current07.jpg");
}

#issue07_img10 {
  background-image: url("../images/issue07/current08.jpg");
}

#issue07_img11 {
  background-image: url("../images/issue07/current09.jpg");
}

#issue07_img12 {
  background-image: url("../images/issue07/current10.jpg");
}

#issue07_img13 {
  background-image: url("../images/issue07/current11.jpg");
}

#issue07_img14 {
  background-image: url("../images/issue07/current12.jpg");
}

#issue07_img15 {
  background-image: url("../images/issue07/current13.jpg");
}

#issue07_img16 {
  background-image: url("../images/issue07/current14.jpg");
}

#issue07_img17 {
  background-image: url("../images/issue07/current15.jpg");
}

#issue07_img18 {
  background-image: url("../images/issue07/current16.jpg");
}

#issue07_img19 {
  background-image: url("../images/issue07/current17.jpg");
}

#issue07_img20 {
  background-image: url("../images/issue07/current18.jpg");
}

#issue07_img21 {
  background-image: url("../images/issue07/current19.jpg");
}

#issue07_img22 {
  background-image: url("../images/issue07/current20.jpg");
}

#issue07_img23 {
  background-image: url("../images/issue07/current21.jpg");
}

#issue07_img24 {
  background-image: url("../images/issue07/current22.jpg");
}

#issue07_img25 {
  background-image: url("../images/issue07/current23.jpg");
}

#issue07_img26 {
  background-image: url("../images/issue07/current24.jpg");
}

#issue07_img27 {
  background-image: url("../images/issue07/current25.jpg");
}

#issue07_img28 {
  background-image: url("../images/issue07/current26.jpg");
}

#issue07_img29 {
  background-image: url("../images/issue07/current27.jpg");
}

#issue07_img30 {
  background-image: url("../images/issue07/current28.jpg");
}

#issue07_img31 {
  background-image: url("../images/issue07/current29.jpg");
}

#issue07_img32 {
  background-image: url("../images/issue07/current30.jpg");
}

#issue07_img33 {
  background-image: url("../images/issue07/current31.jpg");
}

#issue07_img34 {
  background-image: url("../images/issue07/current32.jpg");
}

#issue07_img35 {
  background-image: url("../images/issue07/current33.jpg");
}

#issue07_img36 {
  background-image: url("../images/issue07/backcover.jpg");
}

/*ISSUE 08 ----------------------------------------------------------------*/

#issue08_img0 {
  background-image: url("../images/issue08/Nicotine_08_Cover_1.jpg");
}

#issue08_img1 {
  background-image: url("../images/issue08/Nicotine_08_Cover_2.jpg");
}

#issue08_img2 {
  background-image: url("../images/issue08/Nicotine_08_Cover_3.jpg");
}

#issue08_img3 {
  background-image: url("../images/issue08/Current01.jpg");
}

#issue08_img4 {
  background-image: url("../images/issue08/Current02.jpg");
}

#issue08_img5 {
  background-image: url("../images/issue08/Current03.jpg");
}

#issue08_img6 {
  background-image: url("../images/issue08/Current04.jpg");
}

#issue08_img7 {
  background-image: url("../images/issue08/Current05.jpg");
}

#issue08_img8 {
  background-image: url("../images/issue08/Current06.jpg");
}

#issue08_img9 {
  background-image: url("../images/issue08/Current07.jpg");
}

#issue08_img10 {
  background-image: url("../images/issue08/Current08.jpg");
}

#issue08_img11 {
  background-image: url("../images/issue08/Current09.jpg");
}

#issue08_img12 {
  background-image: url("../images/issue08/Current10.jpg");
}

#issue08_img13 {
  background-image: url("../images/issue08/Current11.jpg");
}

#issue08_img14 {
  background-image: url("../images/issue08/Current12.jpg");
}

#issue08_img15 {
  background-image: url("../images/issue08/Current13.jpg");
}

#issue08_img16 {
  background-image: url("../images/issue08/Current14.jpg");
}

#issue08_img17 {
  background-image: url("../images/issue08/Current15.jpg");
}

#issue08_img18 {
  background-image: url("../images/issue08/Current16.jpg");
}

#issue08_img19 {
  background-image: url("../images/issue08/Current17.jpg");
}

#issue08_img20 {
  background-image: url("../images/issue08/Current18.jpg");
}

#issue08_img21 {
  background-image: url("../images/issue08/Current19.jpg");
}

#issue08_img22 {
  background-image: url("../images/issue08/Current20.jpg");
}

#issue08_img23 {
  background-image: url("../images/issue08/Current21.jpg");
}

#issue08_img24 {
  background-image: url("../images/issue08/Current22.jpg");
}

#issue08_img25 {
  background-image: url("../images/issue08/Current23.jpg");
}

#issue08_img26 {
  background-image: url("../images/issue08/Current24.jpg");
}

#issue08_img27 {
  background-image: url("../images/issue08/Current25.jpg");
}

#issue08_img28 {
  background-image: url("../images/issue08/Current26.jpg");
}

#issue08_img29 {
  background-image: url("../images/issue08/Current27.jpg");
}

#issue08_img30 {
  background-image: url("../images/issue08/Current28.jpg");
}

#issue08_img31 {
  background-image: url("../images/issue08/Current29.jpg");
}

#issue08_img32 {
  background-image: url("../images/issue08/Current30.jpg");
}

#issue08_img33 {
  background-image: url("../images/issue08/Nicotine_08_Backcover.jpg");
}

/*ISSUE 09 ----------------------------------------------------------------*/

#issue09_img0 {
  background-image: url("../images/issue09/Current/CURRENT01.jpg");
}

#issue09_img1 {
  background-image: url("../images/issue09/Current/CURRENT02.jpg");
}

#issue09_img2 {
  background-image: url("../images/issue09/Current/CURRENT03.jpg");
}

#issue09_img3 {
  background-image: url("../images/issue09/Current/CURRENT04.jpg");
}

#issue09_img4 {
  background-image: url("../images/issue09/Current/CURRENT05.jpg");
}

#issue09_img5 {
  background-image: url("../images/issue09/Current/CURRENT06.jpg");
}

#issue09_img6 {
  background-image: url("../images/issue09/Current/CURRENT07.jpg");
}

#issue09_img7 {
  background-image: url("../images/issue09/Current/CURRENT08.jpg");
}

#issue09_img8 {
  background-image: url("../images/issue09/Current/CURRENT09.jpg");
}

#issue09_img9 {
  background-image: url("../images/issue09/Current/CURRENT10.jpg");
}

#issue09_img10 {
  background-image: url("../images/issue09/Current/CURRENT11.jpg");
}

#issue09_img11 {
  background-image: url("../images/issue09/Current/CURRENT12.jpg");
}

#issue09_img12 {
  background-image: url("../images/issue09/Current/CURRENT13.jpg");
}

#issue09_img13 {
  background-image: url("../images/issue09/Current/CURRENT14.jpg");
}

#issue09_img14 {
  background-image: url("../images/issue09/Current/CURRENT15.jpg");
}

#issue09_img15 {
  background-image: url("../images/issue09/Current/CURRENT16.jpg");
}

#issue09_img16 {
  background-image: url("../images/issue09/Current/CURRENT17.jpg");
}

#issue09_img17 {
  background-image: url("../images/issue09/Current/CURRENT18.jpg");
}

#issue09_img18 {
  background-image: url("../images/issue09/Current/CURRENT19.jpg");
}

#issue09_img19 {
  background-image: url("../images/issue09/Current/CURRENT20.jpg");
}

#issue09_img20 {
  background-image: url("../images/issue09/Current/CURRENT21.jpg");
}

#issue09_img21 {
  background-image: url("../images/issue09/Current/CURRENT22.jpg");
}

#issue09_img22 {
  background-image: url("../images/issue09/Current/CURRENT23.jpg");
}

#issue09_img23 {
  background-image: url("../images/issue09/Current/CURRENT24.jpg");
}

#issue09_img24 {
  background-image: url("../images/issue09/Current/CURRENT25.jpg");
}

#issue09_img25 {
  background-image: url("../images/issue09/Current/CURRENT26.jpg");
}

#issue09_img26 {
  background-image: url("../images/issue09/Current/CURRENT27.jpg");
}

#issue09_img27 {
  background-image: url("../images/issue09/Current/CURRENT28.jpg");
}

#issue09_img28 {
  background-image: url("../images/issue09/Current/CURRENT29.jpg");
}

#issue09_img29 {
  background-image: url("../images/issue09/Current/CURRENT30.jpg");
}

#issue09_img30 {
  background-image: url("../images/issue09/Current/CURRENT31.jpg");
}

/*ISSUE 09 ----------------------------------------------------------------*/

#issue09_img0 {
  background-image: url("../images/issue09/Current/CURRENT01.jpg");
}

#issue09_img1 {
  background-image: url("../images/issue09/Current/CURRENT02.jpg");
}

#issue09_img2 {
  background-image: url("../images/issue09/Current/CURRENT03.jpg");
}

#issue09_img3 {
  background-image: url("../images/issue09/Current/CURRENT04.jpg");
}

#issue09_img4 {
  background-image: url("../images/issue09/Current/CURRENT05.jpg");
}

#issue09_img5 {
  background-image: url("../images/issue09/Current/CURRENT06.jpg");
}

#issue09_img6 {
  background-image: url("../images/issue09/Current/CURRENT07.jpg");
}

#issue09_img7 {
  background-image: url("../images/issue09/Current/CURRENT08.jpg");
}

#issue09_img8 {
  background-image: url("../images/issue09/Current/CURRENT09.jpg");
}

#issue09_img9 {
  background-image: url("../images/issue09/Current/CURRENT10.jpg");
}

#issue09_img10 {
  background-image: url("../images/issue09/Current/CURRENT11.jpg");
}

#issue09_img11 {
  background-image: url("../images/issue09/Current/CURRENT12.jpg");
}

#issue09_img12 {
  background-image: url("../images/issue09/Current/CURRENT13.jpg");
}

#issue09_img13 {
  background-image: url("../images/issue09/Current/CURRENT14.jpg");
}

#issue09_img14 {
  background-image: url("../images/issue09/Current/CURRENT15.jpg");
}

#issue09_img15 {
  background-image: url("../images/issue09/Current/CURRENT16.jpg");
}

#issue09_img16 {
  background-image: url("../images/issue09/Current/CURRENT17.jpg");
}

#issue09_img17 {
  background-image: url("../images/issue09/Current/CURRENT18.jpg");
}

#issue09_img18 {
  background-image: url("../images/issue09/Current/CURRENT19.jpg");
}

#issue09_img19 {
  background-image: url("../images/issue09/Current/CURRENT20.jpg");
}

#issue09_img20 {
  background-image: url("../images/issue09/Current/CURRENT21.jpg");
}

#issue09_img21 {
  background-image: url("../images/issue09/Current/CURRENT22.jpg");
}

#issue09_img22 {
  background-image: url("../images/issue09/Current/CURRENT23.jpg");
}

#issue09_img23 {
  background-image: url("../images/issue09/Current/CURRENT24.jpg");
}

#issue09_img24 {
  background-image: url("../images/issue09/Current/CURRENT25.jpg");
}

#issue09_img25 {
  background-image: url("../images/issue09/Current/CURRENT26.jpg");
}

#issue09_img26 {
  background-image: url("../images/issue09/Current/CURRENT27.jpg");
}

#issue09_img27 {
  background-image: url("../images/issue09/Current/CURRENT28.jpg");
}

#issue09_img28 {
  background-image: url("../images/issue09/Current/CURRENT29.jpg");
}

#issue09_img29 {
  background-image: url("../images/issue09/Current/CURRENT30.jpg");
}

#issue09_img30 {
  background-image: url("../images/issue09/Current/CURRENT31.jpg");
}

/*ISSUE 10 ----------------------------------------------------------------*/

#issue10_img0 {
  background-image: url("../images/issue10/Current/CURRENT01.jpg");
}

#issue10_img1 {
  background-image: url("../images/issue10/Current/CURRENT02.jpg");
}

#issue10_img2 {
  background-image: url("../images/issue10/Current/CURRENT03.jpg");
}

#issue10_img3 {
  background-image: url("../images/issue10/Current/CURRENT04.jpg");
}

#issue10_img4 {
  background-image: url("../images/issue10/Current/CURRENT05.jpg");
}

#issue10_img5 {
  background-image: url("../images/issue10/Current/CURRENT06.jpg");
}

#issue10_img6 {
  background-image: url("../images/issue10/Current/CURRENT07.jpg");
}

#issue10_img7 {
  background-image: url("../images/issue10/Current/CURRENT08.jpg");
}

#issue10_img8 {
  background-image: url("../images/issue10/Current/CURRENT09.jpg");
}

#issue10_img9 {
  background-image: url("../images/issue10/Current/CURRENT10.jpg");
}

#issue10_img10 {
  background-image: url("../images/issue10/Current/CURRENT11.jpg");
}

#issue10_img11 {
  background-image: url("../images/issue10/Current/CURRENT12.jpg");
}

#issue10_img12 {
  background-image: url("../images/issue10/Current/CURRENT13.jpg");
}

#issue10_img13 {
  background-image: url("../images/issue10/Current/CURRENT14.jpg");
}

#issue10_img14 {
  background-image: url("../images/issue10/Current/CURRENT15.jpg");
}

#issue10_img15 {
  background-image: url("../images/issue10/Current/CURRENT16.jpg");
}

#issue10_img16 {
  background-image: url("../images/issue10/Current/CURRENT17.jpg");
}

#issue10_img17 {
  background-image: url("../images/issue10/Current/CURRENT18.jpg");
}

#issue10_img18 {
  background-image: url("../images/issue10/Current/CURRENT19.jpg");
}

#issue10_img19 {
  background-image: url("../images/issue10/Current/CURRENT20.jpg");
}

#issue10_img20 {
  background-image: url("../images/issue10/Current/CURRENT21.jpg");
}

#issue10_img21 {
  background-image: url("../images/issue10/Current/CURRENT22.jpg");
}

#issue10_img22 {
  background-image: url("../images/issue10/Current/CURRENT23.jpg");
}

#issue10_img23 {
  background-image: url("../images/issue10/Current/CURRENT24.jpg");
}

#issue10_img24 {
  background-image: url("../images/issue10/Current/CURRENT25.jpg");
}

#issue10_img25 {
  background-image: url("../images/issue10/Current/CURRENT26.jpg");
}

#issue10_img26 {
  background-image: url("../images/issue10/Current/CURRENT27.jpg");
}

#issue10_img27 {
  background-image: url("../images/issue10/Current/CURRENT28.jpg");
}

#issue10_img28 {
  background-image: url("../images/issue10/Current/CURRENT29.jpg");
}

#issue10_img29 {
  background-image: url("../images/issue10/Current/CURRENT30.jpg");
}

#issue10_img30 {
  background-image: url("../images/issue10/Current/CURRENT31.jpg");
}

#issue10_img31 {
  background-image: url("../images/issue10/Current/CURRENT32.jpg");
}

#issue10_img32 {
  background-image: url("../images/issue10/Current/CURRENT33.jpg");
}

#issue10_img33 {
  background-image: url("../images/issue10/Current/CURRENT34.jpg");
}

.issue-cost {
  padding: 2px 14px;
  margin: 0;
}

/*/////////////   MEDIA QUERIES  ////////////////*/

/* small browsers */
@media only screen and (min-width: 568px) and (max-width: 653px) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    width: 95%;
  }

  .story {
    width: 95%;
  }

  #homepage {
    display: none;
  }

  div#navbar-ipad {
    display: block;
    margin-top: 5%;
  }

  ul li#logo {
    display: none;
  }

  ul li#logo-ipad {
    display: block;
    font-size: 2em;
    letter-spacing: -1.4px;
    margin-top: 3%;
  }

  .slider {
    margin-top: 2em;
  }

  section#about {
    margin-top: 10%;
    width: 65%;
    font-size: 83%;
  }

  div#description {
    font-size: 83%;
  }
}

/* ----------- smaller WIDTH browsers ----------- */
@media only screen and (min-width: 320px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    width: 95%;
  }

  .story {
    width: 95%;
    top: 110%;
  }

  #homepage {
    display: none;
  }

  div#navbar-ipad {
    display: block;
    margin-top: 5%;
  }

  ul {
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
  }

  ul li#logo {
    display: none;
  }

  ul li#logo-ipad {
    display: block;
    font-size: 1.7em;
    letter-spacing: -1.4px;
    margin-top: 3%;
  }

  .nav {
    font-size: 80%;
  }

  .slider {
    margin-top: 8%;
  }

  span#hide_for_mobile {
    display: none;
  }

  *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
  }

  _::-webkit-:host:not(:root:root),
  .cost {
    margin-top: -20px;
  }

  section#buy {
    bottom: -20px;
  }

  section#about {
    width: 65%;
    font-size: 83%;
    margin-top: 3%;
  }

  div#description {
    font-size: 83%;
    margin-bottom: 1%;
  }

  section#about p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
  }

  section#current {
    margin-top: 8%;
  }

  section#stockists {
    margin-top: 8%;
    font-size: 57%;
  }

  .slider-image {
    background-position: 50% 25%;
    height: 20em;
  }

  #img0 {
    background-position: center top;
    height: 20em;
  }

  #issue02_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue03_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue04_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue05_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue06_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue07_img0 {
    background-position: center top;
    height: 20em;
  }

  .shop {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 3em;
  }

  /* #shop-left {
      left: 0; 
  }*/
  .shop-vertical-center,
  .shop-archive {
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(0%);
  }

  .margin-top {
    margin-top: 3em;
  }
}

@media only screen and (min-width: 520px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .story {
    top: 115%;
  }
}

@media only screen and (min-width: 569px) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    width: 95%;
  }

  .story {
    top: 118%;
    width: 95%;
  }

  section#stockists {
    margin-top: 10%;
    font-size: 70%;
  }

  .shop {
    width: 100%;
    left: 0;
    flex-direction: row;
  }

  .shop-vertical-center,
  .shop-archive {
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(0%);
  }

  .margin-top {
    margin-top: 3em;
  }

  .shop-image {
    width: 58em;
  }
}

@media only screen and (min-width: 801px) and (max-width: 899px) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    width: 95%;
  }

  .story {
    top: 120%;
    width: 95%;
  }

  section#stockists {
    margin-top: 10%;
    font-size: 70%;
  }

  .shop {
    width: 100%;
    left: 0;
  }

  div.banner img.celine {
    margin-top: 4em;
  }
}

@media only screen and (min-width: 568px) and (max-width: 801px) and (-webkit-min-device-pixel-ratio: 1) {
  div.banner img.celine {
    margin-top: 3em;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1150px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    width: 65%;
  }

  .story {
    top: 103%;
    width: 65%;
  }

  div#info {
    margin-top: 10em;
  }

  div#info.story2 {
    margin-top: 4em;
    margin-bottom: 4em;
  }

  div.banner img.celine {
    margin-top: 10em;
  }

  section#stockists {
    margin-top: 12%;
  }

  .bottom-align {
    left: 0;
  }

  .shop {
    width: 100%;
    left: 0;
  }
}

@media only screen and (min-width: 1151px) and (max-width: 1250px) and (-webkit-min-device-pixel-ratio: 1) {
  .story {
    top: 117%;
  }
}

/* ----------smaller HEIGHT browsers -------- */
@media only screen and (min-height: 500px) and (max-height: 690px) and (-webkit-min-device-pixel-ratio: 1) {
  section#stockists {
    margin-top: 8%;
    font-size: 70%;
    padding-top: 0%;
  }

  .slider-image {
    height: 28em;
  }
}

/* X-LARGE SCREENS*/
@media screen and (min-device-width: 1550px) and (-webkit-min-device-pixel-ratio: 1) {
  section#stockists {
    padding-top: 0%;
  }
}

/* iphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    width: 95%;
  }

  .story {
    width: 95%;
    top: 110%;
  }

  #story_image_1 {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    display: block;
  }

  p.text {
    clear: both;
  }

  div#navbar-ipad {
    display: block;
  }

  div#navbar {
    font-size: 80%;
  }

  ul {
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
  }

  ul li#logo {
    display: none;
  }

  ul li#logo-ipad {
    display: block;
    font-size: 1.7em;
    letter-spacing: -1.4px;
    margin-top: 3%;
  }

  .nav {
    font-size: 105%;
  }

  .slider {
    margin-top: 8%;
  }

  span#hide_for_mobile {
    display: none;
  }

  *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
  }

  video::-webkit-media-controls {
    display: none !important;
    opacity: 0;
  }

  video::-webkit-media-controls-enclosure {
    display: none !important;
  }

  _::-webkit-:host:not(:root:root),
  .cost {
    margin-top: -20px;
  }

  section#buy {
    bottom: -20px;
  }

  section#about {
    width: 65%;
    font-size: 83%;
    margin-top: 3%;
  }

  div#description {
    font-size: 83%;
    margin-bottom: 1%;
  }

  section#about p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
  }

  section#current {
    margin-top: 8%;
  }

  section#stockists {
    margin-top: 15%;
    font-size: 60%;
    padding-top: 0%;
  }

  .slider-image {
    background-position: 50% 25%;
    height: 20em;
  }

  #img0 {
    background-position: center top;
    height: 20em;
  }

  #issue02_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue03_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue04_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue05_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue06_img0 {
    background-position: center top;
    height: 20em;
  }

  #issue07_img0 {
    background-position: center top;
    height: 20em;
  }

  .shop {
    width: 100%;
    position: static;
  }

  .banner img.celine {
    margin-top: 0em;
  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    width: 95%;
  }

  .story {
    width: 95%;
    top: 110%;
  }

  section#stockists {
    margin-top: 15%;
    font-size: 64%;
    margin-bottom: 10%;
    padding-top: 0%;
  }

  .shop {
    width: 100%;
    position: static;
  }

  #story_image_1 {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 100%;
    display: block;
  }

  p.text {
    clear: both;
  }

  *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
  }

  video::-webkit-media-controls {
    display: none !important;
    opacity: 0;
  }

  video::-webkit-media-controls-start-playback-button {
    display: none !important;
  }

  video::-webkit-media-controls-enclosure {
    display: none !important;
  }

  .custom-video-controls {
    z-index: 2147483647;
  }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .story {
    top: 105%;
  }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .story {
    top: 100%;
  }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .story {
    top: 100%;
  }
}

/* ----------- iPad 1 and 2 ----------- */
/* iPad 1 and 2 Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    width: 80%;
  }

  .story {
    width: 80%;
    top: 110%;
  }

  .shop {
    width: 100%;
    flex-direction: row;
    position: static;
  }

  #homepage {
    display: none;
  }

  div#navbar-ipad {
    display: block;
  }

  ul {
    margin-top: 5%;
  }

  ul li#logo {
    display: none;
  }

  ul li#logo-ipad {
    display: block;
    font-size: 2em;
    letter-spacing: -1.4px;
    margin-top: 3%;
  }

  .nav {
    font-size: 140%;
  }

  .slider {
    margin-top: 10%;
  }

  .bottom-center {
    bottom: 40px;
  }

  *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
  }

  section#stockists {
    margin-top: 10%;
    padding-top: 0%;
  }

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

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .story {
    top: 105%;
  }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .story {
    top: 105%;
  }
}

/*safari hacks*/

@media screen and (min-width: 320px) and (max-width: 568px) {
  .story {
    top: 105%;
  }
}