@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
#cd5_428 {overflow:hidden;width:100%;position:relative;clear: left;box-sizing: border-box; padding: 30px 0px; background-color: #292828; display: block; margin: 0; }
#cd5_428 * { box-sizing: border-box; }
#cd5_428 .m428_innerdiv { margin: auto; position: relative; width: 100%; max-width: 1660px; padding: 0px; border-style: solid; border-width: 15px; border-color: #292828;  z-index: 1; display: flex; align-items: stretch; justify-content:center; flex-direction: row; }
#cd5_428 .m428_leftdiv {margin: auto; position: relative; flex: 1; padding: 0px; z-index: 1; display: flex; align-items: stretch; justify-content:center; flex-direction: row; flex: 1.1;}
#cd5_428 .m428_rightdiv {margin: auto; position: relative; width: 1000px; display: flex; flex-direction: column; padding: 0px; z-index: 1; display: flex; align-items: stretch; justify-content:center;}
#cd5_428 .m428_Box {margin: auto; overflow: hidden; position: relative; width: 100%; padding: 0px; border: solid 15px; border-color: #292828; height: 40vh; min-height: 450px;  -webkit-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-o-transition: 1s ease-in-out; }
#cd5_428 .m428_Box2 { width:50%; }
#cd5_428 .m428_BoxBig {height: 80vh; min-height: 900px; width: 100%;}
#cd5_428 .m428_BoxOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(11,21,11,0.2); -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;}
#cd5_428 .m428_BoxOverlayi { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out; background-size: cover; background-position: center center;  background-repeat: no-repeat;}
#cd5_428 .m428_Box:hover .m428_BoxOverlayi { scale: 1.2; }

#cd5_428 .m428_linkbox { position: absolute; bottom:30px; left:30px;  padding: 30px; width:75%; background-color:rgba(11,11,11,0.6); -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;}
#cd5_428 .m428_Box:hover .m428_linkbox {  background-color:rgba(1,1,1,0.8);}

#cd5_428 .m428_title { font-family: Montserrat;font-weight: 600; font-size: 25px;line-height:1.2; letter-spacing: 0.5px; padding-bottom: 8px; color: white; }
#cd5_428 .m428_label { font-family: Montserrat;font-weight: 500; font-size: 14px;line-height:1;  color: #fafafa; -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out; }
#cd5_428 .m428_Box:hover .m428_label { color:#fff;}
#cd5_428 .m428_rightboxinner {width: 100%; display: flex; flex-direction: row;}

@media only screen and (max-width: 1660px) {
     #cd5_428 .m428_innerdiv, #cd5_428 .m428_Box{ border-width: 10px; }
     #cd5_428 .m428_linkbox {bottom: 20px; left: 20px; padding: 20px;}
     #cd5_428 .m428_rightdiv {width: 900px;}
}
@media only screen and (max-width: 1500px) {
     #cd5_428 .m428_rightdiv {width: 730px;}
     #cd5_428 .m428_Box {height: 35vh; min-height: 300px;}
     #cd5_428 .m428_BoxBig {height: 70vh; min-height: 600px;}
     #cd5_428 .m428_title{  font-size: 22px;}
}
@media only screen and (max-width: 1280px) {
     #cd5_428 .m428_rightdiv {width: 60%;}
}
@media only screen and (max-width: 1023px) {
     #cd5_428 .m428_innerdiv { border-width: 5px; }
     #cd5_428 .m428_leftdiv, #cd5_428 .m428_rightdiv {width: 100%;}
     #cd5_428 .m428_innerdiv { flex-direction: column; width: 100%; }
     #cd5_428 .m428_Box { height: 250px; min-height: 250px; width: 100%; border-width: 5px;}
     #cd5_428 .m428_BoxBig { height: 250px; min-height: 250px;}
     #cd5_428 .m428_linkbox { bottom: 0; left: 0; top: 0px; right: 0; width: 100%; display:flex; flex-direction:column; align-items: center; justify-content: center; }
}
@media only screen and (max-width: 768px) {
     #cd5_428 .m428_Box { height: 200px; min-height: 200px; }
     #cd5_428 .m428_BoxBig { height: 200px; min-height: 200px;}
     #cd5_428 .m428_title{  font-size: 18px;}
     #cd5_428 .m428_para {font-size: 13px;}
     #cd5_428 .m428_label {font-size: 13px;}
} 
@media only screen and (max-width: 639px) {
     #cd5_428 {padding: 10px 0px;}
     #cd5_428 .m428_innerdiv { flex-direction: column; }
     #cd5_428 .m428_Box2 {width: 100%;}
     #cd5_428 .m428_title{  font-size: 18px;}
     #cd5_428 .m428_rightboxinner { flex-direction: column;}
}