body {
    color: #000;
    background-color: #cfd8dc;
    font-family: 'Arial', sans-serif;
}
.logo-icon {
    width: 80px;
    height: 50px;
    background-image: url('../icons/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    float: left;
    border-radius: 5px;
    padding: 0 10px 0px 0;
}
.page_title {
    /*background-color:lightgreen;*/
}
.logo .ethics-title {
    font-size: 1.5em;
    margin-left: 10px;
}
.logo {
    width: 32%;
    float: left;
}
.page_title span {
    font-weight: bold;
}
.project_title, .project_date {
    width: 30%;
    float: left;
    padding-top: 0.5em;
    margin-bottom: 30px;
}
.row1 {
    width: 100%;
}
/* CARDS */
.card {
    background-color: #fff;
    width: 19.2%;
    margin: 0 0.4% 4px 0.4%;
    height: 320px;
    float: left;
    /*border: 1px solid black;*/
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
}
.card ul.items {
    margin: 0 0 7px 0;
    padding: 0 1.5em;
}
.card li {
    font-size: 0.75em;
    padding: 0 0.2em;
    line-height: 1;
}
.card h3 {
    padding: 0 0.6em;
    font-size: 1.05em;
}
.field_01 h3 {
    color: rgb(162, 129, 209);
}
.field_02 h3 {
    color: rgb(162, 129, 209);
}
.field_03 h3 {
    color: rgb(133, 173, 229);
}
.field_04 h3 {
    color: rgb(174, 213, 129);
}
.field_05 h3 {
    color: rgb(107, 181, 180);
}
.field_06 h3 {
    color: rgb(41, 187, 163);
}
.field_07 h3 {
    color: rgb(125, 161, 214);
}
.field_08 h3 {
    color: rgb(174, 213, 129);
}
.field_09 h3 {
    color: rgb(139, 153, 224);
}
.field_10 h3 {
    color: rgb(162, 129, 209);
}

/* The mpdf library doesn't support absolute positioning for nested elements and doesn't fully support margin-bottom. This invisible element is here to make sure the items won't cover the card icons when the list gets long */
.field-icons {
    /*background-color: lightseagreen;*/
    height: 1.8em;
}
.field_01 {
    background-image: url('../icons/pdf/field1-pdf.svg');
}
.field_02 {
    background-image: url('../icons/pdf/field2-pdf.svg');
}
.field_03 {
    background-image: url('../icons/pdf/field3-pdf.svg');
}
.field_04 {
    background-image: url('../icons/pdf/field4-pdf.svg');
}
.field_05 {
    background-image: url('../icons/pdf/field5-pdf.svg');
}
.field_06 {
    background-image: url('../icons/pdf/field6-pdf.svg');
}
.field_07 {
    background-image: url('../icons/pdf/field7-pdf.svg');
}
.field_08 {
    background-image: url('../icons/pdf/field8-pdf.svg');
}
.field_09 {
    background-image: url('../icons/pdf/field9-pdf.svg');
}
.field_10 {
    background-image: url('../icons/pdf/field10-pdf.svg');
}