*{
	margin: 0;
	padding: 0;
}

body{
	background: #fff;
	overflow: hidden;
}

.imagePrincipal{
	width: 100%;
	text-align: center;
}
	.imagePrincipal img{
		margin: 0 auto;
		max-width: 100%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}


/* control images */
.img-mobile{
	display: none;
}

/* media querys */
@media screen and (max-width: 1000px){
	.imagePrincipal img{
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0);
	}

	.img-mobile{
		display: block;
	}
		.img-mobile img, .imagePrincipal img{
			max-width: 100%;
		}
	.img-pc{
		display: none;
	}
		.img-pc img{
			max-width: 100%;
		}
}