/* GENERAL */
html, body { margin: 0; padding: 0; height: 100%; }
.clear { clear: both; }

#content{ margin: 0 0 0 0; }
.col-left { background-color: #3b3b3b; }

@media (max-width: 576px) {
    .col-left { padding: 8% 25% 30px 0; }
    .col-right { padding: 25px 45px 0 0; }
}

@media (min-width: 577px) {
    .col-left { padding: 12% 20px 0 0; }
    .col-right { padding: 12% 20% 0 0; }
}

@media (min-width: 2261px) {
    .col-left { padding: 8% 20px 0 0; }
    .col-right { padding: 8% 35% 0 0; }
}

.text { text-align: justify; }
.contarea { padding: 0 0 0 45px; border-left: 3px solid #fff000; }

/* CARD */
.card { background-color: #f5f5f5; margin: 0; border: 0; border-radius: 4px; }
.card_imagebox { text-align: center; padding: 20px 0 0 12px; }

/* IMAGES */
img { max-width: 100%; height: auto; }

/* FONTS */
body { font-size: 13px; color: #474747; }
a { color: grey; }

.f_b_grey { color: #a8a8a8; }
.f_d_grey { color: #474747; }
.f_b { font-weight: bold; }
.f_11 { font-size: 11px; }
.f_12 { font-size: 12px; }
.f_13 { font-size: 13px; }

h1 { font-size: 30px; margin: 0 0 15px 0; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }