*{box-sizing: border-box; padding: 0%; top: 0; margin: 0%;font-family: "Heebo", sans-serif;}

.imgHome{
width: 380px;
height: 280px; 
border-radius: 5px;
}
.div_lezione{
margin-left: 10px;
margin-right: 10px;
margin-top: 100px;
text-align: center;
} 
.span_titoli{
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
} 
.h1-corso{
font-size: 35px;
font-weight: bold; 
color:rgb(20, 91, 161);
}
.h2-corso{
font-size: 45px;
color: #0653a7;
text-shadow: 1px 1px 2px rgb(48, 47, 47);
}  
 
.h4-corso{
font-size: 25px;
color:rgb(20, 91, 161); 
text-shadow: 1px 1px 2px rgb(48, 47, 47);
}  
.summary{
margin-bottom: 15px;
text-align: center;
font-size: 20px; 
font-weight: bold;
}

/*.summary:hover{
color: brown;
margin-bottom: 15px;
font-size: 20px; 
font-weight: bold;
}*/
details p{
line-height: 15px;
}

.hr-top{
margin: auto;
margin-bottom: -10px;
margin-top: 20px;
width: 70%;
}



@media  (max-width: 798px){
.imgHome{
width: 300px;
height: 200px; 
border-radius: 5px;
}
.span_titoli{
padding-top: 20px;
}
.span_sottotitoli{
display: block;
max-width: 300px;
margin: auto;
}

.h1-corso{
font-size: 25px; 
color:rgb(20, 91, 161); 
text-shadow: 1px 1px 2px rgb(48, 47, 47);
}

.h4-corso{
font-size: 20px;
color:rgb(20, 91, 161); 
text-shadow: 1px 1px 2px rgb(48, 47, 47);
} 
.h2-corso{
margin-top: -80px;
font-size: 30px; 
font-weight: bold;
color:rgb(20, 91, 161); 
text-shadow: 1px 1px 2px rgb(48, 47, 47);

}
 
.summary{
font-size: 18px;
margin-bottom: 0px;
}
}