#mod6 {
	display: none;
	position: fixed;
	top: 0px;
	margin: 0px auto 0px auto;
	width: 100%;
	height: 100vh;

	font-size: 0.8rem;
	font-weight: 600;
	text-align: center;

	z-index: 1;
	background-color: rgba(0,0,0,0.9);
}

#mod6 article {
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	column-gap: 2%;

	position: relative;
	margin: 0px auto;
	width: 100%;
	max-width: 1080px;
	height: 100vh;
}

#mod6 article div:nth-child(1) {
	grid-column: 1 / 21;

	position: relative;
	margin: auto;
	height: 100%;
}

#mod6 article div:nth-child(1) div { /*Div to drag*/
	position: absolute;
	top: 0px;
	height: 100%;
}

#mod6 article div:nth-child(1) img {
	margin: auto;
	height: 100vh;
	max-height: 100%;
}

/*Info*/
#mod6 article div:nth-child(2) {
	grid-column: 2 / 4;

	position: absolute;
	left: 0px;
	top: 7vh;
	width: 100%;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}

/*Fechar*/
#mod6 article div:nth-child(3) {
	grid-column: 18 / 20;

	position: absolute;
	right:  0px;
	top:  7vh;
	width: 100%;
	color:  #ffffff;
	text-align: right;
	cursor: pointer;
}

/*Anterior*/
#mod6 article div:nth-child(4) {
	grid-column: 2 / 7;

	position: absolute;
	left: 0px;
	bottom: 7vh;
	padding: 2.5vh 0%;
	width: 100%;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 100px;
	background-color: #000000;
	cursor: pointer;
}

#mod6 article div:nth-child(4):hover {
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
	transition: all 0.25s;
}

/*Próximo*/
#mod6 article div:nth-child(5) {
	grid-column: 15 / 20;

	position: absolute;
	right: 0px;
	bottom: 7vh;
	padding: 2.5vh 0%;
	width: 100%;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 100px;
	background-color: #000000;
	cursor: pointer;
}

#mod6 article div:nth-child(5):hover {
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
	transition: all 0.25s;
}

/*Informações*/
#mod6 article div:nth-child(6) {
	display: none;
	grid-column: 2 / 10;

	position: absolute;
	left: 0px;
	top: 14vh;
	padding: 5% 10%;
	width: 80%;
	color: #000000;
	font-weight: 400;
	text-align: left;
	border: 1px solid #000000;
	border-radius: 0px 20px 20px 20px;
	background-color: #ffffff;
}

@media screen and (max-width: 600px) {

	#mod6 article div:nth-child(1) {
		margin: auto;
		height: auto;
	}

	#mod6 article div:nth-child(1) img {
		margin: auto;
		height: auto;
		max-height: 100%;
		width: 100%;
		max-width: 100%;
	}

	/*Info*/
	#mod6 article div:nth-child(2) {
		grid-column: 3 / 6;

		position: absolute;
		left: 0px;
		top: 7vh;
		width: 100%;
		color: #ffffff;
		text-align: left;
		cursor: pointer;
	}

	/*Fechar*/
	#mod6 article div:nth-child(3) {
		grid-column: 16 / 19;

		position: absolute;
		right:  0px;
		top:  7vh;
		width: 100%;
		color:  #ffffff;
		text-align: right;
		cursor: pointer;
	}

	/*Anterior*/
	#mod6 article div:nth-child(4) {
		grid-column: 3 / 9;
	}

	/*Próximo*/
	#mod6 article div:nth-child(5) {
		grid-column: 13 / 19;
	}

	/*Informações*/
	#mod6 article div:nth-child(6) {
		display: none;
		grid-column: 2 / 10;

		position: absolute;
		left: 0px;
		top: 14vh;
		padding: 5% 10%;
		width: 80%;
		color: #000000;
		font-weight: 400;
		text-align: left;
		border: 1px solid #000000;
		border-radius: 0px 20px 20px 20px;
		background-color: #ffffff;
	}

}

@media screen and (max-width: 400px) {

}