@font-face {
    font-family: 'oswaldbook';
    src: url('oswald.eot');
    src: url('oswald.eot?#iefix') format('embedded-opentype'),
         url('oswald.woff') format('woff'),
         url('oswald.ttf') format('truetype'),
         url('oswald.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
.ch-grid:after, .ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both; }
.ch-grid li { width:298px; height:220px; display:inline-block; margin:10px; }
.ch-item { width:100%; height:100%; border-radius:50%; position:relative; cursor:default; box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.ch-info { position:absolute; width:100%; height:100%; overflow:hidden; background:#d74a2e; box-shadow:inset 0 0 0 5px rgba(0,0,0,0.05); border-radius:50%;}
.ch-info h3 { padding:35px 0 20px 0; margin:0 10px; background:none; border:none; color:#fff; text-transform:uppercase; position:relative; letter-spacing:2px; font-size:18px; min-height:50px; font-family:oswaldbook; text-align:center; }
.ch-info h3 span { font-size:12px; font-weight:normal; display:block;}
.ch-info p { padding:20px 5px; margin:0 10px; color:#fff; font-size:18px; border-top:2px solid rgba(255,255,255,0.5); text-align:center; border-radius:50%;}
.ch-info p a { padding-bottom:5px; display:block; color:#333; color:#fff; font-style:normal; font-size:15px; letter-spacing:1px; font-family:oswaldbook; text-decoration:none; }