header {
	 /*padding: 0 2rem;*/
	 min-height: 100vh;
	 position: relative;
	 background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://images.pexels.com/photos/5676679/pexels-photo-5676679.jpeg?cs=srgb&dl=pexels-ivan-samkov-5676679.jpg&fm=jpg);
	 background-size: cover;
   z-index: 1;
}

 @media only screen and (min-width: 75em) {
	 nav {
		 width: 120rem;
		 margin: 0 auto;
	}
}
 .hero {
	 position: absolute;
	 top: 50%;
	 transform: translate(0, -50%);
   z-index: -1;
}
 @media only screen and (min-width: 75em) {
	 .hero {
		 width: 120rem;
		 left: 50%;
		 transform: translate(-50%, -50%);
	}
}
 @media only screen and (min-width: 37.5em) {
	 .hero__inner {
		 width: 75%;
     margin-left:1.5rem;
	}
}
 @media only screen and (min-width: 56.25em) {
	 .hero__inner {
		 width: 50%;
     margin-left:1.5rem;
	}
}
 .hero__heading {
	 font-size: 5.2rem;
	 font-weight: 200;
	 line-height: 1.05;
	 margin-bottom: 3.2rem;
}
 .hero--highlight {
	 font-weight: 100;
}
 .hero__content {
	 font-size: 2rem;
	 line-height: 1.6;
}
 .hero__btn {
	 font-size: 2rem;
	 font-weight: 300;
	 background-color: var(--tertiary);
	 color: #fff;
	 outline: none;
	 border: none;
	 border-radius: 0.9rem;
	 padding: 1.6rem 3.2rem;
	 margin-top: 4.8rem;
	 cursor: pointer;
}
@media (max-width: 720px) {
  	 .hero__inner {
		  margin: 1.5rem;
	}
}