/* Global page and element settings ----------------------------------------------------- */ body { font-size: 16px; font-family: "Montserrat", Helvetica, sans-serif !important; } /* Colors */ .dark-blue { color: #20364c !important; } p, table, tr, td, ul, li, blockquote, nav, a, footer, dl, dt, dd { font-size: 1.5rem; font-weight: 400; } .row { display: table; } .row:nth-child(even) { direction: rtl; } .row:nth-child(odd) .image { text-align: right } .image, .text { display: table-cell; direction: ltr; border: solid; } .text { background: e7fefc; } @media screen and (max-width: 640px) { .row, .image, .text { display: block; direction:ltr } .row:nth-child(odd) .text { text-align: right } }