#cd5_314 { overflow:hidden; z-index:0;width:100%;position:relative;clear: left;box-sizing: border-box;background-color: #fff;color: #222;display: flex;flex-wrap: wrap;align-items: stretch;justify-content:center;padding: 5px; font-family: poppinslight;}
#cd5_314 * { box-sizing: border-box; }
#cd5_314 .m314_box { width: calc(50% - 10px); margin: 5px; height: 500px; position: relative; overflow: hidden; }
#cd5_314 .m314_box2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
#cd5_314 .m314_link {text-decoration: none;display: block;height: 100%; z-index: 1; position: relative;}
#cd5_314 .m314_linkbox1 { display: flex; height: 100%; align-items: center;}
#cd5_314 .m314_linkbox2 {border: solid 1px #fff; padding: 25px; font-size: 20px; display: inline-block; margin: auto;background-color: rgba(11,11,11,0.3);color: #fff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-align: center; width: 300px; text-transform: uppercase; font-weight: normal; }
#cd5_314 .m314_box:hover .m314_box2 {transform: scale(1.1);}
#cd5_314 .m314_box:hover .m314_linkbox2 {border-color: #ccc; background-color: rgba(11,11,11,1);color: #fff;}
@media only screen and (max-width:1800px) {
       #cd5_314 .m314_box { height: 450px;}
}
@media only screen and (max-width:1380px) {
       #cd5_314 .m314_box { height: 350px;}
}
@media only screen and (max-width:1000px) {
       #cd5_314 .m314_box { height: 300px;}
       #cd5_314 .m314_linkbox2 { padding: 20px; font-size: 18px; width: 250px; }
}
@media only screen and (max-width:767px) {
       #cd5_314 .m314_box { height: 250px;}
}
@media only screen and (max-width:599px) {
       #cd5_314 .m314_box { width: calc(100% - 10px); height: 200px;}
       #cd5_314 .m314_linkbox2 {  padding: 15px; font-size: 16px;  width: 220px; }
}