@media screen and (min-width: 992px)
{
    .paragraph--type--text-and-image .wrapper.align2right.content-wrap
    {
        padding-right: 16px;
    }
    .paragraph--type--text-and-image .wrapper.align2left.content-wrap
    {
        padding-left: 16px;
    }
    .paragraph--type--text-and-image .wrapper.align2left.bg-primary.content-wrap
    {
        padding-left: 3rem;
    }
}

@media (max-width: 991.98px)
{
    .paragraph--type--text-and-image .align2right.p-0,
    .paragraph--type--text-and-image .align2left.p-0
    {
        padding: 0 16px !important;
    }
    .paragraph--type--text-and-image .bg-primary.align2right.p-0,
    .paragraph--type--text-and-image .bg-primary.align2left.p-0
    {
        padding: 0 !important;
    }
}

@media (max-width: 991.98px)
{
    .angled-components .angle-text.angle-center-none.paragraph--type--text-and-image .align2left.wrapper .text-formatted.field,
    .angled-components .angle-text.angle-center-none.paragraph--type--text-and-image .align2right.wrapper .text-formatted.field
    {
        padding: 0 0 40px 0;
    }
    .paragraph--type--text-and-image .wrapper
    {
        padding: 16px !important;
    }
    .paragraph--type--text-and-image:not(.bg-edge2edge)
    {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

@media screen and (min-width: 992px)
{
    .angled-components .angle-text.angle-center-none.paragraph--type--text-and-image .align2right.wrapper
    {
        padding-right: 0 !important;
    }
    .angled-components .angle-text.angle-center-none.paragraph--type--text-and-image .align2right.wrapper .text-formatted.field
    {
        padding: 16px !important;
    }
    .angled-components .angle-text.angle-center-none.paragraph--type--text-and-image .align2left.wrapper
    {
        padding-left: 0 !important;
    }
    .angled-components .angle-text.angle-center-none.paragraph--type--text-and-image .align2left.wrapper .text-formatted.field
    {
        padding: 16px !important;
    }
}