/* DESKTOP */
@media screen and (min-width: 1200px) {

.inner-header {
	margin: auto;
	width: 100%;
	padding: 0 0 0 0;
	background-image: linear-gradient(to right, var(--midnight), var(--midnight-2));
}

.box {
  width: 1200px;
  height: 600px;
  margin: auto;
}

.box .hero-space {
  position: relative;
    width: 1200px;
    height: 600px;
}

.box .overlap-group {
  position: relative;
  width: 1200px;
}

.box .overlap {
  position: absolute;
  width: 1200px;
  top: 121px;
  left: 0;
}

.box .heading-success {
  position: absolute;
  width: 954px;
  height: 199px;
  top: 0;
  left: 0;
  font-family: "Avenir-Black-Oblique", "Montserrat", Helvetica, sans-serif;
  font-weight: 900;
  color: var(--gold);
  font-size: 97px;
  letter-spacing: 0;
  line-height: 105px;
  text-transform: uppercase;
}

.box .inner-hero-line-1 {
	position: absolute;
    width: 631px;
    height: 16px;
    top: 40px;
    left: 572px;
}

.box .inner-hero-line-3 {
	position: absolute;
    width: 355px;
    height: 3px;
    top: 117px;
    left: 1157px;
}

.box .inner-hero-line-2 {
	position: absolute;
    width: 3px;
    height: 96px;
    top: 35px;
    left: 1201px;
}

.box .text-wrapper {
  position: absolute;
  width: 795px;
  height: 190px;
  top: 372px;
  left: 0;
  font-family: "Avenir-Book", "Montserrat", Helvetica, sans-serif;
  font-weight: 400;
  color: var(--white);
  font-size: 29px;
  letter-spacing: 0;
  line-height: 33px;
}

}

/* MOBILE */	
@media screen and (max-width: 1199px) {
	
.box-hero .heading-success {
  position: relative;
  float: left;
  width: 100%;
  top: 0;
  left: 0;
  font-family: "Avenir-Black-Oblique", "Montserrat", Helvetica, sans-serif;
  font-weight: 900;
  color: var(--gold);
  font-size: 38px;
  letter-spacing: 0;
  line-height: 46px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
	
.box-hero .overlap-inner {
	height: auto;
	min-height: 250px;
	padding-top: 30px;
	margin-top: 8%;
    margin-left: 8%;
    margin-right: 8%;
    margin-bottom: 8%;
}
	
#hero-region-mobile {
	background-image: linear-gradient(to right, var(--midnight), var(--midnight-2));
	min-height: 350px;
}
	
.overlap-inner .inner-hero-line-1 {
position: absolute;
    width: 1050px;
    top: 95px;
    right: -187px;
}

.overlap-inner .inner-hero-line-3 {
	position: absolute;
    width: 355px;
    height: 3px;
    top: 117px;
    left: 1157px;
}

.overlap-inner .inner-hero-line-2 {
	position: absolute;
    width: 3px;
    height: 96px;
    top: 35px;
    left: 1201px;
}
	
.box-hero .text-wrapper {
	 color: var(--white);
}

@media screen and (min-width: 767px) and (max-width: 1900px) {

	
}