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


.dcg .hero-sect {position:relative; margin-bottom:30px;}
.dcg .mob-version{display:none;}
.dcg .hero-text {
    position: absolute;
    top: 5%;
    margin: 10px 5%;
    background-color: rgba(255,255,255, 0.9);
    width: 30%;
    padding: 20px 30px;}
.dcg .hero-text h2{margin:0 0 15px; color:#0096d6;}


@media only screen and (max-width:1099px){
    .dcg .hero-text {top: 5%; margin: 10px 5%; width: 40%; padding: 20px 30px;}
}
@media only screen and (max-width:899px){
    .dcg .hero-text {width: 80%; padding: 20px 30px;}
}
@media only screen and (max-width:750px){
    .dcg .hero-text {position: static;
    top: 0;
    margin: 0;
    background-color: none;
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box}
}

@media only screen and (max-width:599px){
    .dcg .mob-version{display:block;}
    .dcg .desktop-version{display:none;}
}


/******** SECTION 1 *********/
.dcg .section1 {background-color: #f3f3f3; border-top: 1px solid #000; margin-bottom:30px;}
.dcg .sect-row{display:flex; align-items: center;}
.dcg .sect-row-alt{display:flex; align-items: center;}
.dcg .sect-half{flex:1;}
.dcg .half-text{padding:20px 40px; width:70%;  box-sizing: border-box;}
.dcg .half-text p{color:#666; font-size:22px; margin-bottom:15px; margin-top:0;}
.dcg .half-text h2{color:#0096d6; margin-bottom: 20px;}
.dcg .half-text .button {margin-top:35px; margin-bottom:20px;}
.dcg .half-text .button a{color: #fff;background-color: #ffa500;
    padding: 10px 20px; font-size: 18px; font-weight: 100; margin-top: 10px; text-decoration: none;}

@media only screen and (max-width:999px){
    .dcg .half-text{width:100%;}
}
@media only screen and (max-width:599px){
    .dcg .sect-row{display:flex; flex-direction: column;}
    .dcg .sect-row-alt{display:flex; flex-direction: column-reverse;}
    .dcg .half-text{padding:20px 30px 30px;}
}


/************ SECTION 2 *********/
.dcg .section2 {margin-bottom:30px;}
.dcg .sect2-heading{font-size:26px; font-weight:bold;margin-bottom:20px;}
.dcg .sect2-hero{position:relative; margin-bottom:30px;}
.dcg .sect2-hero-text {position: absolute;
    top: 5%; margin: 10px 5%; background-color: rgba(255,255,255, 0.9); width: 40%; padding: 20px 30px;}
.dcg .sect2-hero-text h2{margin:0 0 15px; color:#0096d6;}
.dcg .sect-gray {background-color: #f3f3f3;}
.dcg .sect-half h3{margin:0 0 20px; font-size:16px; color:#0096d6; font-weight:normal;}


@media only screen and (max-width:899px){
    .dcg .sect2-hero-text {width: 80%; padding: 20px 30px;}
}
@media only screen and (max-width:750px){
    .dcg .sect2-hero-text {position: static;
    top: 0;
    margin: 0;
    background-color: none;
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box}
}


/********* SECTION 3 ********/
.dcg .sect3-half {float:left; width:50%;}
.dcg .sect2-hero{margin-bottom:30px;}
.dcg .sect3-hero-text {position: absolute;
    top: 5%; margin: 10px 5%; background-color: rgba(255,255,255, 0.6); width: 50%; padding: 20px 30px;}
.dcg .sect3-hero-text h2{margin:0 0 15px; color:#0096d6;}
.dcg .hero-txt-bold {font-weight:bold; margin-top:0; margin-bottom:20px;}
.dcg .sect3-disc {font-size:12px;}
.dcg .col-sm-heading {margin:10px 0;}
.dcg .col-lg-heading {margin:10px 0; font-size:24px; font-weight:bold;}
.dcg .vert-col {padding:0 20px; box-sizing: border-box;}

@media only screen and (max-width:999px){
    .dcg .sect3-hero-text {width: 80%; padding: 20px 30px;}
}
@media only screen and (max-width:799px){
    .dcg .sect3-hero-text {position: static;
    top: 0; margin: 0; background-color: none; width: 100%; padding: 20px 20px; box-sizing: border-box}
}
@media only screen and (max-width:599px){
   .dcg .sect3-half {float:none; width:100%; margin-bottom:30px;} 
}


/********* TABLE & FAQ *********/
.dcg .table {margin:20px 0;}
.dcg .faq-header h2 {margin:0 0 15px; color:#0096d6; text-align:center;}
.dcg .hp-disclaimers {margin-top:50px; margin-bottom:30px;}
.dcg .hp-disclaimers h2 {margin:0 0 15px; color:#0096d6; text-align:center; font-size:24px;}
.dcg .hp-disclaimers li {font-size:13px; margin-bottom:10px;}




/********** Others **********/
.dcg .clearfix::after {
  content: "";
  clear: both;
  display: table;
}