main.main > .row > .col-lg-12 > section > div#content > article > header.article-content > a > h2 { font-size: 100%; } main.main > .row > .col-lg-12 > section > div#content > article > a.article-format { margin: 0%; clear: both; } main.main > .row > .col-lg-12 > section > div#content > article > header.article-content { font-size: 120%; } main.main > .row > .col-lg-12 > section > div#content > article > a.article-readmore { padding: 3%; } main.main > .row > .col-lg-12 > section > div#content > article > figure.article-thumbnail > img { height: 160px; max-height: 160px; } main.main > .row > .col-lg-12 > section > div#content > article { width: 30%; } @media only screen and (max-width: 1000px) { main.main > .row > .col-lg-12 > section > div > article { } main.main > .row > .col-lg-12 > section > div#content > article { width: 45%; } } @media only screen and (max-width: 765px) { main.main > .row > .col-lg-12 > section > div > article { } main.main > .row > .col-lg-12 > section > div#content > article { width: 30%; } } @media only screen and (max-width: 600px) { main.main > .row > .col-lg-12 > section > div > article { } main.main > .row > .col-lg-12 > section > div#content > article { width: 45%; } } @media only screen and (max-width: 400px) { main.main > .row > .col-lg-12 > section > div > article { } main.main > .row > .col-lg-12 > section > div#content > article { width: 100%; margin: 0% 0% 10% 0% !important; } }