html,body,h1,h2,h3,h4,h5,h6 {font-family:Carlito; }
body { background-color:  white;  }
    h1{   font-size: 2.8rem; font-weight:  bold; text-align: left;  line-height: 1.0 }
    h2{    font-size: 1.9rem; font-weight: 500; text-align: left;  line-height: 1.0} 
    h3{    font-size: 1.5rem; font-weight:  100; text-align: left; line-height: 1.2} 
    h4{    font-size:  1.25rem; font-weight: 100; text-align: left;  line-height: 1.0 }
    h5{    font-size: 1.0rem; font-weight:   500; text-align: left; line-height: 1.0 }
    h6 {   font-size: 0.8rem; }      
    div.titolo_menu{}

A:link, A:visited { text-decoration: none;  } A:hover { color: brown} 
.custom-select { font-size:  1.2rem; background-color:  white; min-height: 30px;}
button:hover {  opacity: 0.8;}

input[type=text], input[type=password] { width: 50%; padding: 1px 10px;  margin: 0px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
input[type=text], input[type=password] {  color:  black;font-size: 1.1rem }
label { color:  green; font-size: 1.2rem; font-weight: 500}
label.sp { color: gray;  font-weight: normal; font-size: 0.8rem } 
#intro  {  margin-left: 5%; margin-bottom: 10px; text-align: left ;  } 

.containerx { max-width: 1120px;
            margin: 0px auto;
            margin-top: 10px;
            margin-bottom:  50px;
}
.comment {
    float: left;
    width: 100%;
    height: auto;
}
.commenter {
    float: left;
}
.commenter img {
    width: 35px;
    height: 35px;
}
.comment-text-area {
    float: left;
    width: 100%;
    height: auto;
}

.textinput {
    float: left;
    width: 100%;
    min-height: 90px;
    outline: none;
    resize:  none;
    border: 1px solid grey;
    font-size:  0.8rem ;
}
div.container_scheda { background-color: white; margin : auto; margin-top: 10px;  border: 0px solid gray; width:40%;}