body {
  /* background-color: #EFF0F7; */
  margin:0;
  left:0;
  background-image: url(../img/bkg-nav2-full-blur.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* GRAIN */
body:before {
    background-image: url(https://media3.giphy.com/media/FSqYDfsdaiG9W/giphy.gif);
    /* background-image: url(img/noise.gif); */
    content: "";
    position: fixed;
    height: 970%;
    width: 150%;
    top: -100%;
    left: -50%;
    opacity: .08;
    /* opacity: .1; */
    z-index: 1;
}

iframe{
  max-width: 90%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 40px;
  border-bottom: 13px solid #c63e42;
  box-shadow: 0 13px 35px -16px #442130;
  z-index: 300;
}

/* .video, video{
  max-width: 90%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
video {
  position: absolute;
  max-height: 89%;
  border-radius: 38px;
  border: 14px solid #FBFCFF;
  background-color: white;
}
video:focus { outline:none; }
@media (min-width: 768px){
  video {
    border-radius: 50px;
  }
} */

/* ARROW */
#backArrow {
display: block;
margin-left: 8%;
margin-top: 3%;
/* margin-top: 20px; */
position: absolute;
z-index: 300;
}

#backArrow img {
width: 50px;
}

/* CONTAINER-HEADER */
.container-header > * {
	position: absolute;
}

.container-header {
	/* padding: 10%; */
	max-width: 55%;
	/* max-width: 60em; */
	/* max-width: 40em; */
	margin: auto;
	height: 70%;
	/* height: 100%; */
	    margin-bottom: 10%;
			margin-top: 5%;
}

.container-header h1 {
	font-family: 'Permanent Marker', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/* font-family: 'Neucha', cursive; */
/* font-family: 'Shadows Into Light', cursive; */
	top: 200px;
  font-size: 7vw;
  /* font-size: 9vw; */
}

@media screen and (max-width: 1024px) {
.container-header {
    /* padding: 10%; */
    max-width: 75%;
    /* max-width: 60em; */
    /* max-width: 40em; */
    margin: auto;
    height: 40%;
    /* height: 100%; */
    margin-bottom: 10%;
    margin-top: 5%;
}
.container-header h1 {
  font-size: 9vw;
}
#backArrow {
margin-top: 7%;
}
}

@media screen and (max-width: 600px){
.container-header {
    max-width: 85%;
    margin-bottom: 0%;
}
.container-header h1 {
    font-size: 11vw;
}
}