body {
    overflow-x: hidden;
}

.inner-align-left {
    padding-left: 25%;
}

.inner-align-right {
    padding-right: 25%;
    padding-left: 15%;
}

#dienst {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00A3DD;
}

.background-left {
    background-color: white;
    color: #464646;
    width: 60%;
    padding: 5em 2em;
}

.background-left  p {
    font-size: 1em;
    width: 75%;
}

.background-left  p,
.background-left  h3 {
    color: #464646;
    line-height: 1.67;
}

.background-left  ul,
.background-right ul {
    padding: 0;
}

.inkort {
    padding-left: 2em;
}

.background-right {
    color: white;
    width: 40%;
    padding: 2em;
}

.background-right ul li {
    font-size: 1.3em;
}

.background-right h3{
    font-size: 1em;
}

#cert {
    background: linear-gradient(rgba(0, 88, 126, 0.45), rgba(0, 88, 126, 0.45)), url('../img/cert.jpg');
    background-size: cover;
    text-align: center;
    padding: 10em 0;
}

#cert p {
    color: white;
    width: 65%;
    margin: 0 auto;
}

#cert-more {
    background: linear-gradient(rgba(0, 162, 224, 0.95), rgba(0, 162, 224, 0.95)), url('../img/cert.jpg');
    background-size: cover;
    text-align: left;
    padding: 5em 0;
}

#cert-more p,
#cert-more h2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: white;
}

#cert-more h2 {
    font-weight: 600;
    width: 80%;
}

footer {
    background: white;
}

footer > .align {
    display: flex;
}

footer > .align > div {
    margin-right: 2em;
}

footer h3,
footer li,
footer a {
    color: #00a2e2;
    font-weight: 800;
}

footer h3 {
    font-size: 1.2em;
    text-transform: none;
    margin-bottom: 1em;
}

footer li {
    list-style: none;
    margin-bottom: 1em;
}

footer span {
    float: right;
}

footer span,
footer a {
    margin-left: 1em;
    font-weight: 300;
}

footer table tr td:first-of-type {
    color: #00a2e2;
    font-weight: 800;
}

footer table tr td:last-of-type{
    color: #00a2e2;
    font-weight: 300;
    padding-left: 1em;
}

@media(min-width: 900px) {
    .background-left,
    .background-right {
        height: 100%;
    }
}

@media(max-width: 1400px) {
    .background-left p {
        width: 100%;
    }

    .inner-align-left {
        padding-left: 15%;
    }

    .inner-align-right {
        padding-right: 15%;
    }
}

@media(max-width: 800px) {
    .inner-align-left,
    .inner-align-right {
       padding: 0;
    }

    #dienst {
        flex-direction: column;
    }

    .inner-align-left,
    .inner-align-right {
        width: 95%;
        margin: 0 auto;
    }

    .background-left,
    .background-right {
        width: 100%;
        margin: 0 auto;
        padding: 5em 0;
    }

    .background-left,
    .background-right {
        width: 100%;
        margin: 0 auto;
        padding: 5em 0;
    }

    #cert p {
        width: 90%;
        text-align: left;
    }

    #cert-more p {
        width: 95%;
    }

    #cert-more h2 {
        width: 95%;
    }

    footer > .align {
        flex-direction: column;
    }

    footer > .align > div {
        margin-bottom: 2em;
    }
}