* {
        margin: 0;
        padding: 0;
    }
    
    html {
        background: url("../images/beach_sun_sea.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    body,
    html {
        height: 100%;
    }
    
    body {
        font-family: Verdana, Tahoma, sans-serif;
        font-size: medium;
        color: #333;
    }
    
    li {
        margin-bottom: 10px;
        padding-top:2px;
    }
    
    h1 {
        font-variant: small-caps;
        color: #002768;
        font-size: 130%;
        text-align: center;
    }
    
    h2 {
        font-size: 120%;
        color: #00955C;
        text-align: center;
    }
    
    a:hover {
        color: #fff;
    }
    
    #header-top {
        height: 25px;
        background-image: url("../images/header_bt.png");
        background-position: top left;
        background-repeat: repeat-x;
    }
    
    #header {
        width: 125px;
        margin: 0 auto;
    }
    
    #header-bottom {
        height: 25px;
        background-image: url("../images/header_bb.png");
        background-position: bottom left;
        background-repeat: repeat-x;
    }
    
    #center {
        margin-top: 25px;
    }
    
    #sub-header {
        margin: 0 auto;
        margin-top: 40px;
        width: 900px;
    }
    
    #database-verhaal {
        margin-top: 20px;
        color: #002768;
        font-weight: bold;
    }
    
    #products {
        margin: 150px auto;
        width: 1400px;
    }
    
    #products h2 {
        margin-bottom: 15px;
        color: #002768;
        
    }
    
    #products table {
        border-spacing: 1;
        border-collapse: collapse;
        overflow: hidden;
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    
    #products td,
    #products th {
        padding-left: 8px;
        text-align: center;
    }
    
    #products td {
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        border: 1px solid #56575a;
    }
    
    #products th {
        height: 60px;
        color: #fff;
        background: #00955C;
        font-size: 16px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    
    #products thead th:last-child {
        border-right: 1px solid #002768;
    }
    
    #products tbody tr:last-child th {
        border-bottom: 1px solid #002768;
    }
    
    #products th.cap {
        color: #002768;
        background-color: transparent;
        font-size: 120%;
    }
    
    #adres {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        font-size: 80%;
        padding: 10px;
        color: #fff;
        background-color: #002768;
        text-align: center;
    }
    
    #adres a,
    #adres a:visited {
        color: #fff;
    }
    
    #adres a:hover,
    #adres a:active {
        color: #00955C;
    }
    
    #adres i.fa:not(:first-child) {
        padding-left: 25px;
    }
    
    .box {
        float: left;
        width: 50%;
    }
    
    .box-container {
        margin-top: 15px;
    }
    
    .box-body {
        /* display: flex;
        justify-content: center; */
        border: 1px solid #002768;
        box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.4);
        width: 270px;
        height: 85px;
        margin: 0 auto;
        padding: 10px;
        color: #002768;
        font-weight: bold;
    }
    
    .full-width {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    
    .clear {
        clear: both;
    }