#mainImage {
	width: 100%;
	position: relative;
}

#mainImage .maincopy {
	z-index: 2;
	position: absolute;
}

#mainImage .maincopy img {
	width: 100%;
	min-width: 100%;
	height: auto;
	vertical-align: top;
}

#mainImage .slider {
	z-index: 1;
}

#mainImage .slider img {
	width: 100%;
	min-width: 100%;
	height: auto;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
  #mainImage .maincopy {
    width: 80%;
    height: auto;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #mainImage .slider {width: 100%;}
}

@media screen and (min-width: 641px) {
  #mainImage {min-width: 1100px;}

  #mainImage .maincopy {
	  width: 640px;
	  height: 64px;
	  top: 50%;
	  right: 50%;
	  transform: translate(50%, -50%);
  }
}