a {
text-decoration: none;
color:#FFFFFF;
}

h1 {
color:#38393a;
margin:20px 20px 0 20px;
font-size:1.2em;
}


h2 {
text-align: center;
color:#38393a;
font-size:1.2em;
margin:20px 20px 0 20px;

}

#invol {
background-color:#FFFFFF;
width: 74%;
margin: 6px auto;
font-family: arial, Verdana, "sans-serif";
color:#565656;
//line-height: 1.8em;/*spaziatura fra righe*/
border:solid 1px #FFFFFF;
}

@media (max-width: 800px) { 
#invol {
width: 100%;
}
}



#flexbox {
margin: 20px auto;
display:flex;
justify-content: space-around;
flex-flow: row wrap;
width: 95%;

}

p {
line-height: 1.5em;/*spaziatura fra righe*/
margin:10px;
text-align:justify;

}


#item {
padding:15px;
background-color:#FDFDFD;
margin:10px;
width: 40%;
border-radius: 10px;
border:solid 1px #E8E8E8;
}

#item img {
width: 90%;
display:block;
margin:0px auto;
border-radius: 8px;
}





.tasto{
background: linear-gradient(to bottom right, #7EA5E6, #336BCC);
margin:5px auto;
text-shadow: 3px 3px #7c7573;
border-radius: 10px;
width: 90%;
cursor: pointer;
font-weight: bold;
padding:0.01px;
}

.tasto a {
color:#FFFFFF;
}

.tasto  p {
text-align:center;
}




@media (max-width: 1750px) { 
#item {
font-size:0.8em;

}
}



@media (max-width: 800px) { 
#item  {
width: 40%;

}
}



@media (max-width: 400px) { 
#item {
width: 100%;

}
}