/* Styling for the container holding all contact content */
.contact-container {
  color: #333333; /* Text color for the container */
  display: -webkit-flex; /* Use flexbox layout for WebKit browsers */
  display: flex; /* Use flexbox layout */
  -webkit-flex-direction: column; /* Arrange items in a column for WebKit browsers */
  flex-direction: column; /* Arrange items in a column */
  width: 100%; /* Set width to 100% */
  justify-content: center; /* Align items to the start (centered vertically) */
  margin-top: 12px; /* Add top margin */
}
.contact-article {
  margin: auto; /* Center the article horizontally */
  padding-left: 14%; /* Add left padding */
  padding-right: 14%; /* Add right padding */
  margin-top: 2.6%;
}
/* Hide order title on mobile devices */
.contact-container .contact-article .order-title-mobile {
  display: none; /* Hide on mobile devices */
}
/* Styling for the contact methods */
.contact-methods {
  margin-top: 10px;
}
/* Styling for individual contact method */
.contact-method {
  display: -webkit-flex; /* Use flexbox layout for WebKit browsers */
  display: flex; /* Use flexbox layout */
  align-items: center; /* Align items vertically */
  margin-top: 3%; /* Add top margin */
  word-wrap: break-word; /* Allow text to wrap within contact method */
}
/* Styling for anchor tags within contact methods */
.contact-method a {
  text-decoration: underline dotted; /* Add underline and dots decoration */
  color: unset; /* Use default text color */
  word-wrap: break-word; /* Allow text to wrap within anchor tag */
}
/* Styling for anchor tags within contact methods on hover */
.contact-method a:hover {
  cursor: pointer; /* Change cursor to pointer on hover */
  text-decoration: none; /* Remove underline on hover */
}
/* Styling for visited anchor tags within contact methods */
.contact-method a:visited {
  text-decoration: none; /* Remove default underline for visited links */
}
/* Styling for images within contact methods */
.contact-method img {
  width: auto; /* Automatically adjust width */
  height: 26px; /* Set height */
  padding-right: 5%; /* Add right padding */
}
/* Media query for smaller screens */
@media screen and (max-width:720px) {
  .contact-article {
    padding-left: 10%; /* Reduce left padding */
    padding-right: 10%; /* Reduce right padding */
  }
  /* Hide desktop order title */
  .contact-container .contact-article .order-title-desktop {
    display: none; /* Hide on smaller screens */
  }
  /* Display mobile order title */
  .contact-container .contact-article .order-title-mobile {
    display: block; /* Display on smaller screens */
  }
  /* Adjust margin for mobile contact methods */
  .contact-container .contact-article .contact-methods {
    margin-top: 2.5%; /* Adjust top margin */
  }
}