/******************************* GENERAL *********/

html body {
	font-family: Lato, Arial, Helvetica, sans-serif;
	

}

a {
	text-decoration: none;	
}

ul {
	list-style: none;
	margin: 0;
}

main {
padding-top: 180px;

}

/******************************* HEADER *********/

header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;	
	background-color: #c3243c;
}

nav {
	display: flex;
	justify-content: center;
}

.navigatore {
	padding: 30px 0px;
	width: 90%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;

}
nav div {
	font-size: 20px;
	color: #fff;
	margin: 0px;
	padding: 0px 25px;

}

nav a {
	color: #fff;
}
nav img {
	width: 280px;
}


/***** pagina EDIZIONI PRECEDENTI *****/

#edi-prece {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0px;
	position: relative;

}
#titolo_prece {
	padding-bottom: 50px;
}
#edi-prece h1 {
	padding: 0 0 10px 0px;
	font-size: 52px;
	text-align: center;
}

.intro-edizione {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 10px;
}

.elenco-edizioni {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	
	margin: 30px 0px 120px 0px;
}
.elenco-edizioni a {
	color: #fff;
	text-align: center;
	
}
.elenco-edizioni p {
	color: #fff;
	text-align: center;
	font-size: 28px;
}
.Prima {
	padding: 35px;
	background-color: #c3243c;
}
.Seconda {
	padding: 35px;
	background-color: #c3243c;
}
.Terza {
	padding: 35px;
	background-color: #c3243c;
}
.Quarta {
	padding: 35px;
	background-color: #c3243c;
}
.Quinta {
	padding: 35px;
	background-color: #c3243c;
}

#messaggio h3 {
	text-align: center;
	color: #e28a0c;
}

#scuole {
	background-color: #f0f0f0;
	padding: 60px 0px 60px 0px;
}
.blocco-scuole {
	width: 80%;
	margin: 0 auto;
}


/***** ALFIERI 17 dicembre 2021 *****/


.prima {
	padding: 60px 0px;
}
#prima-titolo {
	text-align: center;
}
#prima-titolo h2 {
	font-size: 36px;
	
}

.locandina img {
	width: 70%;
	padding-top: 20px;
}
.locandina {
	text-align: center;
}

.alfieri-video {
	padding: 30px 0px;
	text-align: center;
}
.alfieri-lista-video ul {
	padding: 0;
}
.alfieri-lista-video a {
	text-decoration: none;
	color: #c3243c;
	font-weight: bold;
}

/* GALLERIA FOTO "Incontro con i ragazzi"
Create three equal columns that sits next to each other */

.dicembre21 h2 {
	font-size: 34px;
	text-align: center;
	padding: 6px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column {
  flex: 30%;
  width: 33%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}


.zoom-1712 {
	padding-top: 20px;
	margin: auto;
	text-align: center;
}
.zoom-1712 img{
	width: 100%;
}

.lavoro-ragazzi-Alfieri22 {
	margin-top: 120px;
}
.lavoro-ragazzi-Alfieri22 p {
	font-size: 24px;
	width: 70%;
	text-align: center;
	line-height: 36px;
	margin: auto;
	margin-bottom: 50px;
}

/****** PABLO NERUDA Gennaio 2022 ******/

.neruda {
	padding: 100px 0px;
	text-align: center;
}
#neruda-titolo {
	text-align: center;
}
#neruda-titolo h2 {
	font-size: 36px;
	margin-bottom: 50px;
}
.neruda-video {
	padding: 30px 0px;
	text-align: center;
}
.neruda-video-titolo h3 {
	font-size: 28px;
}
.neruda-lista-video {
	margin-top: 40px;
}
.neruda-lista-video ul {
	padding: 0;
	margin-bottom: 100px;
	text-decoration: none;
	color: #c3243c;
	font-weight: bold;
}
.gennaio22 {
	padding-top: 10px;
	margin: auto;
	text-align: center;
}
.gennaio22 img{
	width: 100%;
}
.gennaio22 h2 {
	font-size: 34px;
	text-align: center;
	padding: 6px;
	
}
.gennaio-giugno {
	margin: 60px 0px 50px 0px;
	width: 60%;
	margin-left: 25%;
	margin-right: 25% ;
}

/****** PABLO NERUDA Giugno 2022 ******/

.giugno22 {
	padding-top: 30px;
	margin: auto;
	text-align: center;
}

.video-intro {
	margin: auto;
	margin-top: 50px;
	width: 100%;
}
.video-apertura-neruda {
	width: 100%;
	margin: auto;
}
.foto-dicembre22 {
	width: 100%;
}
.video-7giugno {
	height: 420px;
	margin-bottom: 2%;
}
.video-apertura-neruda iframe {
	width: auto;
	height: auto;
	border-width: 0px;
}

.neruda-giugno-titolo {
	margin-top: 30px;
}
.neruda-giugno-titolo h3 {
	font-size: 28px;
}


/****** DANTE ALIGHIERI Febbraio 2022 ******/

.alighieri {
	padding: 100px 0px;
}
#alighieri-titolo {
	text-align: center;
}
#alighieri-titolo h2 {
	font-size: 36px;
}
.alighieri-video {
	padding: 30px 0px;
	text-align: center;
}
.alighieri-video-titolo h3 {
	font-size: 28px;
}
.alighieri-lista-video {
	margin-top: 40px;
}
.alighieri-lista-video ul {
	padding: 0;
	text-decoration: none;
	color: #c3243c;
	font-weight: bold;
}
 

/******************************* CONTATTI *********/

#bottom {
	background-color: #f0f0f0;
	padding: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	
}

#info {
	margin: 0 auto;
}

#info ul {
	line-height: 24px;
	padding: 0px;

}

#info a {
	color: #000;
}
#social {
	display: flex;
	flex-direction: row;
	justify-content: center;

}
#social img {
	padding: 15px 7px;
}

/********* ringraziamenti ***********/

footer {
	background-color: #808080;
	width: 100%;
	padding: 5px 0px;
}

#ringraziamenti {
	
	color: #737070;
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

#lista {
	color: #f0f0f0;
	max-width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

#lista h3 {
	flex-grow: 1 1 30%;
}

.riga1 {
	width: 35%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.riga2 {
	width: 35%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

div.thx1 img {
	width: 80px;
}
div.thx2 img {
	width: 120px;
}
div.thx3 img {
	width: 140px;
}
div.thx4 img {
	width: 150px;
}

/******************************* MEDIA Q *********/


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

	.home {
		order: 1;
		
	}
	.dicono {
		order: 2;
		padding: 10px 0px;
	}
	.edizione {
		order: 3;
		padding-top: 10px
	}

	nav .navigatore {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0 auto;



	nav img {
		padding: 10px;
	}

	main {
		padding-top: 300px;

	}

	.video-apertura {
	width: 85%;
	height: 160px;
	margin: auto;
	}

		}

	.elenco-scuole {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}
.Alfieri {
	margin-bottom: 10px;
}
.Neruda {
	margin-bottom: 10px;
}
.Alighieri {
	margin-bottom: 10px;
}

	.locandina img {
		width: 100%;
	}
	.column {
    flex: 98%;
    width: 98%;
  }

.elenco-edizioni {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.Prima {
	margin-bottom: 10px;
}
.Seconda {
	margin-bottom: 10px;
}
.Terza {
	margin-bottom: 10px;
}
.Quarta {
	margin-bottom: 10px;
}
.Quinta {
	margin-bottom: 10px;

	.rass_stampa {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	}
	.rass_stampa .rassS {
		padding-bottom: 12px;
	}
	.rassegna_maggio21 img {
		width: 100%;
	}

	.disegni {
	display: flex;
	flex-direction: column;
	}
	.lavoro_ragazzi br {
	display: inherit;
	}
	.lavoro_ragazzi h3 {
		text-align: center;

	}
	.disegni .dis_ovidio_21 {
	text-align: center;
}

	#footer {
	width: 100%;
	}
	#lista {
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0px;
	flex-direction: column;
	}
	.riga1 {
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		width: 70%;
	}
	.riga2 {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 75%;
		padding: 10px 0;
	}
	div.thx1 img {
	width: 55px;
	}
	div.thx2 img {
		width: 78px;
	}
	div.thx3 img {
		width: 85px;
	}
	div.thx4 img {
		width: 95px;
	}

	/** EDIZIONE 2022 **/

	.intro-edizione {
		text-align: justify;
	}
	#edi-2021 {
		width: 100%;
	}
	.blocco-scuole {
		width: 85%;
		padding: 0 10px;
	}

  .video-apertura-neruda video {
	margin: 0;
	margin-top: 0px;
	width: 100%;
	height: 100%;
}

}

	

@media screen and (min-width: 755px) and (max-width: 1350px){

	
.Alfieri {
	margin-right: 10px;
}
.Neruda {
	margin-right: 10px;
}
.Alighieri {
	
}

	#titolo_prece h1 br {
	display: none;
	}
	#alfieri-titolo h2 br {
	display: none;
	}
	#neruda-titolo h2 br {
	display: none;
	}
	#alighieri-titolo h2 br {
	display: none;
	}

	.video-apertura {
	width: 85%;
	height: 50px;
	margin: auto;
	}
	
		.column {
    flex: 48%;
    max-width: 98%;
  }

}

@media screen and (min-width: 1351px){

	edi-2021 {
		max-width: 70%;
	}

	.video-apertura {
	width: 85%;
	height: 60px;
	margin: auto;
	}
	
	#titolo_2022 h1 br {
	display: none;
	}
	#alfieri-titolo h2 br {
	display: none;
	}
	#neruda-titolo h2 br {
	display: none;
	}
	#alighieri-titolo h2 br {
	display: none;
	}
	.disegni .dis_ovidio_21 {
	flex: 0 1 33,333%;
	padding-bottom: 5px;
	}
	
}
@media screen and (min-width: 1901px){

	#titolo_prece h1 br {
	display: none;
	}
	#alfieri-titolo h2 br {
	display: none;
	}
	#neruda-titolo h2 br {
	display: none;
	}
	#alighieri-titolo h2 br {
	display: none;
	}

}