.dcg {max-width:1240px;}
.dcg img {max-width:100%;}
.dcg h1, .dcg h2 {line-height: normal;}
.dcg p {line-height: normal; margin: 0 0 20px;}

/******* MENU *****/
.dcg .menu-sect {background-color: #000; color:#fff; padding:10px 30px;}
.dcg .menu-sect ul{margin:0; display:flex; padding:0;}
.dcg .menu-sect li{list-style:none; flex:1; font-size: 20px; border-right: 2px solid #fff; text-align: center; padding:5px 10px;}
.dcg .menu-sect li:last-child{border-right: none;}
.dcg .menu-sect a{text-decoration: none; color:#fff; font-weight: bold;}
.dcg .menu-sect a:hover{text-decoration: underline;}
@media (max-width:699px) {
    .dcg .menu-sect ul{display:flex; flex-wrap: wrap;}
    .dcg .menu-sect li{flex:33.33%; border-right: none; text-align: center; padding:10px 10px;}
}

/******** INTRO SECTION *****/
.dcg .page-intro {margin-top:50px; text-align: center; padding:0 30px;}
.dcg .page-intro p{font-size: 18px;}


/*********** CONTENT AREA **********/
.dcg .box-container {margin-top:50px;}
.dcg .box-row {display:flex;}
.dcg .box-half {position:relative; margin:5px 5px;}
.dcg .box-half-text {position:absolute; bottom:0; width:100%; color:#fff; 
    background-color: rgba(0,0,0, 0.5); display:flex;}
.dcg .box-heading {flex:1;}
.dcg .box-buttons {padding:10px 20px; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.dcg .box-heading h2{font-size:34px; padding:0 15px; margin:20px 0;}
.dcg .box-buttons a{background-color: #009ea1; text-decoration: none; color:#fff; 
    padding:3px 15px; border-radius:15px; margin:5px; border: 1px solid #009ea1; transition: background-color 0.5s;}
.dcg .box-buttons a:hover{background-color:#fff; color:#009ea1;}

@media (max-width:799px) {
    .dcg .box-heading h2{font-size:30px; padding:0 15px; margin:20px 0;}
}
@media (max-width:699px) {
   .dcg .box-row {display:flex; flex-direction: column;} 
}