/* Local accessibility and typographic corrections. */
.portfolio-section .opacity-6 {
  opacity: 1;
  color: #595959;
}
.red, .portfolio-section h5, .counter-section .count-title {
  color: #b52629;
}
.testimonial-section {
  background-color: #bd272b;
}
.testimonial-section p {
  word-spacing: normal;
  line-height: 1.7;
  font-size: 17px;
}
.header-section p, .blog-text p, .contact-section p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.7;
}
.card-body .text { font-weight: 400; line-height: 1.65; }
.title-text .red { display: block; }
.btn.button { text-transform: none; }
.contact-section .button { color: #fff; }
.contact-section .button:hover {
  background-color: #a72125;
  border-color: #a72125;
  color: #fff;
}
/* Retain the photo and red character, with a stronger scrim behind menu text. */
.side-menu {
  background-image: linear-gradient(90deg, rgba(125, 23, 27, .94), rgba(145, 27, 30, .82)), url('../img/side-menu.jpg');
}
.navbar-fixed-top.scrolled { background-color: #fff !important; }
.navbar-fixed-top.scrolled .sidemenu_btn { left: auto; right: 20px; }
.clients-img img { width: 182px; height: 38px; object-fit: contain; margin: auto; }
a:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #202020;
  outline-offset: 5px;
}
.side-menu a:focus-visible { outline-color: #fff; }
@media (max-width: 991px) {
  .header-section p, .blog-text p { text-align: center; }
}
@media (max-width: 576px) {
  .navbar { background-color: #fff !important; }
  .sidemenu_btn, .navbar-fixed-top.scrolled .sidemenu_btn { left: auto; right: 18px; }
  .title-text { font-size: 36px; letter-spacing: -1.5px; }
  .portfolio-section h2 { font-size: 34px; line-height: 1.2; }
  .portfolio-section p { font-size: 17px; line-height: 1.65; }
  .contact-section .media-body span { margin-left: 0; }
  .contact-section .media-body li { display: block; margin-bottom: 8px; }
}