@font-face {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

html {
    background: url(images/background.jpg) no-repeat center;
    background-size: cover;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
}

.message-box {
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    padding: 0;
    border-radius: 5px;
    text-decoration: none;
    vertical-align: middle;
    background: #F0F0F0;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);

}

.box-content {
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    padding: 0;
    border-radius: 5px;
    text-decoration: none;
    vertical-align: middle;
    background: #63c8ba;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.box-content::before {
    content: 'Onderhoudswerkzaamheden';
    display: block;
    height: 75px;
    line-height: 75px;
    font-size: 18px;
    padding: 0 50px 0 170px;
    background: url(images/frog.png) left bottom no-repeat;
    background-size: 70px;
}

.box-content.clear-float .message h3 {
    min-height: 65px;
    background: #F7F7F7;
    padding: 20px 25px 20px 25px;
    margin: 0;
}

.box-content.clear-float .message p:first-of-type {
    background: red;
    margin-top: 20px;
}

.box-content.clear-float .message p:not(:last-of-type) {
    background: #F7F7F7;
    padding: 0px 25px 20px 25px;
    margin: 0;
}

.box-content.clear-float .message p:not(:last-of-type):empty {
    display: none;
}

.box-content.clear-float .message p:last-of-type {
    height: 75px;
    padding: 25px 25px 25px 25px;
    background: url(images/logo.svg) calc(100% / 2) calc((100% / 2) - 10px)  no-repeat;
    background-size: 70px;
}

.footer {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    color: #A0A0A0;
    font-size: 12px;
}

.footer > div {
    text-align: right;
}

.footer > div > p {
    display: inline;
}