/*************************************
COLOR VARIABLES
**************************************/
.img-full-right {
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .img-full-right {
      display: block;
      float: right;
      width: 50%;
      max-width: 500px;
      padding-left: 10px;
      padding-bottom: 10px; } }
.img-full-left {
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .img-full-left {
      display: block;
      float: left;
      width: 50%;
      max-width: 500px;
      padding-right: 10px;
      padding-bottom: 10px; } }
.img1 {
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .img1 {
      display: block;
      float: right;
      width: 50%;
      max-width: 500px;
      padding-left: 10px;
      padding-bottom: 10px; } }
.img2 {
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .img2 {
      display: block;
      float: right;
      width: 30%;
      max-width: 500px;
      padding-left: 10px;
      padding-bottom: 10px; } }
.img3 {
  width: 100%; }
  @media only screen and (min-width: 600px) {
    .img3 {
      display: block;
      float: right;
      width: 30%;
      max-width: 300px;
      padding-left: 10px;
      padding-bottom: 10px; } }
.section-header {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  padding: 10px;
  margin: 10px 0px;
  background-color: #b6daf2; }

.light-towers .section-header {
  background-color: #f9e8a0; }

.air-compressors .section-header {
  background-color: #f29f97; }

.in-paragraph-header {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  padding: 10px 0px;
  text-decoration: underline; }

p strong {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  padding: 10px 0px;
  text-decoration: underline; }

@media only screen and (min-width: 800px) {
  .guide-navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center; } }

.guide-navigation a {
  border: 1px solid white;
  text-decoration: none;
  padding: 5px 15px;
  margin: 3px;
  line-height: 140%;
  color: white;
  background-color: #3498db;
  display: inline-block; }
  @media only screen and (min-width: 800px) {
    .guide-navigation a {
      -webkit-box-flex: 0;
         -moz-box-flex: 0;
          -ms-flex: 0 2 150px;
              flex: 0 2 150px;
      font-weight: 700; } }
  .guide-navigation a img {
    display: inline-block;
    float: right;
    max-width: 20px;
    margin: 0px 0px 0px 10px; }
    @media only screen and (min-width: 800px) {
      .guide-navigation a img {
        display: block;
        float: none;
        margin: 10px auto 5px;
        max-width: 50px; } }
.guide-navigation a:hover {
  background-color: white;
  color: black;
  border: 1px solid black; }
  .guide-navigation a:hover img {
    -webkit-filter: invert(1);
            filter: invert(1); }

.light-towers .guide-navigation a {
  background-color: #f1c40f; }

.air-compressors .guide-navigation a {
  background-color: #e74c3c; }

a.back-to-top {
  display: inline-block;
  background-color: #196090;
  color: white;
  padding: 8px 15px;
  margin: 10px 0px;
  text-decoration: none; }

.light-towers a.back-to-top {
  background-color: #f1c40f; }

.air-compressors a.back-to-top {
  background-color: #e74c3c; }

table.manufacturer-spec-chart {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto; }
  table.manufacturer-spec-chart .table-header {
    font-weight: 700; }
  table.manufacturer-spec-chart tr:nth-of-type(even) {
    background-color: #e6e6e6; }
  table.manufacturer-spec-chart td {
    padding: 10px 10px; }

a.equipment-link {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  text-align: right; }

.guides {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .guides .guide {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1 1 350px;
            flex: 1 1 350px;
    margin: 10px; }
    .guides .guide div.guide-icon {
      margin-top: 5px;
      width: 80px;
      height: 80px;
      float: left;
      text-align: center; }
      .guides .guide div.guide-icon img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%; }
    .guides .guide div.guide-info {
      width: calc( 100% - 90px);
      float: right; }
    .guides .guide a {
      display: inline-block;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 5px; }