.bar1,
.bar2,
.bar3 {
    background-color: var(--blue);
}
.navbar-on .bar1 {
    background-color: var(--blue);
  }
  
  .navbar-on .bar3 {
    background-color: var(--blue);
  }



/* HERO */
.hero {
  text-align: center;
  width:60%;
  margin: auto;
  margin-top: 90px;
}
/* END OF HERO */

/* CASE STUDIES */
.case-studies h5 {
  font-size: 12px;
}
.case-studies h4 {
  font-size: 25px;
}
.case-studies img {
  filter: grayscale(100%);
}
/* END OF CASE STUDIES */




/*
	•	Targets: Mobile phones and small tablets in portrait
	•	Examples: iPhone SE, iPhone 13/14, Galaxy phones, smaller Androids, small tablets
*/
@media (max-width: 767px) {
    .hero {
		width: 100%;
		text-align: left;
	}
}

/* Tablets (portrait) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
   
}
  
/* Tablets (landscape) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   
}

/* iPad Pro-specific styling */
@media (min-width: 834px) and (max-width: 1366px) and (orientation: portrait) {

}

/* iPad Pro-specific styling */
@media (min-width: 834px) and (max-width: 1366px) and (orientation: landscape) {
   
}

/* Small desktops */
@media (min-width: 1025px) and (max-width: 1439px) {

}

/* Large desktops */
@media (min-width: 1440px) {

}

/* Ultra-wide monitors */
@media (min-width: 1920px) {
/* Optional refinements here */
}

@media (min-width: 2560px) {
 
}