.section-content {
  padding: 3% 12%;
}
.field--name-field-more-energy > .field-item .paragraph--type--commercial-2-cols-image-text {
  display: flex;
}
.field--name-field-more-energy > .field-item .paragraph--type--commercial-2-cols-image-text .field--name-field-description {
  flex: 50%;
}
body .roof-power h2.section-title {
  left: 0;
  margin-bottom: 0;
}
.paragraph--type--commercial-2-cols-image-text .field--name-field-description {
  padding: 6% 5% 0 13%;
}
.paragraph--type--commercial-2-cols-image-text .field--name-field-description ul li {
  padding-left: 1.3em;
  font-size: 1.1em;
  padding-bottom: 25px;
  color: #303030;
}
.paragraph--type--commercial-2-cols-image-text .field--name-field-description ul li:before {
  content: "";
  display: inline-block;
  margin-left: -1.3em;
  background-image: url(../img/rectangle_lean.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2em;
  height: 0.85em;
}
.field--name-field-roof-power-image-desktop {
  display: block;
  background: #f1f1f1;
}
.roof-power {
  padding: 4% 5% 5% 14%;
  background: #f1f1f1;
}
.roof-power #roof-title {
  display: block;
  color: #303030;
  font-size: 2.4em;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 1em;
}
.field--name-field-roof-power-image-mobile {
  display: none;
}
.field--name-field-roof-power-description .content-container {
  display: flex;
  padding-top: 2.5%;
}
.field--name-field-roof-power-description .content-container .content-area {
  flex: 50%;
}
.field--name-field-roof-power-description .content-container .content-area:nth-child(1) {
  margin-bottom: 2%;
}
.field--name-field-roof-power-description .content-area ul li {
  padding-left: 1.3em;
  font-size: 1.1em;
  padding-bottom: 6px;
  color: #303030;
}
.field--name-field-roof-power-description .content-area ul li:before {
  content: "";
  display: inline-block;
  margin-left: -1.3em;
  background-image: url(../img/rectangle_lean.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2em;
  height: 0.85em;
}
.section-content.sibling-pages {
  background: #FFFFFF;
}
.section-content.questions-email {
  background: #f1f1f1;
}
.field--name-field-roof-power-description ul li:before {
  content: "";
  display: inline-block;
  margin-left: -1.3em;
  background-image: url(../img/rectangle_lean.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2em;
  height: 0.85em;
}

/*laptop (horizontal)*/
@media only screen and (max-width: 1400px) {

}
/*tablet (horizontal)*/
@media only screen and (max-width: 1024px) {

}
/*mobile and tablet (vertical)*/
@media only screen and (max-width: 800px) {
  .field--name-field-roof-power-description .content-container .content-area h2 {
    margin-top: 5%;
    margin-bottom: 5%;
  }
  .field--name-field-more-energy > .field-item .paragraph--type--commercial-2-cols-image-text {
    display: block;
  }
  .paragraph--type--commercial-2-cols-image-text .field--name-field-description {
    flex: unset;
    padding: 5% 15px 0;
  }
  .field--name-field-roof-power-image-desktop {
    display: none;
  }
  .field--name-field-roof-power-image-mobile {
    display: block;
  }
  .field--name-field-roof-power-image-mobile img {
    height: 100%;
  }
  .roof-power {
    padding: 8% 0;
  }
  body .roof-power h2.section-title {
    left: 15px;
  }
  .field--name-field-roof-power-description > * {
    padding: 0 15px 2%;
  }
  .field--name-field-roof-power-description > ul li {
    padding-left: 20px;
  }
  .field--name-field-roof-power-description .content-container {
    display: block;
    padding: 0 15px 2%;
  }
  .field--name-field-roof-power-description .content-container .content-area ul {
    padding-left: 1em;
  }
  .paragraph--type--commercial-2-cols-image-text .field--name-field-description h3 {
    padding: 0 0 15px;
  }

}