body {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  body {
    font-size: calc(12px + 10 * ((100vw - 320px) / 960));
  }
}
@media screen and (min-width: 1280px) {
  body {
    font-size: 22px;
  }
}
.wayslider {
  position: relative;
}
.wayslider__indicator-1,
.wayslider__indicator-2,
.wayslider__indicator-3,
.wayslider__indicator-4 {
  height: 100vh;
  width: 100vw;
}
.wayslider__slide-1,
.wayslider__slide-2,
.wayslider__slide-3,
.wayslider__slide-4 {
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: all 0.75s ease-in-out;
}
.wayslider__content {
  color: rgba(226,225,171,0.9);
  text-shadow: 2px 2px 0 rgba(0,0,128,0.5);
  opacity: 0;
  text-align: justify;
  width: 60%;
  margin-left: 20%;
  display: block;
  position: relative;
  transition: all 0.75s ease-in;
}
.wayslider__heading {
  font-size: 2em;
  margin-bottom: 0;
  opacity: 0;
  transition: all 0.75s ease-in;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.wayslider__text {
  font-size: 1.3em;
  line-height: 1.5em;
  max-width: 700px;
  font-weight: 300;
  margin: $cal-line-height 0 0 0;
  opacity: 0;
  transition: all 0.75s ease-in-out 0.2s;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.wayslider__sign {
  text-align: right;
  font-size: 1em;
  margin: $cal-line-height 0 0 0;
  opacity: 0;
  transition: all 2s ease-in-out 0.2s;
  -webkit-transform: translate(0, 500px);
          transform: translate(0, 500px);
}
.wayslider__slide-1.animate .wayslider__content,
.wayslider__slide-2.animate .wayslider__content,
.wayslider__slide-3.animate .wayslider__content,
.wayslider__slide-4.animate .wayslider__content {
  opacity: 1;
}
.wayslider__slide-1.animate .wayslider__heading,
.wayslider__slide-2.animate .wayslider__heading,
.wayslider__slide-3.animate .wayslider__heading,
.wayslider__slide-4.animate .wayslider__heading {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.wayslider__slide-1.animate .wayslider__text,
.wayslider__slide-2.animate .wayslider__text,
.wayslider__slide-3.animate .wayslider__text,
.wayslider__slide-4.animate .wayslider__text {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.wayslider__slide-1.animate .wayslider__sign,
.wayslider__slide-2.animate .wayslider__sign,
.wayslider__slide-3.animate .wayslider__sign,
.wayslider__slide-4.animate .wayslider__sign {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.wayslider__slide-1.animateBg,
.wayslider__slide-2.animateBg,
.wayslider__slide-3.animateBg,
.wayslider__slide-4.animateBg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
}
.wayslider__slide-1 {
  background-image: url("http://www.lacor.info/film/fuocoammare/img/fuocoammare-21.jpg");
  z-index: -2;
}
.wayslider__slide-2 {
  background-image: url("http://www.lacor.info/film/fuocoammare/img/fuocoammare-20.jpg");
  z-index: -3;
}
.wayslider__slide-3 {
  background-image: url("http://www.lacor.info/film/fuocoammare/img/fuocoammare-18.jpg");
  z-index: -4;
}
.wayslider__slide-4 {
  background-image: url("http://www.lacor.info/film/fuocoammare/img/fuocoammare-17.jpg");
  z-index: -5;
}
@import url("https://fonts.googleapis.com/css?family=Source\+Sans\+Pro:200,300,400,600,700,900,400italic");
* {
  box-sizing: border-box;
}
body {
  background-color: transparent;
  font-family: 'PT sans narrow';
  font-weight: 200;
  line-height: 1.5;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 8px;
}
body.thin::-webkit-scrollbar {
  width: 2px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(12,28,64,0.7);
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(192,47,42,0.9);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(192,47,42,0.9);
}
::-webkit-scrollbar-track-piece:start {
  background: rgba(12,28,64,0.7);
}
::-webkit-scrollbar-track-piece:start:window-inactive {
  background: rgba(192,47,42,0.9);
}
::-webkit-scrollbar-track-piece:end {
  background: rgba(12,28,64,0.9);
}
::-webkit-scrollbar-track-piece:end:window-inactive {
  background: rgba(192,47,42,0.7);
}
a {
  color: rgba(137,224,31,0.5);
  text-shadow: 2px 2px 0 rgba(0,0,128,0.5);
  text-decoration: none;
}
a:hover {
  color: rgba(138,237,18,0.9);
}
header {
  background: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(95,103,124,0.5), rgba(95,103,124,0) 50%);
  background-image: transparent;
  background-blend-mode: overlay;
}
header,
footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}
header h1,
footer h1 {
  color: rgba(35,23,68,0.9);
  text-shadow: 5px 5px 0 rgba(31,71,71,0.5);
  font-size: 4em;
  line-height: 1.2;
  margin-bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 700;
}
header h2,
footer h2 {
  color: rgba(35,23,68,0.9);
  text-shadow: 5px 5px 0 rgba(31,71,71,0.5);
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 0.5rem;
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
}
header p,
footer p {
  color: rgba(226,225,171,0.9);
  text-shadow: 2px 2px 0 rgba(0,0,128,0.5);
  font-size: 1.3em;
  line-height: 1.2;
  display: inline-block;
  padding: 0 2rem;
}
header p span,
footer p span {
  font-size: 0.7em;
}
header div,
footer div {
  text-align: justify;
  width: 60%;
  margin-left: 25%;
}
footer {
  background-image: linear-gradient(180deg, rgba(0,255,255,0.009), rgba(0,68,102,0.7), rgba(12,28,64,0.7) 30%, #000);
  height: 110vh;
}
footer ul {
  color: rgba(182,178,62,0.9);
  margin: 1rem auto;
  text-align: left;
  width: 80%;
}
footer li {
  font-size: 1.1em;
  list-style-type: none;
  text-indent: -10px;
  margin-bottom: 0.5em;
}
footer li:before {
  content: "▸ ";
}
footer div {
  z-index: 1;
  display: block;
  position: absolute;
  left: 0;
  text-align: justify;
  width: 90%;
  margin-left: 5%;
  margin-top: 0%;
}
footer .button--9 {
  background-color: rgba(153,255,255,0.1);
  border-radius: 100%;
  transition: all 0.45s ease-out;
  float: right;
  padding: 1rem;
}