#cd5_442 {font-family: Montserrat;overflow:hidden;width:100%;position:relative;clear: left;box-sizing: border-box; padding: 0px; background-color: #fff; display: block; margin: 0; }
#cd5_442 * { box-sizing: border-box; }
#cd5_442 .m442_innerdiv { margin: auto; position: relative; width: 100%; max-width: 100%; background-color: #fff; padding: 8px; z-index: 1; display: flex;  align-items: stretch; justify-content:center; flex-direction: row; }
#cd5_442 .m442_innerbox { display: flex;height: 100%;width: 100%; position: relative;}
#cd5_442 .m442_box { background-color: #ccc; margin: 0px; transition: linear 1s; height: 400px; position: relative; margin: 8px; padding: 10px; flex: 1; }
#cd5_442 .m442_absoluteBox {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: rgba(11,11,11,0.5);}
#cd5_442 .m442_middlebox {display: flex; flex-direction: column; display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}
#cd5_442 .m442_header {font-weight: 800; font-size: 28px; line-height: 1; color: #fff;}
#cd5_442 .m442_oneliner {padding: 8px 0px; font-size: 17px; color: #fff; font-weight: 500;}
#cd5_442 .m442_link {margin-top: 6px;font-weight: 500;display: inline-block; line-height: 1; font-size: 14px; padding: 15px; min-width: 160px; text-align: center; background-color: #ff0000; color: #fff;}
#cd5_442 .m442_link:hover {background-color: #999; color: #fff;}
@media only screen and (max-width:1600px) {
       #cd5_442 .m442_box { height: 340px;}
}
@media only screen and (max-width:750px) {
     #cd5_442 .m442_header { font-size: 20px;}
     #cd5_442 .m442_oneliner {font-size: 13px; text-align: center;}
       #cd5_442 .m442_innerdiv { flex-direction: column; }
       #cd5_442 .m442_link { font-size:13px;  }
       #cd5_442 .m442_innerbox {min-height: 160px;}
       #cd5_442 .m442_box { height: 180px;}
}