.dcg {max-width:1240px;}
.dcg img {max-width:100%;}
.dcg h2{line-height: normal; margin-top:0; margin-bottom:10px; font-size:30px;}
.dcg p{line-height: normal; font-size:18px; margin:0 0 20px;}


/********** HERO SECTION *******/
.dcg .hero-section {position:relative; background-color: #000; color:#fff;}
.dcg .hero-img {text-align:right;}
.dcg .logo-sect {position:absolute; top:30px; width:100%; padding:0 20%; box-sizing: border-box;}
.dcg .sect1-text {position:absolute; top:30%; left:30px; width:400px;}
.dcg .sect1-text p{font-size:18px; margin:30px 0;}

.dcg .sect-cta {margin-top:40px;}
.dcg .sect-cta a{text-decoration: none; background-color: #fff; color:#000; padding:10px 20px; font-size:24px; display: inline-block;
border:1px solid #fff; transition: background-color 1s;}
.dcg .sect-cta a:hover{background-color: #000; color:#fff;}

@media (max-width:680px) {
    .dcg .sect1-text {position: static; width:100%; padding:30px; box-sizing: border-box;}
}

/******** SECTION 2 *********/
.dcg .section2 {background-color:#1e1e1e; color:#fff; text-align:center; padding:40px 30px;}
.dcg .sect2-container{display:flex; justify-content:space-between; margin:30px 15%;}
.dcg .sect2-box {flex:1; margin:10px;}
.dcg .sect2-box-text {font-size:18px; margin-top:20px; padding:0 10%;}

@media (max-width:999px){
    .dcg .sect2-container{margin:30px 10%;}
}
@media (max-width:699px){
    .dcg .sect2-container{margin:30px 0 0;}
}


/********* SECTION 3 ********/
.dcg .section3 {background-color: #000; color:#fff; position:relative;}
.dcg .sect3-text {position:absolute; top:10%; right:30px; width:42%;}
.dcg .img-container {max-width:60%;}
.dcg .processor-icons {margin-top:30px;}

@media (max-width:1100px) {
    .dcg .img-container {max-width:65%;}
}
@media (max-width:999px) {
    .dcg .img-container {max-width:65%;}
    .dcg .sect3-text {top:5%; right:30px; width:50%;}
}
@media (max-width:899px) {
    .dcg .img-container {max-width:80%;}
    .dcg .sect3-text {position:static; width:100%; padding:30px; box-sizing: border-box;}
}


/******** SECTION4 ************/
.dcg .section4 {background-color: #000; color:#fff; position:relative;}
.dcg .sect4-img {text-align:right; margin-left:40%;}
.dcg .sect4-text {position:absolute; top:10%; left:30px; width:40%;}

@media (max-width:1100px) {
    .dcg .sect4-img {text-align:right; margin-left:30%;}
    .dcg .sect4-text {position:absolute; top:5%; left:30px; width:45%;}
}
@media (max-width:899px) {
    .dcg .sect4-text {position:static; width:100%; padding:30px 30px 50px; box-sizing: border-box;}
}
@media (max-width:599px) {
    .dcg .sect4-img {text-align:right; margin-left:0;}
}