html,body {
	margin:0;font-size:4vw;
	font-family: "Inter", sans-serif;
	background: #f1f1f1;
}
header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

a.linea{color: white;text-decoration: underline;}
a.linea:hover{color: #666666;text-decoration: underline;}

.btn-container{width:100%;display: flex}
.btn{
	background: none;
	color: white;
	border: 2px solid white;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	padding: .2rem .3rem;
	line-height: 1.7rem;
	height: 1.7rem;
	flex: 0 0 auto;
	text-decoration: none;
}
.btn:hover{text-decoration: underline;background: #3A3A3A;}

.masthead{background: black;padding:.5rem;;display: flex;justify-content: space-between;}
.masthead .logo-miami{flex:0 0 15%}
.masthead .logo-miami img{width: auto;}
.masthead .btn-container{flex:0 0 73%;justify-content: space-between;}

#menu,#manifesto{display:none;position: relative;top: 0;width:100%;height: 100%;text-align: right;}
#menu ul{list-style-type: none;margin: 0;padding: .5rem;}
#menu li{margin-top:.5rem;}
#menu .btn{
	background: white;border:3px solid black;color:black;
	width: auto;
	display: inline-block;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
  	text-decoration: none;
  	font-size:2.5rem;
  	font-weight: normal;
}
#menu .btn:hover{background: black;color:white;}
#manifesto{
	text-transform: uppercase;
	font-size: 2.25rem;
	text-align: left;
	padding: .5rem;
	width: auto;
}
#manifesto span{line-height: 1.35em;background: white;}
.menu-open{filter:blur(5px);pointer-events: none;}

#container{
	margin:0;width:100%;
	padding-top: 4rem;
	transition:filter .4s ease-in-out;
	min-height: 85vh;
}
.element{
	border: 2px solid black;
	margin: 1rem .3rem;
	margin-top:0;
	padding: .4rem .4rem .3rem .4rem;
	background: white;
	width: auto;
	transition: padding .2s ease-in-out;
}
.element.nopad{padding:0}
.heading{
	margin:.3rem;
	margin-bottom:0;
	background: black;
	text-transform: uppercase;
	color:white;
	padding: .2rem .3rem;
	font-size: 1.2rem;
}

.banner{display: flex;flex-wrap: wrap;text-transform: uppercase;}
.banner .riga{flex:0 0 100%;display: flex;}
.banner .riga:first-child{border-bottom:2px solid black;margin-bottom: .2rem}
.banner .riga p{flex:0 0 50%;margin:0;}
.banner .riga p.destra{text-align: right;}
.banner .riga p.date{font-size: .7rem}
.banner .riga .titolo{font-size: 1.4rem;line-height: 2rem;}

.locandina img, .home .grazie img{width: 100%;}{width: 100%;}
.element.grazie .didascalia{top: 3.5rem;left: .8rem;font-size: 1.3rem;}

.lineup{display:flex;flex-direction:column;}
.lineup img{width: 100%;margin-bottom: .5rem;}

.grazie-a,.partner .element{display: flex;flex-wrap: wrap;padding: 0;border:1px solid black;}

.partner{display: flex;flex-wrap: wrap;}
.partner .media,.partner .tech{flex: 0 0 97%;margin: auto;}
.partner .element{margin: 0;margin-bottom:1rem}
.partner .heading{margin: 0;}

.logo{
	border:1px solid black;
	flex: 1 1 32%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7rem;
}
.logo img{width: 80%}
.logo.minore img{width: 40%}
.partner .logo{flex: 1 1 49%;height: 5rem;}
.tech .element,.tech .logo:first-child{border-left: none!important}


footer{
	background: black;
	transition:filter .1s ease-in-out;
	width:100%;margin-top:auto;
}
.submenu{padding: .5rem;font-size: .8rem;color: white;font-weight: bold;display: flex;}
.submenu a,.submenu span{margin-right: .7rem}
.submenu a.linea{text-decoration: none;font-weight: bold;}
.submenu a.show-info{margin:auto;margin-right: 0;}
.info{
	display: flex;
	flex-direction: column;
	color: white;
	padding-top: 2rem;
	border-top: 1px solid white;
	transition: display 1s ease-in-out;
}
.info.nascondi{display: none;}
.info .info-block{width:95%;text-align: left;margin: auto;margin-bottom: 1rem;display: flex;flex-direction: column;}
.info .info-block .settore{text-transform: uppercase;font-size: .85rem;margin-bottom: 1rem}
.info .info-block .nomi{display: flex;flex-wrap: wrap;justify-content: space-between;}
.info .info-block .nomi p{flex: 0 0 49.5%;font-size: .85rem;margin:0}


.chisiamo .intestazione{
	font-size: 1.5rem;
	border-bottom:1px solid black;
	margin: 0;
	padding-bottom: 1rem;
}
.chisiamo .testo{width: 68%}


.cosadicono-slide{
	height: 23rem!important;
	background-size: 45rem!important;
	background-position-y: -6rem!important;
	background-position-x: -13rem !important;
	text-align: center;
	color: white;
	text-transform: uppercase;
	display: grid;
	place-items: center;
}
.cosadicono-slide:before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	content:'';
	background:black;
	opacity:.15;
	z-index: 1;
}
.cosadicono-slide span{width: 85%;z-index:9}

.swiper-pagination-bullet {opacity: .6!important;background: rgba(0, 0, 0, 0.2);}
.swiper-pagination-bullet-active{background: white!important;opacity: 1!important}

.grazie a{width: 100%;display: flex;}

.evidenza-slide,.edizione-slide{padding: .3rem .2rem 0rem .2rem;border-left: 2px solid black;}
.evidenza-slide img, .edizione-slide img{width: 100%;object-fit: cover;}

.didascalia{
	background-color: white;
	color: black;
	margin-left: .2rem;
	position: absolute;
	top: .8rem;
	left: .5rem;
	z-index: 99;
}


/******************************/
/* DESKTOP O IPAD ORIZZONTALE */
/******************************/
@media only screen and (min-width: 1024px) {

	html,body {font-size:1.8vw;}
	.masthead{padding:.2rem}
	.masthead .logo-miami{flex:0 0 5%}
	.masthead .btn-container{flex:0 0 24%;}
	.btn{padding: 0.2rem .5rem;line-height: .9rem;height: .9rem;font-size: .6rem;cursor:pointer;}
	.btn-container{padding-top: .2rem;}

	#container{padding-top: 2.7rem;}
	.banner .riga .titolo{font-size: 2.3rem;line-height: 2rem;}
	.lineup{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
	.lineup img{flex: 0 0 33%;width:33%;margin-bottom: 0;}
	.grazie-a .sponsor{flex:0 0 33.185%;}
	.grazie-a .sponsor img{width: 70%}
	.grazie-a .sponsor.minore img{width: 40%}
	.partner .media{flex:0 0 66.5%;margin: 0;}
	.partner .tech{flex:0 0 33.5%;margin: 0;}
	.partner .media .element,.partner .media .heading{margin-left: .3rem;border-right:1px solid black;}
	.partner .tech .element,.partner .tech .heading{margin-right: .3rem;border-left:1px solid black;}

	.info{flex-direction: row;flex-wrap: wrap;width: 98%;margin: auto;}
	.info .info-block{flex:0 0 25%;margin: 0;margin-bottom: 1rem}
	.info .info-block .settore{font-size: .65rem;margin-bottom: .5rem}
	.info .info-block .nomi{margin-bottom: 1rem}
	.info .info-block .nomi p{font-size: .65rem;}

	.cosadicono-slide{
		background-size: cover!important;
		background-position-x: 0rem !important;
	}
}