html, body, h1, h2, h3, h4, h5, h6 { font-family: "Titillium Web", serif; } .flex-images { overflow: hidden; } .flex-images .item { float: left; margin: 8px; padding: 0!important; box-sizing: content-box; overflow: hidden; position: relative;} @media (max-width: 768px) { .flex-images .item { float: left; margin: 4px; padding: 0!important; box-sizing: content-box; overflow: hidden; position: relative;} } .flex-images .item img { display: block; width: 100%; height: 100%; }