footer {
  background-color: #000000;
  color: #fff;
  padding: 20px 0;
  text-align: center;
}
.footer-section h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
        /* Style for the icons */
        .material-icons {
          font-size: 20px;
          color: #de6f01;
          margin-right: 10px;
      }
        /* Font Awesome icon */
        .font-awesome-social-icons {
          display: flex;
          justify-content: center; /* Center the icons */
          align-items: center;   
          margin-bottom: 25px; 
      }
      .font-awesome-social-icons a {
          text-decoration: none; /* Remove underline */
          margin: 0 15px; /* Add space between icons */
          color: #ffffff; /* Default color for icons */
          font-size: 1.2em; /* Size of the icons */
          transition: color 0.3s; /* Smooth transition for color change */
      }

      /* Hover effect for social media icons */
      .font-awesome-social-icons a:hover {
          color: #c62828; /* Change color on hover */
      }
    
.footer-line {
  height: 1.5px; 
  background-color: #c62828;
  margin: 0 70px;
}
.copy-right {
  font-size: 0.9rem;
  margin: 1.5vw;
}
.email {
  margin: 20px;
  font-size: 1rem;

}



/* Small phones */
@media (max-width: 399px) {
   .copy-right {
    font-size: 0.6rem;
   }
   .email {
    font-size: 0.7rem;
}
.footer-line {
  height: 1px; 
  margin: 0 25px;
}
}


/* Mobile phones */
@media (max-width: 480px) {
  .copy-right {
    font-size: 0.7rem;
   }
   .email {
    font-size: 0.7rem;
}     
.footer-line {
  height: 1px; 
  margin: 0 25px;
} 
}


/* Tablets */
@media (max-width: 768px) {
  .copy-right {
    font-size: 0.7rem;
   }
   .email {
    font-size: 0.7rem;
}    
.footer-line {
  height: 1px; 
  margin: 0 25px;
}
}