#cd5_333 { overflow:hidden;width:100%;position:relative;clear: left;box-sizing: border-box; color: #222; background-color: #000; padding: 40px 1px; display: block; }
#cd5_333 * { box-sizing: border-box; }
#cd5_333 .m333_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(1,1,1,0.4); z-index: 1; }
#cd5_333 .m333_box { margin: auto; position: relative;  width: 100%; max-width: 1400px; padding: 0px 10px; z-index: 2; display: flex;  align-items: stretch;justify-content:center; flex-direction: row;  }
#cd5_333 .m333_innerbox { flex: 1; margin: 10px; background-color: #222; color: #fff; text-align: center; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
#cd5_333 .m333_link {display: block; text-decoration: none;}
#cd5_333 .m333_img {width: 100%; display: block;}
#cd5_333 .m333_boxtitle { color: #fff; font-size: 24px; letter-spacing: 2px; padding: 25px 5px; font-family: poppinssemibold; text-transform: uppercase; }
#cd5_333 .m333_boxwriteup { line-height: 1.8; color: #fff; font-size: 14px; font-family: poppinsregular; }
#cd5_333 .m333_button { margin: 30px 10px; cursor: pointer; padding: 11px 15px; height: 40px; line-height: 1; width: 200px; background-color: #ff0000; border-radius: 4px; color: #fff; border: 0px; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;  font-family: poppinssemibold; }
#cd5_333 .m333_innerbox:hover { background-color: #111; }
#cd5_333 .m333_innerbox:hover .m333_button { background-color: #555; }
@media only screen and (max-width:767px) {#cd5_333 .m333_box { flex-direction: column;}}