html,
body {
    height: 100%;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 0 0 30px 0;
}

h1 {
    font-size: 36px;
    
}

h2 {
    font-size: 28px;
}

a {
  text-decoration: none;
  color: black;
}

i {
  color: #A20E13;
}

.page-header {
    
    color: white;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.quality {
    background: #A20E13;
    color: white;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 7vw;
    padding-left: 7vw;
}

hr.solid {
    border-top: 5px solid #000;
  }

.footer {
    background: ;
    color: ;
    padding-top: 1rem; 
}

.red-heading {
  color: #A20E13;
}

.parallax {
    /* The image used */
    
  
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #trucks-parallax {
   
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #facilities-parallax {
  
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #motor-parallax {
   
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #services-cards {
   
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #mission-parallax {
  
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #vision-parallax {
  
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #transformer-parallax {
  
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #common-motors-parallax {
  
    /* Set a specific height */
    height: 80%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto;
  }

  #power-systems-parallax {
  
    /* Set a specific height */
    height: 100%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #switchgears-parallax {
  
    /* Set a specific height */
    height: 100%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
  }

  #electrification-parallax {
  
    /* Set a specific height */
    height: 100%;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .services-info {
    background-color: #444144;
  }