My font files

SIL open fonts
jQuery('#post-grid-lazy-260').ready(function($) { $('#post-grid-lazy-260').fadeOut(); $('#post-grid-260 ').fadeIn(); }) #post-grid-260 { display: none; } .post-grid-lazy { text-align: center; }
.layout-257 .element_1587187627902 { } .layout-257 .element_1587190790308 { overflow: hidden; } .layout-257 .element_1587190790308 img {max-width:100%;height:auto;} @media only screen and (min-width: 1024px) { .layout-257 .element_1587190790308 { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .layout-257 .element_1587190790308 { height: auto; } } @media only screen and (min-width: 0px) and (max-width: 767px) { .layout-257 .element_1587190790308 { height: auto; } } .layout-257 .element_1587187714568 { margin: 10px; } .layout-257 .element_1587187895341 { font-size: 18px; margin: 5px 0; text-align: left; } .layout-257 .element_1587187895341 a { font-size: 18px; margin: 5px 0; text-align: left; } .layout-257 a{text-decoration:none}.layout-257 .layer-media{background:#fff none repeat scroll 0 0;border-radius:50%;overflow:hidden} #post-grid-260 { padding: 10px; } #post-grid-260 .item { /* margin:; */ padding: 0px; background: #fff; } #post-grid-260 .item .layer-media { height:auto; } @media only screen and (min-width: 0px) and (max-width: 767px) { #post-grid-260 .grid-items { text-align: center; ; } #post-grid-260 .item { width: 70%; margin: 10px; display: inline-block; vertical-align: top; height:40%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #post-grid-260 .grid-items { text-align: center; } #post-grid-260 .item { width: 30%; margin: 10px; display: inline-block; vertical-align: top; height:40%; } } @media only screen and (min-width: 1024px) { #post-grid-260 .grid-items { text-align: center; } #post-grid-260 .item { width: 30%; display: inline-block; margin: 10px; vertical-align: top; height:40%; } }