.heroImage {
	position: fixed;
	top:130px;
	background-color: #000000;
	width: 100%;
	height: 630px;
	margin-top: 10px;
	padding-bottom: 35px;
	text-align: center;
	overflow-y: hidden;
	z-index: 0;
	overflow: hidden;
}

.heroImage-container{
	width: 1400px;
	height: auto;
/*	margin: 0 0;*/
	overflow: hidden;
	display: inline-block;
  position: absolute;
  /* Move the element to the right by 50% of the container's width */
  left: 50%; 
  /* Calculates 50% of the element's width, and moves it by that */ 
  /* amount across the X-axis to the left */
  transform: translateX(-50%);
}
.heroImage-gradient-horizontal{
	position: absolute;
        top: 0;
        left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, rgba(0,0,0,1) 100%);
}

/* Large Desktops */
@media all and (min-width:1280px) { 
}


/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
}

/* Mobile */
@media (max-width: 320px) {

}