/* Created by Content Blocks */
.header2-image {
    border-radius: 50%;
    margin: 4rem 0rem 8rem 0rem;
    position: relative;
    z-index: 0;
}

.header2-text {
    padding: 4rem 2rem 6rem 6rem;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    position: relative;
    z-index: 10;
}

.header2-tiles {
    margin-top: -4rem;
}

.header2-tile-image {
    margin-bottom: 2rem;
}

.header2-tile {
    padding: 0 2rem;
}

.header2-tile-image {
    margin-bottom: 1rem;
}

.header2-tile h3 {
    margin-bottom: 0;
}

/*test with shape outside*/
.header2-floatwrapper{
    display: block;
    margin-bottom: 8rem;
}

.header2-floatwrapper img{
    float: right;
    shape-outside: circle();
    padding: 14.4px;
    max-width: 600px;
    /*shape-margin: 1.5rem;*/
    width: 45%;
    margin: 0;
}
.header2-floatwrapper h1{
    margin-top: 3rem;
}


@media screen and (max-width: 991px) {
    .header2-floatwrapper{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .header2-floatwrapper img{
        width: 70%;
        margin-top: 2rem;
        padding: 0;
    }

    .header2-image-wrap {
        display: flex;
        /*flex-flow: column wrap;*/
        justify-content: center;
    }

    .header2-image {
        margin: -2rem 0 2rem 0;
        max-width: 320px;
        display: block;
    }

    .header2-text {
        padding: 4rem;
    }

    .header2-tiles {
        margin-top: 2rem;
    }

    .header2-tile {
        max-width: 500px;
        margin: 2rem auto
    }
}

@media screen and (max-width: 575px) {
    .header2-floatwrapper img{
        width: 100%;
    }
}