
.block-double {
    background: #f9f9f9;
}
.block-double .block-copy {
    background: transparent;
}
.block-double .center-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.block-double.block-flipped .center-row{
    flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
    .block-double .center-row {
        flex-direction: column;
    }
}

.block-double .center-row .block-col {
    flex: 0 0 50%;
    width: 50%;
    align-content: center;
} 

.block-double .center-row .block-copy {
    display: flex;
    align-items: center;
}
.block-double .center-row .block-copy .content-inner {
   /* padding: 100px; */

   margin: auto;
   width: 75%;
}
 

.block-bg {

    background-size: cover;
    background-position: center center;
}

.block-bg-inner {
    height: 0;
    padding-bottom: 75%;

    position: relative;
    overflow: hidden;
}

 
.block-ratio-video {
    padding-bottom: 56.25%;

}
 

.block-ratio-square {
    padding-bottom: 100%;

}


@media only screen and (max-width: 991px) {

    .block-double .center-row, .block-double.block-flipped .center-row {
        flex-direction: column;
    }

    .block-double .center-row .block-bg-inner {
        padding-bottom: 56.25%;

    }

    .block-double .center-row .block-col {
        flex: 1;
        width: 100%;
    }

    .block-double .center-row .block-copy .content-inner {
        width: 100%;
        margin: 0;
        padding: 10% 5%
    }
}