.casestudies-flex-container {width:100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.casestudies-flex-image {background-size: cover; position:relative;}  
.casestudies-sub-container-outer {position:absolute; width:60%; border: 2px solid #FFFFFF; top:20%; left:20%; z-index:10; height:60%}
.casestudies-sub-container-inner {display:flex; background-image:url(../graphics/background-case.png); height:98%; width:98%; margin:1%}
.casestudies-sub-container-inner p:first-of-type{margin-bottom: 15px}
.casestudies-sub-container-inner p:last-of-type{margin-top:20px}
.casestudies-sub-container-inner p{text-align:center; color:#FFFFFF; margin: auto 20px;}
.casestudies-sub-container-inner span{font-size:22px; font-weight:bold}
.casestudies-sub-container-inner a{border: 2px #FFFFFF solid;  font-weight:bold; padding:6px 10px; color:#FFFFFF; text-decoration:none;}