.homepage-image{
   height: auto;
   width: 100%;
}

.body-text img:hover{
   opacity: 0.5;
   filter: alpha(opacity=50);
}

.body-text p {
   padding: 0 5px;
}

.ch-taskicon {
   width: 100%;
   display: inline-block;
   padding: 10px 0 10px 0;
   margin-bottom: 20px;
}

.ch-taskicon:before {
   position: relative;
   font-size: 90px;
   color: #0061aa;
   width: 100%;
}

.ch-tasks {
   text-align: center;
   height: 300px;
   margin-bottom: 50px;
}

.task-padding {
   padding: 20px 15px 60px 15px;
}

.ch-moreinfo, .ch-moreinfo:hover {
   background-color: #0061aa;
   border-color: #0061aa;
}

.roof-task {
   height: 40px;
   width: 100%;
   visibility: hidden;
}

.ch-taskname {
   color: #0061aa;
   font-weight: bold;
   font-size: 1.2em;
   display: inherit;
}

.ch-taskdescription {
   top: 110px;
   text-align: center;
   word-wrap: break-word;
}

.ch-taskdescription:hover {
    text-decoration: none;    
}

.ch-tasks img {
   max-height: 100px;
   margin-bottom: 30px;
}
   
.info-ch {
   position: absolute;
   bottom: 10px;
   left: 0;
   width: 100%;
}

.ch-moreinfo {
   background-color: #0061aa;
   border-color: #0061aa;
}

.ch-moreinfo i:before {
   padding-left: 10px;
}


.white-well:hover,
.white-well2:hover{
   background-color: #E6E6E6;
}

.main-feature {
   padding-left: 0;   
}

.main-feature img {
   width: 100%;
}

.featured-content {
   padding: 30px;
   background-color: #4D4D4D;
}

.featured-content .well {
   border-radius: 0;
}

.border-bottom {
   border-bottom: solid 7.5px #4D4D4D;
}

.border-top {
   border-top: solid 7.5px #4D4D4D;
}

#feature-title {
   color: #ffffff;
   position: absolute;
   text-align: center;
   padding: 20px;
   width: 100%;
   font-weight: bold;
}

.sl-feature-title {
   color: #4D4D4D;
   font-weight: bold;
   font-size: 1.25em;
}

.sl-feature-description {
   color: #4d4d4d;
   display: block;
}

#feature-description {
    color: #ffffff;
    position: absolute;
    top: 70%;
    text-align: center;
    font-size: 1.25em;
    padding: 20px;
    width: 100%;
}

.small-feature img {
   border-right: #F5851F solid 5px;
   width: 100%;
   position: absolute;
   top: 25%;
}

.rhs {
   background-color: #ffffff;
   height: 50%;
}

.rhs-row{
   height: 100%;
}

.rhs .col-md-3,
.rhs .col-md-9
 {
   height: 100%;
}

.last-well {
   margin-bottom: 0;
}

#feature-title,
#feature-description,
#feature-p {
    pointer-events: none;
}

#feature-icon:before, .sl-feature-icon:before {
   color: #ffffff!important;
   background-color: #F5851F ;
   border-radius: 4px;
   padding: 5px;
}

#feature-p {
   text-align: center;
   position: absolute;
   top: 80%;
   width: 100%;
}

.sl-feature-p {
   position: absolute;
   bottom: 15%;
   left: 90%;
}

.home-container .body-text {
   padding-right: 0;
   padding-left: 0;
}

.home-container .image-text p{
   color: #ffffff;
}

.image-text {
   position: absolute;
   text-align: center;
   padding: 0 15px 0 15px;
   width: 100%;
}

.white-well,
.white-well2 {
   padding: 15px;
   background-color: #ffffff;
}

.white-well2 {
   margin-top: 20px;
}

.large-image {
   padding-left: 0;
}

.large-image img:hover {
    opacity: 0.5;
}

.featured-content .row {
   margin-left: 0;
   margin-right: 0;
}

.small-image {
   border-right: #F5851F solid 5px;
}

.large-image img {
   width: 100%;
}

.image-text {
    pointer-events: none;
}

@media (min-width: 768px) and (max-width: 991px) {
   .chsocial-media i:before {
      margin-top: 0;
   }

   .main-feature img {
      margin: auto;
   }

   .small-feature:nth-child(2) {
      bottom: 0;
   }

   .main-feature {
      padding-right: 0;
   }

   .border-bottom {
      margin-top: 15px;
   }

   .task-container {
      padding-left: 0;
      padding-right: 0;
   }

   .ch-taskicon:before {
      margin: 0;
   }

   .sl-feature-description {
      padding-left: 15px;
   }

   .rhs {
      height: 40%;
   }

   .small-feature img {
      top: 20%;
   }

    .sl-feature-p {
        bottom: 18%;
    }

   #feature-title {
      top: 55%;
      font-size: 3.5em;
   }

   #feature-p {
      top: 90%;
   }

   #feature-description {
      top: 80%;
   }

    .white-well,
    .white-well2 {
        display: table;
    }
}

@media (max-width: 767px) {
   .body-text p {
      margin: 0;
   }

   .ch-taskicon {
      width: auto;
      position: absolute;
      left: 10%;
   }

   .ch-taskdescription {
      display: none;
   }

   .ch-tasks {
      height: auto;
      padding: 20px 40px 100px 50px;
      margin-bottom: 0;
      text-align: center; 
   }

   .info-ch {
      bottom: 40px;
      position: absolute;
      left: 45%;
      width: auto;
   } 

   .ch-taskname {
      position: absolute;
      left: 45%;
   }

   .ch-tasks:nth-child(2n+1) {
      background-color: #F2F2F2;
   } 

   .ch-taskicon:before{
      font-size: 5rem;
   }

   .ch-moreinfo {
      font-size: 12px;
   }

   .ch-tasks img {
      float: left;
   }

   .small-feature .well img, .sl-feature-description {
      display: none;
   }

   .sl-feature-title {
      position: relative;
      border-left: #F5851F solid 3px;
      left: 0;
      font-size: 1.75em;
   }

   .featured-content {
      padding: 20px;
   }

   .main-feature, .small-feature {
      padding: 0;
   }

   #feature-text {
      font-size: 0.75em;
      color: #ffffff!important;
   }

   div.row-tasks > div:nth-of-type(odd) {
      background: #F2F2F2;
   }

   .sl-feature-p {
      position: relative;
   }

   .sl-feature-icon {
      float: left;
      position: relative;
      left: 10px;
   }
   .white-well,
   .white-well2 {
      padding: 15px 15px 45px 15px;
   }

   #copyright,
   .chsocial-media,
   .ch-links {
      margin-left: 0;
      margin-right: 0;
   }

   .task-container {
      padding-left: 0;
      padding-right: 0;
   }

   .task-align {
      display: inline-block;
   }

   .row-tasks {
      text-align:center;
   }   

   .task-container:hover {
      background-color: #F5851F!important;
   }

   .task-container:hover .ch-taskicon:before,
   .task-container:hover .ch-taskname{
      color: #ffffff;
   }
}

@media(min-width: 992px) { 
   .small-image {
      max-height: 139px;
      float: left;
      margin-right: 5px;
   }

   .large-image img {
      max-height: 500px;
   }
}

@media(min-width: 992px) and (max-width: 1199px) {
   #feature-title {
      top: 45%;
      font-size: 2em;
   }   
}

@media(min-width: 1200px) {
   .small-image {
      max-height: 180px;
      float: left;
      margin-right: 5px;
   }

   #feature-title {
      top: 45%;
      font-size: 2.5em;
   }

   .image-text {      
      margin: 0 15% 0 25%;
      width: auto;
   }

   #attention-text {
      font-size: 3em;
      color: #ffffff;
      display: block;
   }

   #feature-text {
       color: #ffffff!important;
   }
}

@media(max-width:991px) {
   .home-container {
      padding: 0;
   }

   .home-row {
      margin-left: 0;
      margin-right: 0;
   }

   .row-tasks {
      margin-left: 0;
      margin-right: 0;
   }

   .large-image {
      padding: 0;
      margin-bottom: 20px;
   }

   .small-image {
      max-height: 139px;
      float: left;
      margin-right: 5px;
   }
}

@media(min-width: 768px) {
   .task-container:hover .roof-task {
      visibility: visible;
   }

   .task-container:hover .ch-tasks {
       background-color: #0061aa;
       color: #ffffff!important;
   }

   .task-container:hover .ch-taskname,
   .task-container:hover .ch-taskicon:before,
   .task-container:hover .ch-taskdescription{
        color: #ffffff!important;
   }

   .task-container a:hover{
       text-decoration: none!important;
   }

   .task-container a {
       display: inline-block;
       width: 100%;
       height: 100%;
   }

   .image-text {      
      top: 30%;
      border-left: solid 5px #0061aa;
      border-right: solid 5px #0061aa;      
   }

    #attention-text {
        font-size: 3em;
        color: #ffffff;
        display: block;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {
   .image-text {
      top: 30%;
      border-left: solid 5px #0061aa;
      border-right: solid 5px #0061aa;
      margin: 0 15% 0 20%;
      width: auto;
   }
}

@media(max-width: 419px) {
   .image-text {
      top: 10%;
      border: none;
   }

    #attention-text {
        font-size: 1.25em;
        color: #ffffff;
        display: block;
    }

   #feature-title {
      font-size: 1.5em;
      top: 40%;
   }

   #feature-p {
      top: 75%;
   }
}

@media(min-width: 420px) and (max-width: 519px) {
   .image-text {
      top: 15%;
      border: none;
   }

    #attention-text {
        font-size: 1.75em;
        color: #ffffff;
        display: block;
    }

   #feature-title {
      font-size: 1.75em;
      top: 50%;
   }

   #feature-p {
      top: 75%;
   }
}

@media(min-width: 520px) and (max-width: 767px) {
   .image-text {
      top: 20%;
      border: none;
   }

    #attention-text {
        font-size: 2.5em;
        color: #ffffff;
        display: block;
    }

   #feature-title {
      font-size: 2.5em;
      top: 40%;
   }

   #feature-p {
      top: 75%;
   }
}