@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 600px) {
	
			.splasher {
  width: 230%;
				  position: absolute;
  top: 37%;
  left: 51%;
  transform: translate(-50%, -50%);
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

		.splasher {
  width: 215%;
			  position: absolute;
  top: 35%;
  left: 52%;
  transform: translate(-50%, -50%);
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
			.splasher {
  width: 190%;
  position: absolute;
  top: 35%;
  left: 52%;
  transform: translate(-50%, -50%);
	}
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
	
	.splasher {
  width: 110%;
		  position: absolute;
  top: 35%;
  left: 53%;
  transform: translate(-50%, -50%);
}
	
}

/* Extra large devices (large laptops and desktops,  */
@media only screen and (min-width: 1800px) {
		.splasher {
  width: 95%;
		  position: absolute;
  top: 37%;
  left: 53%;
  transform: translate(-50%, -50%);
}
}

/* Extra SUPER large devices OLED  */
@media only screen and (min-width: 1800px) {
		.splasher { 
  width: 80%;
		  position: absolute;
  top: 43%;
  left: 53%;
  transform: translate(-50%, -50%);
}
}