﻿.contentBesideImage
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .contentBesideImage h1,
    .contentBesideImage h2,
    .contentBesideImage h3,
    .contentBesideImage h4
    {
        text-align: left;
    }

    .contentBesideImage .image
    {
        width: 45%;
        text-align: center;
        overflow: hidden;
        border-top-right-radius: 10vw;
        margin-left: -2.5vw;
    }

    .contentBesideImage.alignImageRight .image
    {
        order: 1;
        margin-left: 0;
        margin-right: -2.5vw;
        border-top-right-radius: 0;
        border-top-left-radius: 10vw;
        box-shadow: 6px 6px 8px 8px rgba(0,0,0,0.15);
    }

    .contentBesideImage .image img
    {
        display: block;
        max-width: initial;
        margin: auto;
    }

    .contentBesideImage .content
    {
        width: 53%;
    }

    .contentBesideImage.largerImage .image
    {
        width: 63%;
    }

    .contentBesideImage.largerImage .content
    {
        width: 35%;
    }

@media (max-width: 800px)
{
    .contentBesideImage .content,
    .contentBesideImage.largerImage .content
    {
        margin-top: 2.5vw;
        width: 100%;
        order: 1;
    }

    .contentBesideImage .image,
    .contentBesideImage.largerImage .image
    {
        width: 100%;
        margin: 0;
        order: 0;
    }

        .contentBesideImage .image img
        {
            max-width: 100%;
            min-width: initial;
            min-height: initial;
        }
}
