:root {
    --remark-red: #e90034;
    --remark-grey: #282826;
    --remark-standard-text: #212529;
}

a, a:hover { color: var(--remark-red); }
a:hover { text-decoration: underline; }

img { max-width: 100%; }

hr { color: var(--remark-red); border-color: var(--remark-red); }

.quick-pick-panel { padding-top: 80px; padding-bottom: 25px; }

.article-1, .article-2, .article-3 { cursor: pointer; }

.standard-layout { display: block; }
.standard-layout p, h1, h2, h3, h4, h5, h6, ul, ol { display: block; color: var(--remark-standard-text)}

.background-remark-grey { background: var(--remark-grey); }

.no-top-pad { padding-top: 0 ! important; }
.no-bottom-pad { padding-bottom: 0 ! important; }

.top-logo { height: 40px; }

.container.center { text-align: center; }

.clients { display: flex; flex-wrap: wrap; justify-content: center; }
.clients img { max-width: 200px; margin: 0 50px; }

.image-center { margin: 0 auto 1em auto; display: block; border-radius: 1em; }

footer { background: var(--remark-grey); }

.footer-texts { display: flex; flex-wrap: wrap; justify-content: center; }
.footer-texts p { margin: 0 50px; color: white; width: 290px; }
.footer-texts p:first-of-type { text-align: right; }
.footer-texts p:last-of-type { text-align: left; }
.footer-texts a:hover { color: var(--remark-red); }

.back-to-top { cursor: pointer; }


@media only screen and (max-width: 600px) {
    .navbar-brand.mr-auto { max-width: 200px; }
    .remark-grey-top { overflow: auto; }
    .remark-grey-top svg { display: none; }
    .tm-section-2.background-remark-grey h1 { font-size: 2rem; }
    .tm-section-2.background-remark-grey h2 { font-size: 1.5rem; }
    .tm-section-2.background-remark-grey p { font-size: 1rem; }
}

@media only screen and (max-width: 900px) {
    .footer-texts { text-align: left ! important; padding-left: 1em; padding-right: 1em; }
    .footer-texts p { margin-left: 0; margin-right: 0; float: unset ! important; text-align: left ! important; }
}