.flexible_content {
margin : calc(20px + 0.5vw) auto 0 auto;
}

.flexible_content div {
position : relative;

background-position : center;
background-repeat : no-repeat;
background-size : cover;
}

.flexible_content > div {
overflow : hidden;
}

.fullwidth {
width : 100%; 
}
.fullwidth > div {
padding : calc(20px + 0.5vw) 7.5% calc(20px + 0.5vw) 7.5%;
}

.cflex-2, .cflex-3, .cflex-4, .onebytwo, .twobyone {
width : 100%;

display : flex;
flex-wrap : nowrap;
}

.onebytwo > div {
width : 25%;

padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 7.5%;
}
div.onebytwo > div:nth-of-type(2) {
width : 55%;

padding : calc(20px + 0.5vw) 7.5% calc(20px + 0.5vw) 2.5%;
}

.twobyone > div {
width : 55%;

padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 7.5%;
}
div.twobyone > div:nth-of-type(2) {
width : 25%;

padding : calc(20px + 0.5vw) 7.5% calc(20px + 0.5vw) 2.5%;
}

.cflex-2 > div {
width : 40%;

padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 7.5%;
}
div.cflex-2 > div:nth-of-type(2) {
padding : calc(20px + 0.5vw) 7.5% calc(20px + 0.5vw) 2.5%;
}


.cflex-3 > div {
width : 25%;

padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 7.5%;
}
div.cflex-3 > div:nth-of-type(2) {
padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 2.5%;
}
div.cflex-3 > div:nth-of-type(3) {
padding : calc(20px + 0.5vw) 7.5% calc(20px + 0.5vw) 2.5%;
}


.cflex-4 > div {
width : 17.5%;

padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 7.5%;
}
div.cflex-4 > div:nth-of-type(2) {
padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 2.5%;
}
div.cflex-4 > div:nth-of-type(3) {
padding : calc(20px + 0.5vw) 2.5% calc(20px + 0.5vw) 2.5%;
}
div.cflex-4 > div:nth-of-type(4) {
padding : calc(20px + 0.5vw) 7.5% calc(20px + 0.5vw) 2.5%;
}


@media screen and (max-width: 960px) {
.cflex-2, .cflex-3, .cflex-4, .fullwidth, .onebytwo, .twobyone {
flex-direction : column;
}

.onebytwo > div {
width : calc(100% - 15vw) !important;

padding : calc(20px + 0.5vw) 7.5% calc(10px + 0.5vw) 7.5% !important;
}
.twobyone > div {
width : calc(100% - 15vw) !important;

padding : calc(20px + 0.5vw) 7.5% calc(10px + 0.5vw) 7.5% !important;
}

.cflex-2 > div {
width : calc(100% - 15vw) !important;

padding : calc(20px + 0.5vw) 7.5% calc(10px + 0.5vw) 7.5% !important;
}

.cflex-4 > div {
width : calc(100% - 15vw) !important;

padding : calc(20px + 0.5vw) 7.5% calc(10px + 0.5vw) 7.5% !important;
}
.cflex-3 > div {
width : calc(100% - 15vw) !important;

padding : calc(20px + 0.5vw) 7.5% calc(10px + 0.5vw) 7.5% !important;
}

.cflex-4 > div {
width : calc(100% - 15vw) !important;

padding : calc(20px + 0.5vw) 7.5% calc(10px + 0.5vw) 7.5% !important;
}
}