.glossare-wrapper{
padding:40px;
background:#f3f3f3;
}

.glossare-letters{
text-align:center;
margin-bottom:30px;
}

.glossare-letter{

display:inline-block;
padding:8px 12px;
margin:3px;
border:1px solid #ccc;
cursor:pointer;
font-size:14px;
background:#fff;

}

.glossare-letter.active,
.glossare-letter:hover{
background:#b5201e!important;
color:#fff;
}

.glossare-item{

background:#fff;
padding:20px;
margin-bottom:20px;
border-left:4px solid #b5201e;

}

.glossare-item h3{
margin-top:0;
}




/* .glossare-letter{
display:inline-block;
padding:8px 12px;
margin:3px;
border:1px solid #ccc;
cursor:pointer;
background:#f5f5f5;
} */

.glossare-letter.available{
border:2px solid #b5201e;
background:#fff;
}

.glossare-letter.disabled{
opacity:0.4;
cursor:not-allowed;
}

.glossare-letter.active{
background:#b5201e;
color:#fff;
}


.glossare-letter-heading{
font-size:28px;
margin-top:40px;
margin-bottom:20px;
background:#0073aa;
color:#fff;
padding:2px 15px;
border-radius:4px;
}

@media(max-width: 576px){
	.glossare-wrapper {
    padding: 10px;
}
}