#bgImage{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	z-index: -1;
}

.imgEffect{
	background-color: black;
	opacity: 70%;
	width: 100%;
	height: 100%;
	position: absolute;
}

.imgProducts{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

#arrow{
     position: fixed;
     z-index: 10;
     width: 4rem;
     right: 4rem;
     bottom: 4rem;
     -webkit-filter: contrast(1.6) invert(0%);
     cursor: pointer;
     -webkit-transition-property: -webkit-filter width;
     -webkit-transition-duration: 0.4s;
}

#arrow:hover{
    -webkit-filter: contrast(1.6) invert(20%);
}

#arrow:active {
	width: 3rem;
}

#logo {
	width: 20rem;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-image: url("../imgs/vinicargo-logo.png");
}

@media (any-pointer: coarse) {
	#arrow {
		bottom: 5rem;
	}
	#logo {
		width: 10rem;
		background-image: url("../favicon.ico");
		background-size: 8rem;
		background-repeat: no-repeat;
	}
}