body {font-family:'Lato','Helvetica Neue',Arial,sans-serif;font-size:95%;font-weight:300;background: #f2f2f2;color: #454545;}

/* font */
h1,h2,h3,h4,h5,h6,p,span,blockquote,ul,ol,li,small,em,pre {color:#262626}
h1,h2,h3 {word-wrap:break-word;}
h2 {font-size:175%;text-align:center;text-transform:uppercase;letter-spacing:1px;padding:2.5%;}
h3 {font-size:125%;text-align:center;text-transform:uppercase;}
p {width:100%;margin:0 auto;font-size:132%;line-height:1.65em;}
a {text-decoration:none;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s;color:#1ABC9C;}
a:hover, a:focus {opacity:0.7;}

.bold{font-weight:400;}
.justify{text-align:justify;}

.link a{color:#fff;}
.box3 p {font-size:127%;font-weight:300;line-height: 1.75em;text-align:left;}
address {margin-top:0.75em;font-size:225%;text-align:center;line-height:1.5em;color:#1ABC9C;}
footer p {width:100%;line-height:1.75em;font-size:95%;font-weight:300;color:#262626;}

/* logo + link */
header{
	position:absolute;
	top: 0;
	left:1.2%;
	width:10%;
	height:34%;
	min-width:85px;
	min-height:100px;
	opacity:0.7;
	z-index: 1;
}
header:hover{
	opacity: 0.9;
	-webkit-transition: opacity 0.9s;
}
.logo{
	display: inline-block;
	text-align: center;
	margin:0;
	width:100%;
	height:100%;
	z-index: 1;
	color: #fff;
	background: url("https://www.hellolaquila.it/img/hello.png") no-repeat;
	background-size: 80% auto;
	background-position: 50% 80%;
	background-color: #1ABC9C;
}
.link{padding:6% 0 6% 0;line-height:1em;text-align:center;background-color:#1ABC9C; color:#fff;}

/* sezioni */
.sezione{padding: 7% 0;}
.sezione.prima{padding:15% 0 5% 0;}
.sezione.ultima{padding: 8% 0 0 0;}

/* adatta le dimensioni del player */
.video-wrapper{
	position: relative;	
	  background:url("https://www.hellolaquila.it/img/browser.png") no-repeat;
	  background-size: 100% auto;
	  top: 0; left: 0; right: 0; bottom: 0;
	  padding-bottom: 56.25%; /* 16:9 */
}
.video-wrapper .no-cookies {
	  position: absolute;
	  background:url("https://www.hellolaquila.it/img/yt.png") no-repeat;
	  background-size: 100% auto;
	  height:100%;
	  top: 0; left: 0; right: 0; bottom: 0;
	margin-top:5.4%;
}
.text-cookies{
	padding:9%;
}
/*.text-cookies p {width:100%;line-height:2.7vw;font-size:2.7vw;font-weight:300;}*/
.video-wrapper iframe {
	  position: absolute;
	  padding-top:5.4%;
}

/* icon e testo */
.icon {display:block;height:128px;width:128px;margin:0 auto;}
.box3 {position:relative;margin-top:1.75em;padding-top:1.75em;border-top:1px solid #C0C0C0;}

/* footer */
footer {position:relative;padding:2.75em 0 2.25em;border-top:1px solid #E6E6E6;text-align:center;}
.social{padding-bottom:1%;
		font-size: 64px;
}

/* adatta le dimensioni del plugin di facebook */
.pluginFacebook{width:100%; /*margin: 100px auto; */}
#fb-root{display:none;}
.fb-like-box{margin:0} 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width: 100% !important;}

/*button no-cookie */
button {
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 110%;
	margin-bottom: 0;
	margin-top: 2%;
	padding: 2% 6%;
	text-transform: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	width: auto;
	background: none repeat scroll 0 0 #46b98a;
  }  
button:hover {
	background: none repeat scroll 0 0 #31a875;
}

/* adatta le dimensioni del logo e del testo no-cookie in base alle dimensioni del display */
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	header{max-height:230px;}
	.text-cookies p {width:100%;line-height:140%;font-size:130%;font-weight:300;}
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	header{max-height:170px;}
	.text-cookies p {width:100%;line-height:125%;font-size:115%;font-weight:300;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	header{max-height:160px;}
	.text-cookies p {width:100%;line-height:110%;font-size:100%;font-weight:300;}
}
@media only screen and (max-width: 480px) {
	header{max-height:140px;}
	.text-cookies p {width:100%;line-height:100%;font-size:90%;font-weight:300;}
}