/* Reset default margins and padding */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Container adjustments */
.container {
  width: 100%;
 
  margin: 0 auto;
  padding: 0 15px; /* Adds padding on sides for mobile */
}

/* CEO Cover */
.ceo-cover {
  background-image: url('../images/banner/stallion-pistol-banner-s32.jpg');
  background-size: cover;
  margin-top: 75px;
  height: 400px; /* Desktop default */
  margin-bottom: 30px;
}

/* Row and Column Layout */
.row {
  display: flex;
  flex-wrap: wrap; /* Allows columns to stack on smaller screens */
  gap: 20px; /* Adds spacing between columns */
}

.column {
  flex: 1 1 100%; /* Default to full width on mobile */
  padding: 15px;
}

/* Certification Box */
.certification-box {
  border: 1px solid #fd5703;
  background-color: #ecedec;
  padding: 15px;
  border-radius: 5px;
}

.certification-box img {
  max-width: 100%; /* Ensures images scale with container */
  height: auto;
  display: block;
  margin: 0 auto 15px; /* Center image and add bottom margin */
  border: 1px solid #fd5703;
}

.certification-box h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #333;
}

.certification-box p.lead {
  font-size: 1rem;
  line-height: 1.5;
  color: #666;
}

/* Summary Section */
.summary {
  padding: 20px 0;
}

.summary p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Footer */
.site-footer {
  padding: 20px;
  background-color: #333;
  color: white;
}

/* Media Queries for Responsiveness */
@media (min-width: 768px) {
  .column {
    flex: 1 1 33.33%; /* Three columns on larger screens */
  }

  .ceo-cover {
    height: 400px; /* Explicitly set for clarity, matches default */
  }
}

@media (max-width: 767px) {
  .ceo-cover {
    height: 200px; /* Reduced height for tablets and mobile */
  }

  .column {
    flex: 1 1 100%; /* Stack columns on mobile */
  }

  .certification-box img {
    margin: 0 auto 15px; /* Ensure centering on mobile */
  }

  .certification-box h3 {
    font-size: 1.25rem; /* Slightly smaller headings */
  }

  .certification-box p.lead {
    font-size: 0.9rem; /* Smaller text */
  }

  .site-footer {
    padding: 15px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .ceo-cover {
    height: 150px; /* Further reduced for small mobile screens */
  }

  .certification-box h3 {
    font-size: 1.1rem;
  }

  .certification-box p.lead {
    font-size: 0.85rem;
  }

  .summary p {
    font-size: 0.9rem;
  }
}