@charset "utf-8";
/* CSS Document */

@media (min-width: 1581px) and (max-width: 1660px)  {
	#bandablu2 {display:none}
	.area4 {width:35%}
}

@media (min-width: 1491px) and (max-width: 1580px)  {
	#bandablu2 {display:none}
	.area4 {width:32%}
}

@media (min-width: 1401px) and (max-width: 1490px)  {
	#bandablu2 {display:none}
	.area4 {width:26%}
}

@media (min-width: 1291px) and (max-width: 1400px)  {
	#bandablu2 {display:none}
	.area4 {width:21%}
}

@media (min-width: 1252px) and (max-width: 1290px)  {
	#bandablu2 {display:none}
	.area4 {width:16%}
}

@media (max-width: 1251px)  {
	#bandablu2 {display:none}
	.area4 {width:65px}
}

/* All except large Screens */
@media (min-width: 1221px)  {
	#bandablu2 {display:none}
}

@media (max-width: 1220px) {
	.area5 {width:220px; top:40px}
	.area6 {width:145px; top:40px}
	.area4 {width:65px}
	#bandablu2 {display:none}
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
	#bandablu { bottom:5px}
	.area5 {background-color: #84878b; float: left;  position: relative; top: 48px; width: 320px; border:none}
	.area4 {display:none}
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.container > header {height:350px}
	.area6 {background-color: #84878B; float: left; margin: 8px auto; padding: 0 0 15px 8px; position: relative; width: 220px;}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {
	.area6 {top: 40px; border:none}
}


/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
	.independent {display:none}	
	#bandablu { display:none}
	#bandablu2 {display: block; position: relative; top:15px}	
	.container > header { bottom: auto; height: 100px; padding: 5px; position: relative; margin-top:5px; text-align:center}
	.area1, .area2, .area3, .area5, .area6, .area7 {background-color: #84878b; float: none; position: relative;  width: 220px; margin:0 auto; padding:0 0 5px 8px;}
	.area1 {border:none}
	.area2, .area3, .area5, .area6, .area7 {border-left:none; border-top:1px solid white}
	.area4 {display:none}
	.area5 {top:40px}
	.spazia {top:40px;height:40px; position:relative; background:none}
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {
	.container > header { bottom: auto; height: 100px; padding: 5px; position: relative; margin-top:5px; text-align:center}
	.independent {display:none}	
	.area1, .area2, .area3, .area5, .area6, .area7, .spazia {background-color: #84878b; float: none;position: relative; width: 220px; margin:0 auto; padding:0 0 5px 8px;}
	.area1 {border:none}
	.area2, .area3, .area5, .area7 {border-top:1px solid white; border-left:none}
	.area4 {display:none}
	.area5 {top:40px}
	.area6 {top:40px;border-top:1px solid white; border-left:none }
	.spazia {top:40px;height:40px; position:relative; background:none}
	#bandablu { display:none}
	#bandablu2 {display: block; position: relative; top:15px}
}