html, body{ margin: 0; padding: 0; }
body, p, a{font-family: 'Open Sans', sans-serif; font-weight:400; }
body{ background: #1f1010; }

h1{ font-size: 50px; margin: 0; line-height: 100%; font-weight:700; }
h1 strong{ font-size: 90px; }
p{ font-size: 35px; margin: 0; font-weight:300;}
a.buttonred{font-weight:700;}


.clear{ clear: both; }

.fullwidth{ width: 100%; position: relative;}
.panel{ max-width: 980px; position: relative; margin: 0 auto; }
.bgcontainer{ position: fixed; width: 100%; height: 100%; background: url(../img/background_airplane.jpg); background-position: center; background-size: cover; }
.header .left{ float: left; width: 40%; }
.header .right{ float: left; width: 60%; }

.header ul.customlist{ padding-top: 72px; }
ul.customlist{ padding: 0; margin: 0; text-align: right; }
ul.customlist li{ display: inline-block; margin-left: 20px; }
ul.customlist li a{ color: #ffffff; font-size: 12px; text-decoration: none; opacity: 0.3; }
ul.customlist li a:hover{ color: #FFF; opacity: 1; }
ul.customlist li.selected a{ opacity: 1; }

.panel.content{ padding-top:80px; }

.footer ul.customlist{ padding-top: 20px; text-align: center; }
.footer ul.customlist li.first{ margin-left: 0;}

.content{ text-align: center; color: #FFF; }


a.buttonred{ display: block; background: #e30613; height: 54px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; color: #FFF; text-transform: uppercase; line-height: 54px; text-decoration: none; max-width: 450px; margin: 20px auto; }

.bollo { background: url(../img/blu_bollo.png); width: 278px; height: 276px; position: absolute; left: 3%; top: -157px; color: #fff; }
.bollo p{ text-align: center; font-size: 14px; max-width: 160px; margin: 0 auto; padding-top: 87px; }
.bollo p.smaller-padding{padding-top: 77px;}
.bollo p strong{ font-size: 20px; }
.bollo p strong.big{ font-size: 40px; }

.prefooter{ position: absolute; bottom: 67px; }
.prefooter .panel{ text-align: center; margin-bottom: 30px; }
.footer{ position: absolute; bottom: 0; height: 66px; border-top: solid #635858 1px; background-color: #1f1010; }

.mobile{ display: none; }




.header .left img{width:100%; max-width:251px;}
.panel.desktop img{width:100%; max-width:510px;}


@media only all and (max-width:1380px) and (max-height:768px) { 
	/* CSS rules here */
	h1{font-size: 30px; margin: 0; }
	h1 strong{ font-size: 60px; }
	.panel.content{ padding-top: 30px; }
}

@media only all and (max-width:1024px) { 
	.panel{ max-width: 900px; }
	.header .left img{width:100%; max-width:200px;}
	.header ul.customlist{ padding-top: 54px; }
	.panel.content{ padding-top:60px; }
}

@media only all and (max-width:1023px) { 
	/* CSS rules here */
	h1{font-size: 30px; margin: 0; line-height: 110%; }
	h1 strong{ font-size: 60px; line-height: 110%; }
	p{ font-size: 25px; }
	.bgcontainer{ height: 860px; position: absolute; }
	.header .left, .header .right{ width: 100%; }
	.header{ text-align: center; }
	.header ul.customlist{ text-align: center; padding: 20px 0; }
	.header ul.customlist li.first{ margin: 0; }
	.header ul.customlist li a{ font-size: 14px; }
	.panel.content{ padding-top: 0px; }
	.bollo{ top: auto; left: auto; position: relative; margin: 0px auto 0; }
	.prefooter, .footer{ position: relative; bottom: 0; }
	a.buttonred{ font-size: 14px; max-width: 300px; }
	.footer ul.customlist{ padding-bottom: 20px; }
	ul.customlist li a{ opacity: 1; }
	ul.customlist li.selected a{ font-weight: bold; }
	.prefooter .panel{  margin-top: 240px; }
	.content h1{ padding: 0 20px }
	
	.desktop{ display: none; }
	.mobile{ display: block; }
	
	.header .left img{width:100%; max-width:200px;}
	.panel.mobile img{width:100%; max-width:249px;}
}