#slideshow {
	cursor: pointer;
	overflow: hidden;
	margin:0 auto; /* modifica queste misure per spostare lo slideshow nella pagina(al posto di auto che centra la foto, metti un numero seguito da px) */
	position: relative;
	width: 100%;
	height: 90%;/* qui modifichi l'altezza del quadrato contenente le foto */

	background-size: cover;

}

#slideshow img {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

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

	.col-8{
		width: 90%;
		height: 500px;
	}

}

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

	.col-8{
		width: 90%;
		height: 400px;
	}

}

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

	.col-8{
		width: 90%;
		height: 300px;
	}

}

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

	.col-8{
		width: 90%;
		height: 250px;
	}

}

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

	.col-8{
		width: 90%;
		height: 200px;
	}

}

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

	.col-8{
		width: 90%;
		height: 200px;
	}

}

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

	.col-8{
		width: 90%;
		height: 150px;
	}

}

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

	.col-8{
		width: 90%;
		height: 150px;
	}

}

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

	.col-8{
		width: 90%;
		height: 150px;
	}

}

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

	.col-8{
		width: 90%;
		height: 100px;
	}

}