.uzo-banner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 1rem rgb(0, 0, 0, 0.1);
}

.uzo-banner .create-account {
    font-family: 'ubuntu_titlingbold';

}

.left,
.left-one {
    flex: 1 0 22rem;
}

.left-one {
    order: 1;
}

.right,
.right-one {
    flex: 2 0 32rem;
}

.right-one {
    order: 3;
}

        .uzo-banner .left img:not(.logo) {
            max-width: 100%;
            margin: 0;
            border-top-left-radius: 10px;
        }

        .uzo-banner .left-one img.logo {
            width: 230px;
            max-width: 100%;
            height: auto;
            margin: 2em;
        }

    .uzo-banner .right, 
    .right-one {
        padding: 20px;
    }
        .uzo-banner .right li {
            margin-bottom: 5px;
        }

            .uzo-banner .right ul li {
                list-style-type: none;
            }

            .uzo-banner .right ul li i{
                color: #388756;
                margin-right: 0.5em;
            }

        .uzo-banner a.create-account {
            background-color: #102d69;
            padding: 20px;
            border-radius: 5px;
            color: #fff;
            text-decoration: none !important;
            margin-right: 2em;
        }

        .uzo-banner .buttons{
            display: flex;
            flex-flow: row wrap;
            align-items: center;
        }

    
@media (max-width: 1267px) {
        .left-one {
            order: 0;
        }

        .left,
        .left-one,
        .right,
        .right-one {
            flex: 1 auto;
        }

        .uzo-banner .left img:not(.logo) {
            border-top-right-radius: 10px;
        }

        .uzo-banner a.external-site {
            margin-top: 1.5em;
        }      
    }

/*onderstaande class verplaatsen naar parents*/
@font-face {
    font-family:'UbuntuTitling-Bold';
    src:url('/wp-content/fonts/UbuntuTitling-Bold.eot'); 
    src:url('/wp-content/fonts/UbuntuTitling-Bold.eot?#iefix') format('embedded-opentype'),url('/wp-content/fonts/UbuntuTitling-Bold.woff') format('woff'),url('/wp-content/fonts/UbuntuTitling-Bold.ttf')format('truetype'),url('/wp-content/fonts/UbuntuTitling-Bold.svg#svgFontName') format('svg'); 
}

.uzo-heading {
    color: #102d69;
    font-family: 'ubuntu_titlingbold';
    margin-top: 0;
}