spjall / css /main.css
clr's picture
Update css/main.css
fcf5cb3
raw
history blame
860 Bytes
/* 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;
}
ul {
margin: 0;
padding: 0;
width: 100%;
}
.row {
width: 100%;
display: table;
table-layout: fixed;
}
.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: tomato;
}
img {vertical-align:top;}
@media screen and (max-width: 640px) {
.row,
.image,
.text {
display: block;
direction:ltr
}
.row:nth-child(odd) .text {
text-align: right
}
}