body {
  background: #4D4D4D;
}

.logo {
  position: fixed;
  z-index: 100;
  width: 47px;
  height: 47px;
  margin-top: 18px;
  background-image: url('../images/Logo.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* bottom: 0; */
  height: 100vh;
  /* left: 0; */
  min-height: 667px;
  /* opacity: 0; */
  position: relative;
  /* position: fixed; */
  /* right: 0; */
  /* top: 0; */
  width: 100%;
  /* z-index: 5; */
}

.slide-1 {
  background-image: url(../images/1-mobile.jpg);
  opacity: 1;
  z-index: 1;
}

.slide-2 {
  background-image: url(../images/2-mobile.jpg);
  z-index: 2;
}

.slide-3 {
  background-image: url(../images/3-mobile.jpg);
  z-index: 3;
}

.slide-4 {
  background-image: url(../images/4-mobile.jpg);
  z-index: 4;
}

.slide-5 {
  background-image: url(../images/5-mobile.jpg);
  z-index: 5;
}

.slide-6 {
  background-image: url(../images/6-mobile.jpg);
  z-index: 6;
}

.slide-7 {
  background-image: url(../images/7-mobile.jpg);
  z-index: 7;
}

.slide-8 {
  background-image: url(../images/8-mobile.jpg);
  z-index: 8;
}

.slide-9 {
  background-image: url(../images/9-mobile.jpg);
  z-index: 9;
}

.slide-10 {
  background-image: url(../images/10-mobile.jpg);
  z-index: 10;
}

@media (min-width: 500px) {
  .slide-1 {
    background-image: url(../images/1-desktop.jpg);
  }

  .slide-2 {
    background-image: url(../images/2-desktop.jpg);
  }

  .slide-3 {
    background-image: url(../images/3-desktop.jpg);
  }

  .slide-4 {
    background-image: url(../images/4-desktop.jpg);
  }

  .slide-5 {
    background-image: url(../images/5-desktop.jpg);
  }

  .slide-6 {
    background-image: url(../images/6-desktop.jpg);
  }

  .slide-7 {
    background-image: url(../images/7-desktop.jpg);
  }

  .slide-8 {
    background-image: url(../images/8-desktop.jpg);
  }

  .slide-9 {
    background-image: url(../images/9-desktop.jpg);
  }

  .slide-10 {
    background-image: url(../images/10-desktop.jpg);
  }
}

@media only screen and (min-height: 598px) and (max-height: 667px) {
  .slide {
    height: 667px;
  }
}

@media only screen and (min-height: 668px) and (max-height: 736px) {
  .slide {
    height: 736px;
  }
}

@media only screen and (min-height: 737px) and (max-height: 812px) {
  .slide {
    height: 812px;
  }
}



.spacer {
  position: relative;
  width: 100%;
  z-index: 10;
}

.section-4 {
  /* position: fixed; */
  position: relative;
  /* left: 0px; */
  /* top: 0px; */
  /* right: 0px; */
  /* bottom: 0px; */
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  z-index: 11;
  /* opacity: 0; */
}

.content-4 {
  height: 100vh;
  padding-top: 16%;
}

.image {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.image-2 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 170px;
  background-image: url('../images/Content-4a.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.form {
  display: block;
  width: 340px;
  margin-top: 69px;
  margin-right: auto;
  margin-left: auto;
}

.form-2 {
  display: block;
  width: 350px;
  margin-right: auto;
  margin-left: auto;
}

.form-box {
  width: 100%;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  background-color: #000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  line-height: 16px;
  font-weight: 400;
}

.button {
  float: right;
  clear: left;
  background-color: #000;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-style: italic;
  letter-spacing: 1px;
  text-decoration: underline;
}

@media (max-width: 479px) {

  .content-4 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 48%;
    background-image: none;
  }
  .image {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .image-2 {
    display: block;
    margin-top: 79px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 99px;
  }
  .image-2.w--current {
    background-image: url('../images/Content-4a.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
  }
  .form {
    width: 90%;
    margin-top: 96px;
  }
  .form-2 {
    width: 100%;
  }
  .form-box {
    border-radius: 0px;
  }
  .button {
    float: right;
    clear: none;
  }
}