@font-face
{
    font-family: 'Acme';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
}

#basic_colors {
    color: #384975;
    color: #6b79a9;
    color: #e7efff;
    color: #d4a418;
    color: #f1f1e6;
    color: #ffeeca;
    color: #867555;
    color: #a7aabd;
    color: #737687;
    color: #743841;
    color: #aa6970;
}

/* GENERAL */
body {
    /*background: #F7F7F7;*/
    background: white;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}


* {
    font-size: 18px;
    line-height: 28px;
}

div, p {
    font-family: "Roboto", sans-serif;
    margin: 0;
}

p {
    padding: 0  20px 10px 0;
}

u {
    text-decoration: underline;
}

a, a div, a p, a h1, a h2, a h3 {
    text-decoration: none;
    cursor: pointer;
    color: black;
    font-size: inherit;
}

div {

    font-family: "Roboto", sans-serif;
}

strong {
    font-weight: bold;
}

hr {
    margin: 20px 0;
    border-bottom: none;
    color: #384975;
}

i {
    margin-right: 5px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7d7d7d;
}

.textblock_smalltext {
    font-size: 15px !important;
}

.icon_item {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin: 10px 0;
}
.icon_item i {
    margin-right: 15px;
}

.flex2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.flex2 > div {
    width: 50%;
}

/* Yellow warning box */
.yellow_warning {
    max-width: 1200px;
    margin: 30px auto 20px auto;
    background: #feffcfb3;
    border: 1px solid #750000;
    /*box-shadow: 0 0 2px 0 #0000002e, 0 0 2px 0 #00000073;*/
    padding: 10px 15px;
    text-align: center;
}

.header_left {
    text-align: left;
    padding: 20px 0;
}