#navBar{
  background-color: black !important;
}

.navbar-toggler {
  display: block !important; /* Force it to display on all screen sizes */
}

#logoLink{
  max-width: 15%;
}

#logoImg{
  max-width: 100%;
}

/* Content Section with Background Image */
.content-background {
  /* background-image: url('images/backgroundimage.png'); Your background image */
  background-size: cover; /* Cover the entire section */
  background-position: center; /* Center the image */
  background-color: #dbdbdb; /* background color */
  /* color: white; Text color */
  padding: 100px 0; /* Add top and bottom padding */
}

/* Text styling */
.content-background h1 {
  font-size: 3rem; /* Large title */
  font-weight: bold;
}

.content-background p {
  font-size: 1.25rem; /* Slightly larger text */
}

#MALogo{
  max-width: 75%;
}

#MassSaveLogo{
  margin-bottom:2em;
  max-width: 30% !important;
}

#benefitsList{
  text-align: left;
  margin-left: 1em;
  margin-right: 1em;
}

#columnTwo img{
  max-width:100%;
}

#columnTwo p{
  font-size: medium;
}

.myFooter{
  color:#acacac;
  background-color: black;
}

.myFooter #leftColumn{
  margin: 2em;
  max-width: 100%;
}

.myFooter #rightColumn{
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 2em;
  max-width: 90%;
}

#utilityButton{
  border: none;
  background-color: #dbdbdb;
}

@media(min-width: 768px){
  #benefitsList{
    margin-left: 10em;
    margin-right: 10em;
  }

  #columnTwo p{
    margin-left: 12em;
    margin-right: 12em;
    font-size: medium;
  }
  
  .myFooter #leftColumn{
    margin-left: 10em;
    margin-right: 10em;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .myFooter #rightColumn{
    margin-left: 10em;
    margin-right: 10em;
    margin-top: 3em;
    margin-bottom: 3em;
  }
}