.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{color: #009ea1;}
.dcg .menu-sect .active{border-bottom: 2px solid #fff;}

@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 10%;}
.dcg .page-intro p{font-size: 18px;}


/********* BANNER SECT ***********/
.dcg .banner-sect {display:flex;}
.dcg .banner-box {padding:5px;}


/*********** CONTENT AREA **********/
.dcg .box-container {margin-top:50px;}
.dcg .tv-row {position:relative;}
.dcg .tv-text-left {position:absolute; bottom:0; width:45%; height:100%; padding:20px 40px;
box-sizing:border-box; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.dcg .tv-text-right {position:absolute; bottom:0; right:0; width:45%; height:100%; padding:20px 40px;
box-sizing:border-box; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.dcg .tv-text-inner {text-align:center; margin-bottom:20px;}
.dcg .tv-text-inner h3{margin:0 0 20px; font-size:20px; line-height: normal;}
.dcg .tv-text-inner p{font-size:18px; line-height: normal; margin-bottom:20px;}
.dcg .img-box-right {text-align:right; padding-left:45%;}
.dcg .img-box-left {padding-right:45%;}

.dcg .box-buttons a{background-color: #009ea1; text-decoration: none; color:#fff; 
    padding:5px 25px; 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:899px) {
    .dcg .tv-text-left {width:45%; height:100%; padding:20px 20px;}
    .dcg .tv-text-right {width:45%; height:100%; padding:20px 20px;} 
}
@media (max-width:799px) {
    .dcg .tv-text-left, .dcg .tv-text-right {width:100%; height:auto; padding:20px 20px 40px; position:static;}
    .dcg .img-box-right {text-align:right; padding-left:20%;}
    .dcg .img-box-left {padding-right:20%;}
}
@media (max-width:599px) {
    .dcg .img-box-right {text-align:right; padding-left:0;}
    .dcg .img-box-left {padding-right:0;}
}


/********* FEAT BOX ************/
.dcg .feature-boxes {display:flex; flex-wrap: wrap;}
.dcg .feat-box {position:relative; flex:33.33%;}
.dcg .feat-float-box{position:absolute; bottom:0; width:100%; padding:10px 20px; box-sizing: border-box; text-align: center;
color:#fff; background-color: rgba(0,0,0, 0.6);}
.dcg .float-heading{font-weight:bold; margin-bottom:5px; line-height: normal;}
.dcg .feat-float-box p{margin-bottom:5px; line-height: normal; min-height: 60px;}

@media (max-width:699px) {
    .dcg .feat-box {flex:48%;}
}