body, html{height: 100%;margin:0; padding:0;}

body {color: #666;font: 16px/28px;font-family: 'Source Sans Pro', sans-serif;background: #e2e2e0;}


#logo{position: absolute; z-index: 100;left:0%; top:0%;  color: #fff; text-align: left; background: rgba(0,0,0,0.7); width:220px;;  height:320px; border-radius: 5%; margin:20px 0 0 20px}

#gig{position: absolute; z-index: 100;left:0%; top:47%;  color: #fff; text-align: left; background: rgba(0,0,0,0.7); width:220px;;  height:88px; border-radius: 5%; margin:20px 0 0 20px; content:"CIAO!"}

	h1{font-size: 35px; font-weight: 300;margin: 0px;padding:0}
	
	h2{font-size: 20px; font-weight: 300; margin: 0px;padding:0}  
	
	h3{font-size: 15px; font-weight: 100;margin:0 0 0 0;padding:0}
	
	h4{font-size: 13px; font-weight: 100;margin:0 0 0 0;padding:0}
		
	h5{font-size: 60px; font-weight: 500;margin:0 0 0 0;padding:0}
	
	h6{font-size: 16px; font-weight: 500;margin:0 0 0 0;padding:0; font-style:italic}
	
	p{margin-bottom:30px;font-weight: 300; }

	#link-scroll{border: 3px solid #fff; color:#fff; text-transform: uppercase;padding: 10px 15px;text-decoration: none;}

#fold{position: relative; height:100%;}

#panel{background: #fff; z-index: 100; position:relative; height:300px;opacity:0.9;padding:20px}

a {
    color:white;
    text-decoration: none;
}

a:hover 
{
     color:white; 
     text-decoration:none; 
     cursor:pointer;  
}

video#bgvid { 

	position: fixed; right: 0; bottom: 0;
	
	min-width: 100%; min-height: 100%;
	
	width: auto; height: auto; z-index: -100; 
	
	background: url(home.jpg) no-repeat;
	
	background-size: cover; 
	
	z-index: 0;

}

video { display: block; } 


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

		video#bgvid {display:none;}	
		
		body {background: url(home.jpg) no-repeat center top;background-size: cover; }
		
}

	
content {
    position:absolute;
    top: 45%;
    left: 42%;
    z-index: 999;
    color: #fff;
    background: rgba(0,0,0,0.7);
    padding: 60px;
    width: 485px;
    height: 440px;
    border-radius: 10%;
    margin: -200px 0 0 -200px;
    overflow-y:hidden;
    overflow-x:hidden
}

content h1 {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 0 0 5px 0;
    font-size: 1.7em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

content h1 span {
    font-weight: 200;
}

content p {
    font-family: Cambria, Georgia, serif;
    font-style: italic;
}

header {
    position:absolute;
    top: 21%;
    left: 40%;
    z-index: 999;
    color: #fff;
    background: rgba(0,0,0,0);
    padding: 60px;
    width: 540px;
    height: 100px;
    border-radius: 0%;
    margin: -200px 0 0 -200px;
    overflow-y:hidden;
    overflow-x:hidden
}

header h1 {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 0 0 10px 0;
    font-size: 1.7em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

header h1 span {
    font-weight: 200;
}

header p {
    font-family: Cambria, Georgia, serif;
    font-style: italic;
}

testo {
    position:absolute;
    top: 5%;
    left: 84%;
    z-index: 999;
    color: #fff;
    background: rgba(0,0,0,0.7);
    padding: 20px;
    width: 160px;
    height: 315px;
    border-radius: 5%;
    margin: -10px 0 0 -10px;
    overflow-y:hidden;
    overflow-x:hidden;
    font-size:xx-small;
    text-align:center
}