.sectiontop {
    margin-top: 65px;
}

.sectionintro {
    position: relative;
    width: 100%;
    height: auto; /*55vh;*/
}

.sectionintro .item-container {
    position: relative;
}
.sectionintro .item-container .descriptionbox {
    position: relative;
    width:1215px;
    
    font-family: brother-1816, sans-serif;
    font-weight: 200;
    font-size: 46px;
    color: #747375;
    text-align: left;
    line-height: 61px;
}
.sectionintro .item-container .descriptionbox .hike {
    color: #000000;
}


/*override*/
.sectionbuttongrade.sectionmaintitle {
    margin-top: 240px; /*26px;*/
}
/*override*/
.sectionfeature {
    margin-top: 61px;    
}



/*specific grid box sizes*/
.sectionboxes .boxcontainer .boxcolumn .boxitem img.tdslogo {
    width:398px;
} 
.sectionboxes .boxcontainer .boxcolumn .boxitem img.epfpopup {
    width: 555px;
}

.sectionboxes .boxcontainer .boxcolumn .boxitem img.epfbrand {
    width: 233px;
}
.sectionboxes .boxcontainer .boxcolumn .boxitem img.springposter {
    width: 619px; /*width: 526px;*/
}
.sectionboxes .boxcontainer .boxcolumn .boxitem img.dunposter {
    width:789px;
}

/*override*/
@media screen and (min-width: 1920px) {
    .sectionfeature {
      height:990px
    }
}

@media screen and (max-width: 1900px) {
    .sectionbuttongrade.sectionmaintitle {
      margin-top: 140px;
    }
}

@media screen and (max-width: 1255px) {
    .sectionintro .item-container .descriptionbox  {
        width:100%;    
    }
}

@media screen and (max-width: 991px) {
    .sectionintro {
        height:auto;
    }
    .sectionfeature {
        margin-top:50px;
    }
    .sectionbuttongrade.sectionmaintitle {
        margin-top:100px;
    }
    
   
  .sectionintro .item-container .descriptionbox {
     font-size: 42px;
     line-height: 58px; 
  }
  
}

@media screen and (max-width: 768px) {

    .sectionintro .item-container .descriptionbox {
      font-size: 35px;
      line-height: 54px;
    }
    .sectionfeature {
        height: 500px;
        margin-top:40px;
    }
    .sectionbuttongrade.sectionmaintitle {
      margin-top: 80px;
    }
    .sectiontop {
      margin-top: 35px;
    }
}

@media screen and (max-width:600px) {
    .sectionintro .item-container .descriptionbox {
      font-size: 25px;
      line-height: 41px;
    }
    .sectionfeature {
        margin-top:40px;
    }
    .sectionbuttongrade.sectionmaintitle {
      margin-top: 40px;
    }
    
    .sectiontop {
      margin-top: 20px;
    }
}