body
{width: 100%; 
height:auto;
margin: 0px; 
font-family:'Titillium Web', sans-serif;
color:	 #4d4d4d
}

.w3-content img{border-style: solid; border-color: #00cccc;border-width: .1}


*a {text-decoration:underline}
*a :hover {color:#00cccc}
.tuttivideo{
border:solid;
border-color:#00cccc;
border-width:.1;
height:30%
}

.cont {font-family:'Titillium Web', sans-serif; margin-bottom: 50px }
.micro a:hover{ background-color: #00cccc}  

.footer {color:white;
    text-align: center;
    width:100%; 
    background-color: #00cccc; 
    position: relative;
    bottom:0px;
    padding:1%;
    font-size:16px }
.footer p {line-height: 2.2}

#titulo{text-align: center;line-height: 130%}
#titulo img {padding: 1.5%}

.nav {display: none}

.infos { font-size:16px; width: 100%; text-align: center; color:#00cccc} .infos  img{ width:60%}
#filetto{border-style:solid; border-color:#00cccc;width:100%; display: inline-block; border-width:1px }


.testo
{width: 100%;padding:1%; font-size: 19px;
letter-spacing: 1.8pt; display: block
} 

h1 
{ font-size: 23px;
font-weight: 900; 
letter-spacing: 1.8pt; 
padding: 1%;
font-family:'Titillium Web', sans-serif;    
color:#00cccc}
h1 a{color:#4d4d4d}
h1 a:hover{color:#00cccc}
h4 {font-family:'Titillium Web', sans-serif }
.intro p
{ 
padding:1%;
padding-top:0px;
font-size: 14px;
width: 100%;
letter-spacing:.9pt
}


.bottone {font-size:18px !important; color:#4d4d4d}
.bottone2 {font-size:10px !important; color:#4d4d4d;width: auto; display: none}
.bottone3 {font-size:10px !important; color:#4d4d4d;width: auto; display: inline-block}


.inter { width: 70%; margin-left: 15%}
.intro { width: 70%; margin-left: 15%}
.nav2 {position:fixed;top:9px;right:1px; font-size: 38px; color: #00cccc}


.micro
{ 
    padding: 5%;
    width:100%;
    display: inline-block
    
}

/*-------------------------------------------------------------------
------------------------------------------------------------
-------------------------MEDIA QUERIES-----------------------------------
------------------------------------------------------------
------------------------------------------------------------
*/
@media only screen and (min-width: 481px) 
{
.tuttivideo{
height:50%

}    
    
.micro a:hover{ background-color: #00cccc}    
.nav {display: inline-block; position:fixed;top:35px;right:50px; font-size: 30px; color: #00cccc}
.nav2 {display: none}
.nav3 {display: inline-block; position:fixed;bottom:35px;right:50px; font-size: 30px; color: #4d4d4d;z-index: 100}
.nav4 {display: none}
.infos { font-size:25px; width: 100%; text-align: center;z-index:999}
.infos  img{ width:30%;z-index:999}
.micro{ padding: 3%;width:48%;display: inline-block}
.intro p {font-size: 16px}
.bottone {font-size:21px !important; color:#4d4d4d}
.bottone2 {font-size:14px !important; color:#4d4d4d; display: none}
 .bottone3 {font-size:14px !important; color:#4d4d4d; display: inline-block} 
.inter { width: 70%; margin-left: 15%}
video { 
margin-top:10%}
}
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) 
{  
#fin {
margin-right: 60%
}   
#last {
margin-right: 30%
} 
.tuttivideo{
height:50%;
}    

.micro a{opacity: .7;}  
.micro a:hover{opacity: 1; background-color: #00cccc}      

#bigspace {display: none}
.nav {display: inline-block; position:fixed;top:35px;right:50px; font-size: 30px; color: #00cccc}
.nav3 {display: inline-block; position:fixed;bottom:35px;right:50px; font-size: 30px; color: #4d4d4d;z-index: 100}
.infos { font-size:25px; width: 100%; text-align: center}
.infos  img{ width:25%}

.micro {text-align: center; padding:3%; width:30%; display: inline-block} 
.micro a{opacity: .7;}  
.micro a:hover{opacity: 1; background-color: #00cccc}    
    
h1 
{font-size: 35px;
font-weight: 900; 
letter-spacing: 1.8pt; 
padding: 1%;
text-align: center;
font-family:'Titillium Web', sans-serif;    
color:#00cccc}  
   
.intro p
{padding:1%; padding-top: 0px;font-size: 16px;
width: 49%;
display: block; float: left
} 

.bottone{font-size:25px !important; color:	#4d4d4d}
.bottone2{font-size:21px !important; color:	#4d4d4d;display: inline-block}
.bottone3{display: none !important}

.inter { width: 70%; margin-left: 15%}
.testo
{padding:1%; padding-top: 0px;font-size: 16px;
width: 49%;
display: block; float: left; letter-spacing: 1.8pt
} 

}