body {
  height: 100%;
  background: url('../images/first_date_film_montauk_shayne_gray_photo-5.jpg') rgb(255, 255, 255);
  background-size: cover;
  background-position: left top;
  font: normal 1.375em/1.38 Comfortaa;
  color: rgb(255, 255, 255);
}

.container {
  float: left;
  width: 100%;
  height: 806px;
  margin-top: -8px;
  border: 1px solid rgb(0, 0, 0);
}

.create {
  display: inline-block;
  position: relative;
  float: left;
  z-index: 3;
  margin: -637px 0 0 36%;
  font: 1em/1.38 Kuro-Regular;
  color: rgb(248, 248, 248);
}

.element {
  position: relative;
  float: left;
}

.image {
  display: block;
  float: left;
  width: 54px;
  height: auto;
  margin-left: 1.8518518518%;
  overflow: hidden;
}

.incog {
  display: inline-block;
  position: relative;
  float: left;
  z-index: 7;
  margin: -97px 0 0 43.5%;
  font-size: 0.591em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.text {
  display: inline-block;
  position: relative;
  float: left;
}

.under {
  display: inline-block;
  float: left;
  margin: 16px 0 0 5.5684454756%;
  font: 1.545em/1.38 Comfortaa-Light;
  color: rgb(255, 255, 255);
}

.we {
  display: inline-block;
  float: left;
  clear: both;
  margin-left: 22.505800464%;
  font-size: 0.727em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(249, 249, 249);
}

._text {
  z-index: 2;
  margin: -318px 0 0 70.6666666666%;
  font-size: 0.727em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0,0,0);
}

.element-1 {
  z-index: 0;
  width: 100%;
  height: 810px;
  margin-top: -5px;
  background-color: rgba(21, 20, 20, 0.66);
}

.element-2 {
  z-index: 6;
  width: 36%;
  height: 109px;
  margin: -513px 0 0 33.8333333333%;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgba(109, 105, 105, 0.54);
}

.text-1 {
  clear: both;
  z-index: 1;
  margin: -756px 0 0 26.4166666666%;
  font: 2.909em/2.68 Comfortaa-Bold;
  text-align: center;
  text-indent: 21px;
  color: rgb(254, 2, 2);
}

._container-3 {
  display: block;
  position: relative;
  float: left;
  z-index: 9;
  width: 4.5%;
  height: 54px;
  margin: -209px 0 0 49.25%;
}

@media(max-width: 1150px) {
  .container .create {
    position: relative;
    z-index: 3;
    margin-top: -611px;
    margin-left: 33.1304347826%;
    font-size: 0.955em;
  }

  .container .image {
    width: 44px;
    height: auto;
    margin-top: -8px;
    margin-left: -53.7972641632%;
  }

  .container .incog {
    position: relative;
    z-index: 7;
    margin-top: -108px;
    margin-left: 40.3478260869%;
    font-size: 0.545em;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    margin-left: 2.1542842156%;
    font-size: 1.364em;
  }

  .element .we {
    margin-left: 19.6578434678%;
    font-size: 0.682em;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
    margin-top: -286px;
  }

  .element-1 {
    position: relative;
    z-index: 0;
    width: 100.1739130434%;
    height: 778px;
  }

  .element-2 {
    z-index: 6;
    width: 32.3478260869%;
    height: 94px;
    margin-top: -480px;
    margin-left: 33.1304347826%;
  }

  .text-1 {
    z-index: 1;
    margin-top: -724px;
    font-size: 2.455em;
    line-height: 3.08;
  }

  ._container-3 {
    z-index: 9;
    width: 4.6956521739%;
  }
}

@media(max-width: 1000px) {
  body {
    font-size: 1.375em;
  }

  .container .create {
    position: relative;
    z-index: 3;
    margin-top: -545px;
    margin-left: 32.8%;
    font-size: 0.773em;
  }

  .container .image {
    height: auto;
    margin-top: -5px;
    margin-left: -87.211459957%;
  }

  .container .incog {
    position: relative;
    z-index: 7;
    margin-top: -64px;
    margin-left: 38.1%;
    font-size: 0.5em;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    margin-left: 3.7171116426%;
    font-size: 1.182em;
  }

  .element .we {
    margin-left: 14.2489279634%;
    font-size: 0.545em;
    line-height: 1.18;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
    margin-top: -138px;
  }

  .element-1 {
    position: relative;
    z-index: 0;
    height: 704px;
  }

  .element-2 {
    z-index: 6;
    height: 83px;
    margin-top: -405px;
    margin-left: 30.7%;
  }

  .text-1 {
    z-index: 1;
    margin-top: -652px;
    margin-left: 27.3%;
    font-size: 1.955em;
    line-height: 3.98;
  }

  ._container-3 {
    z-index: 9;
    width: 5.4%;
  }
}

@media(max-width: 900px) {
  .container {
    height: 700px;
  }

  .container .create {
    position: relative;
    z-index: 3;
    margin-top: -567px;
    font-size: 0.682em;
  }

  .container .image {
    height: auto;
    margin-top: -17px;
    margin-left: -109.3338732537%;
  }

  .container .incog {
    position: relative;
    z-index: 7;
    margin-top: -138px;
    margin-left: 37.2222222222%;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    font-size: 1.045em;
  }

  .element .we {
    margin-left: 16.5241755873%;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
  }

  .element-1 {
    position: relative;
    z-index: 0;
  }

  .element-2 {
    z-index: 6;
    height: 75px;
    margin-top: -407px;
  }

  .text-1 {
    z-index: 1;
    margin-top: -668px;
    font-size: 1.727em;
    line-height: 4.38;
  }

  ._container-3 {
    z-index: 9;
    width: 4.8888888888%;
    height: 44px;
  }
}

@media(max-width: 800px) {
  body {
    font-size: 1.375em;
  }

  .container .create {
    position: relative;
    z-index: 3;
    margin-top: -548px;
    font-size: 0.591em;
  }

  .container .image {
    height: auto;
    margin-top: 27px;
    margin-left: -82.4282929547%;
  }

  .container .incog {
    position: relative;
    z-index: 7;
    margin-top: -88px;
    margin-left: 36.375%;
    font-size: 0.455em;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    font-size: 0.955em;
  }

  .element .we {
    margin-left: 12.0091896407%;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
  }

  .element-1 {
    position: relative;
    z-index: 0;
  }

  .element-2 {
    z-index: 6;
    margin-top: -333px;
  }

  .text-1 {
    z-index: 1;
    margin-top: -653px;
    font-size: 1.455em;
    line-height: 5.38;
  }

  ._container-3 {
    z-index: 9;
    width: 5.625%;
  }
}

@media(max-width: 700px) {
  .container .create {
    position: relative;
    z-index: 3;
  }

  .container .image {
    height: auto;
    margin-left: -91.1695754103%;
  }

  .container .incog {
    position: relative;
    z-index: 7;
    margin-top: -80px;
    margin-left: 35.5714285714%;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    font-size: 0.818em;
  }

  .element .we {
    margin-left: 7.0862987953%;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
  }

  .element-1 {
    position: relative;
    z-index: 0;
  }

  .element-2 {
    z-index: 6;
  }

  .text-1 {
    z-index: 1;
    font-size: 1.318em;
    line-height: 6.38;
  }

  ._container-3 {
    z-index: 9;
    width: 6.2857142857%;
  }
}

@media(max-width: 650px) {
  body {
    font-size: 1.375em;
  }

  .container .create {
    position: relative;
    z-index: 3;
    font-size: 0.545em;
  }

  .container .image {
    height: auto;
  }

  .container .incog {
    position: relative;
    z-index: 7;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    font-size: 0.773em;
  }

  .element .we {
    margin-left: 3.8165405548%;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
  }

  .element-1 {
    position: relative;
    z-index: 0;
  }

  .element-2 {
    z-index: 6;
  }

  .text-1 {
    z-index: 1;
  }

  ._container-3 {
    z-index: 9;
    width: 6.923076923%;
  }
}

@media(max-width: 320px) {
  .container .create {
    position: relative;
    z-index: 3;
    margin-left: 20%;
  }

  .container .image {
    width: 38px;
    height: auto;
    margin-top: -38px;
    margin-left: -45.4227812719%;
  }

  .container .incog {
    position: relative;
    z-index: 7;
    margin-top: -165px;
    margin-left: 28.7499999999%;
  }

  .container .text {
    position: relative;
  }

  .element .under {
    font-size: 0.682em;
  }

  .element .we {
    margin-top: 10px;
    font-size: 0.5em;
  }

  .container ._container {
    position: relative;
  }

  .container ._text {
    z-index: 2;
  }

  .element-1 {
    position: relative;
    z-index: 0;
  }

  .element-2 {
    z-index: 6;
    width: 60.3125%;
    margin-top: -392px;
    margin-left: 21.5625%;
  }

  .text-1 {
    z-index: 1;
    margin-top: -658px;
    margin-left: 11.875%;
    font-size: 1.136em;
    line-height: 7.38;
  }

  ._container-3 {
    z-index: 9;
  }
}