/* Gestione blocchi dichiarazione fermate */ .labelBottom { background: #111; background: rgba(0, 0, 0, 0.8); -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0 0.4em; width: 100%; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; line-height: 1em; min-height: 2em; vertical-align: middle; } .dichBlock { font-family: 'Open Sans Condensed', sans-serif; color: #FFF; background-image: linear-gradient(#111, #000); /*box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);*/ /*width: 4rem;*/ } /* First breakpoint is 425px */ @media all and (max-width: 425px) { .dichBlock { font-size: 0.7em; width: 7em; } } @media all and (min-width: 425px) { .dichBlock { font-size: 0.8em; width: 7em; } } /* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */ @media all and (min-width: 600px) { .dichBlock { font-size: 1em; width: 8em; } } /* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */ @media all and (min-width: 800px) { .dichBlock { font-size: 1.3em; width: 6em; } } /* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */ @media all and (min-width: 1100px) { .dichBlock { font-size: 1.5em; width: 6em; } }