/* ===================================
   QONCEPT 360 - RESPONSIVE STYLES
   =================================== */

/* ===================================
   EXTRA LARGE DEVICES (xxl - 1400px+)
   =================================== */

@media (min-width: 1400px) {
    .container-lg {
        max-width: 1320px;
    }

    h1, .display-3 {
        font-size: 4.5rem;
    }

    h2, .display-4 {
        font-size: 3.5rem;
    }

    .hero-section {
        padding-top: 5rem !important;
        padding-bottom: 7rem !important;
    }
    p.text-secondary {
    font-size: 1.25rem;
}
}

/* ===================================
   LARGE DEVICES (lg - 992px to 1399px)
   =================================== */

@media (max-width: 1199px) {
    .container-lg {
        max-width: 960px;
    }

    h1, .display-3 {
        font-size: 2.75rem;
    }

    h2, .display-4 {
        font-size: 2rem;
    }

    .navbar-nav .nav-link {
        margin: 0.25rem 0.25rem;
    }

    .hero-image img {
        height: 400px;
        object-fit: cover;
    }
}

/* ===================================
   MEDIUM DEVICES (md - 768px to 991px)
   =================================== */

@media (max-width: 991px) {
    /* NAVBAR */
     section.hero-section {
        margin-top: 0;
        padding: 0;
        padding-bottom: 34px !important;
    }
    footer.footer h6 {
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 22px !important;
}
    .navbar {
        padding: 1rem 0;
    }

    .navbar-custom .logo-img {
        height: 40px;
    }

    .navbar-nav {
        margin-top: 1.5rem;
        padding-top: 1rem;
        border-top: 1px solid #E2E8F0;
    }

    .navbar-nav .nav-link {
        padding: 0.75rem 0;
        margin: 0;
    }

    /* HERO SECTION */
    .hero-section {
        margin-top: 60px;
        padding-top: 2rem !important;
        padding-bottom: 3rem !important;
    }

    .hero-title {
        font-size: 2rem;
        line-height: 1.2;
    }

    .display-3 {
        font-size: 2rem;
    }

    .display-4 {
        font-size: 1.75rem;
    }

    .hero-image {
        margin-top: 2rem;
    }

    .hero-image img {
        height: 300px;
        object-fit: cover;
        border-radius: 0.75rem;
    }

    /* SECTIONS */
    .about-section,
    .services-section,
    .team-section,
    .contact-section {
        padding: 3rem 0;
    }

    /* CARDS */
    .card-service {
        margin-bottom: 1rem;
    }

    .card-team {
        margin-bottom: 1rem;
    }

    .team-avatar {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }

    /* CONTACT */
    .contact-info {
        margin-bottom: 2rem;
    }

    /* CTA SECTION */
    .cta-section {
        padding: 3rem 0;
    }

    .cta-section h2 {
        font-size: 1.75rem;
    }

    /* FOOTER */
    .footer {
        padding: 3rem 0 1.5rem;
    }

    .footer h6 {
        margin-bottom: 1rem;
        font-size: 1rem;
    }

    /* GRID LAYOUTS */
    .row.g-5 {
        gap: 2rem !important;
    }

    .row.g-4 {
        gap: 1.5rem !important;
    }
}

/* ===================================
   SMALL DEVICES (sm - 576px to 767px)
   =================================== */

@media (max-width: 767px) {
	
	section.leadership-section.py-5 .card-mentor_image {
    width: 100%;
  
}
	body .roles-grid {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-bottom: 48px;
}
	body .leader-image img {
    height: 480px;
 
}
	body .client-logo {
    max-height: 80px;
    width: auto;
    object-fit: contain;
    filter: unset; 
    transition: 0.3s;
    margin: 0 auto;
}
	
	
    section.hero-section .col-lg-6:nth-child(2) {
        margin-top: 0;
        order: 1;
    }
    
    
    .values-strip{
        grid-template-columns: repeat(1, 1fr);}

section.hero-section .col-lg-6:nth-child(1) {
    order: 2;
    margin-top: 0;
}
.apply-steps {
   
    grid-template-columns: repeat(1, 1fr);
   
}

    /* GLOBAL */
    .container-lg {
        max-width: 540px;
        padding: 0 1rem;
    }

    body {
        font-size: 0.95rem;
    }

    /* NAVBAR */
    .navbar {
        padding: 0.75rem 0;
    }

    .navbar-custom {
        padding: 0.5rem 0;
    }

    .navbar-custom .logo-img {
        height: 35px;
    }

    .navbar-brand {
        margin-right: auto;
    }

    .navbar-nav {
        margin-top: 1rem;
        padding-top: 1rem;
    }

    .navbar-nav .nav-link {
        font-size: 0.9rem;
        padding: 0.5rem 0;
    }

    .navbar-nav .btn {
        width: 100%;
        margin-top: 1rem;
    }

    /* HERO SECTION */
    .hero-section {
        margin-top: 70px;
        padding-top: 1.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .hero-title {
        font-size: 1.75rem;
        line-height: 1.25;
        margin-bottom: 1rem;
    }

    .display-3, .display-4 {
        font-size: 1.5rem;
    }

    .hero-content p {
        font-size: 0.95rem;
    }

    .hero-image {
        margin-top: 2rem;
    }

    .hero-image img {
        height: 250px;
        border-radius: 0.5rem;
    }

    .badge-custom {
        font-size: 0.7rem;
        padding: 0.4rem 1rem;
    }

    /* BUTTONS */
    .btn {
        padding: 0.6rem 1.2rem;
        font-size: 0.9rem;
    }

    .btn-lg {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }

    .btn-gradient {
        width: 100%;
        text-align: center;
    }

    /* SECTIONS */
    .about-section,
    .services-section,
    .team-section,
    .clients-section,
    .contact-section {
        padding: 2rem 0;
    }

    .about-content h2 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    /* CARDS */
    .card {
        margin-bottom: 1rem;
    }

    .card-body {
        padding: 1.25rem;
    }

    .card-service .service-icon {
        font-size: 1.75rem;
    }

    .card-service h5,
    .card-team h5 {
        font-size: 1rem;
    }

    .team-avatar {
        width: 45px;
        height: 45px;
        font-size: 0.9rem;
    }

    .icon-box {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    /* TEXT */
    h3, h4, h5, h6 {
        font-size: 1.1rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    .lead {
        font-size: 1rem;
    }

    .text-secondary {
        font-size: 0.9rem;
    }

    /* BELIEF SECTION */
    .belief-icon {
        font-size: 2.5rem;
    }

    .card-beliefs {
        padding: 2rem;
    }

    /* CTA SECTION */
    .cta-section {
        padding: 2.5rem 0;
    }

    .cta-section h2 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 2rem;
    }

    /* CONTACT */
    .contact-info {
        margin-bottom: 2rem;
    }

    .contact-form {
        padding: 1.5rem !important;
    }

    .form-control {
        padding: 0.65rem 0.8rem;
        font-size: 0.95rem;
    }

    /* FOOTER */
    .footer {
        padding: 2rem 0 1rem;
    }

    .footer h6 {
        font-size: 0.95rem;
        margin-bottom: 0.75rem;
    }

    .footer .list-unstyled li {
        margin-bottom: 0.5rem;
    }

    .footer small {
        font-size: 0.85rem;
    }

    .social-links a {
        margin-right: 1rem !important;
    }

    /* GRID SPACING */
    .row.g-5 {
        gap: 1.5rem !important;
    }

    .row.g-4 {
        gap: 1rem !important;
    }

    .row.g-3 {
        gap: 0.75rem !important;
    }

    /* SPACING UTILITIES */
    .pt-5, .py-5 {
        padding-top: 2rem !important;
    }

    .pb-5, .py-5 {
        padding-bottom: 2rem !important;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

    /* MENTOR CARD */
    .card-mentor {
        padding: 1.5rem;
    }

    /* CLIENT SECTION */
    .clients-section .d-flex {
        flex-wrap: wrap;
        gap: 1.5rem !important;
    }

    .clients-section .fw-bold {
        font-size: 0.95rem;
    }
}

/* ===================================
   EXTRA SMALL DEVICES (xs - Below 576px)
   =================================== */

@media (max-width: 575px) {
	
	section.hero-section .col-lg-6:nth-child(2) {
    margin-top: 0;
}
    /* GLOBAL */
    .container-lg {
        max-width: 100%;
        padding: 0 1rem;
    }

    body {
        font-size: 0.9rem;
    }

    /* NAVBAR */
    .navbar {
        padding: 0.5rem 0;
    }

    .navbar-custom {
        padding: 0.5rem 0;
    }

    .navbar-custom .logo-img {
        height: 30px;
    }

    .navbar-brand {
        margin-right: 0.5rem;
    }

    .navbar-toggler {
        padding: 0.15rem 0.35rem;
    }

    /* HERO SECTION */
    .hero-section {
        margin-top: 65px;
        padding-top: 1rem !important;
        padding-bottom: 2rem !important;
    }

    .hero-title {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 0.75rem;
    }

    .display-3, .display-4 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .hero-content p {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    .hero-image img {
        height: 200px;
        border-radius: 0.5rem;
    }

    .badge-custom {
        font-size: 0.65rem;
        padding: 0.35rem 0.9rem;
    }

    /* BUTTONS */
    .btn {
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }

    .btn-lg {
        padding: 0.65rem 1.25rem;
        font-size: 0.95rem;
    }

    .btn-gradient {
        width: 100%;
    }

    /* SECTIONS */
    .about-section,
    .services-section,
    .team-section,
    .clients-section,
    .contact-section {
        padding: 1.5rem 0;
    }
    .hero-sec {
    padding-top: 70px;
    }
    
.hero-sec h1 {
    font-size: clamp(1.8rem, 5vw, 3.4rem);
}
    
    .svc-card h3 {
    font-size: 1.2rem;
}
.svc-sec {
    padding: 0px 0;
}
.card.card-beliefs.mb-0 h5 {
    font-size: 20px;
}
.svc-card.b .stag {
    font-size: 1rem;
}
    .about-content h2 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    h2 {
        font-size: 1.3rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    h4, h5, h6 {
        font-size: 1rem;
    }

    .lead {
        font-size: 0.95rem;
    }

    /* CARDS */
    .card {
        margin-bottom: 0.75rem;
    }

    .card-body {
        padding: 1rem;
    }

    .card-service .service-icon {
        font-size: 1.5rem;
    }

    .card-service h5 {
        font-size: 0.95rem;
    }

    .card-service p {
        font-size: 0.85rem;
    }

    .team-avatar {
        width: 40px;
        height: 40px;
        font-size: 0.85rem;
    }

    .icon-box {
        width: 35px;
        height: 35px;
        font-size: 0.9rem;
    }

    /* BELIEF SECTION */
    .belief-icon {
        font-size: 2rem;
    }

    .card-beliefs {
        padding: 1.5rem;
    }

    /* TEXT */
    .text-secondary {
        font-size: 0.85rem;
    }

    .small {
        font-size: 0.8rem;
    }

    /* CTA SECTION */
    .cta-section {
        padding: 2rem 0;
    }

    .cta-section h2 {
        font-size: 1.35rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }

    /* CONTACT */
    .contact-form {
        padding: 1.25rem !important;
    }

    .form-control {
        padding: 0.6rem 0.75rem;
        font-size: 0.9rem;
    }

    .icon-box {
        margin-bottom: 0.75rem;
    }

    /* FOOTER */
    .footer {
        padding: 1.5rem 0 1rem;
    }

    .footer h6 {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }

    .footer p {
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
    }

    .social-links a {
        margin-right: 0.75rem !important;
        font-size: 1.25rem;
    }

    /* GRID SPACING */
    .row.g-5 {
        gap: 1rem !important;
    }

    .row.g-4 {
        gap: 0.75rem !important;
    }

    /* SPACING UTILITIES */
    .pt-5, .py-5 {
        padding-top: 1.5rem !important;
    }

    .pb-5, .py-5 {
        padding-bottom: 1.5rem !important;
    }

    .mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .mt-5 {
        margin-top: 1.5rem !important;
    }

    .px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* MENTOR CARD */
    .card-mentor {
        padding: 1rem;
    }

    .card-mentor h5 {
        font-size: 0.95rem;
    }

    /* CLIENT SECTION */
    .clients-section .d-flex {
        flex-direction: column;
        gap: 1rem !important;
    }

    .clients-section .fw-bold {
        font-size: 0.9rem;
        display: block;
        text-align: center;
    }

    /* HERO CONTENT SPACING */
    .hero-content .border-start {
        border-left-width: 3px !important;
        padding-left: 0.75rem !important;
    }
}

/* ===================================
   PORTRAIT ORIENTATION (Small Mobile)
   =================================== */

@media (max-width: 480px) {
    .navbar-custom .logo-img {
        height: 28px;
    }

    .display-3, .display-4 {
        font-size: 1.15rem;
    }

    .hero-title {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    .btn-sm {
        padding: 0.35rem 0.75rem;
        font-size: 0.8rem;
    }

    .cta-section h2 {
        font-size: 1.2rem;
    }

    .hero-image img {
        height: 180px;
    }

    .form-control-lg {
        padding: 0.55rem 0.7rem;
        font-size: 0.85rem;
    }
}

/* ===================================
   LANDSCAPE ORIENTATION
   =================================== */

@media (max-width: 991px) and (orientation: landscape) {
    .hero-section {
        padding-top: 1rem !important;
        padding-bottom: 1.5rem !important;
    }

    .hero-image {
        margin-top: 0;
    }

    .hero-image img {
        height: 280px;
    }

    .display-4 {
        font-size: 1.5rem;
    }

    .about-section,
    .services-section,
    .team-section {
        padding: 1.5rem 0;
    }

    h2 {
        font-size: 1.4rem;
    }
}

/* ===================================
   PRINT STYLES
   =================================== */

@media print {
    .navbar,
    .cta-section,
    .footer {
        display: none;
    }

    body {
        background: white;
    }

    .btn {
        border: 1px solid #333;
    }

    section {
        page-break-inside: avoid;
    }
}


/* About Page - Responsive Styles */

/* Large Screens (1400px and up) */
@media (min-width: 1400px) {
  .hero-content h1 {
    font-size: 4rem;
  }
  
  .section-title {
    font-size: 3rem;
  }
}

/* Desktop (1200px - 1399px) */
@media (max-width: 1399px) {
  .hero-content h1 {
    font-size: 3rem;
  }
  
  .section-title {
    font-size: 2.25rem;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    height: 350px;
  }
}

/* Tablet Large (992px - 1199px) */
@media (max-width: 1199px) {
  .hero-content h1 {
    font-size: 2.5rem;
  }
  
  .section-title {
    font-size: 2rem;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    height: 300px;
  }
  
  .philosophy-card {
    padding: 1.5rem;
  }
}

/* Tablet (768px - 991px) */
@media (max-width: 991px) {
  body {
    padding-top: 60px;
  }
  
  .hero-section {
    margin-top: 60px;
    padding: 60px 0;
  }
  
  .hero-content h1 {
    font-size: 2rem;
  }
  
  .hero-subtitle {
    font-size: 1rem;
  }
  
  .section-title {
    font-size: 1.75rem;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    height: 250px;
    margin-bottom: 2rem;
  }
  
  .order-lg-1 {
    order: 0 !important;
  }
  
  .order-lg-2 {
    order: 0 !important;
  }
  
  .vision-section .row,
  .mission-section .row,
  .who-we-work .row {
    flex-direction: column;
  }
  
  .philosophy-card {
    padding: 1.25rem;
  }
  
  .positioning-section,
  .who-we-work,
  .vision-section,
  .mission-section,
  .philosophy-section,
  .cta-section {
    padding: 60px 0;
  }
  
  .philosophy-list li {
    font-size: 0.9rem;
  }
}

/* Mobile Large (576px - 767px) */
@media (max-width: 767px) {
  .navbar {
    padding: 0.75rem 0;
  }
  
  .navbar-logo {
    height: 40px;
  }
  
  .hero-section {
    margin-top: 70px;
    padding: 40px 0;
  }
  
  .hero-content h1 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
  
  .hero-subtitle {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
  }
  
  .badge-label {
    font-size: 0.75rem;
    letter-spacing: 1px;
  }
  
  .section-badge {
    font-size: 0.75rem;
    letter-spacing: 1px;
  }
  
  .section-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .positioning-card {
    padding: 1.5rem;
    margin-bottom: 1rem;
  }
  
  .position-number {
    font-size: 2rem;
  }
  
  .position-title {
    font-size: 1.1rem;
  }
  
  .position-desc {
    font-size: 0.95rem;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    height: 200px;
    margin-bottom: 1.5rem;
  }
  
  .work-card,
  .philosophy-card {
    padding: 1rem;
  }
  
  .card-text {
    font-size: 1rem;
  }
  
  .vision-point,
  .mission-point {
    gap: 0.75rem;
  }
  
  .vision-point p,
  .mission-point p {
    font-size: 0.9rem;
  }
  
  .philosophy-title {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
  
  .philosophy-list li {
    font-size: 0.85rem;
    gap: 0.5rem;
  }
  
  .cta-title {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
  }
  
  .cta-section .btn {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
  }
  
  .positioning-section,
  .who-we-work,
  .vision-section,
  .mission-section,
  .philosophy-section,
  .cta-section {
    padding: 40px 0;
  }
}

/* Mobile Small (up to 575px) */
@media (max-width: 575px) {
  body {
    font-size: 0.95rem;
  }
  .page-hero h1 {
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.4;
}
  .navbar {
    padding: 0.5rem 0;
  }
  
  .navbar-logo {
    height: 35px;
  }
  
  .nav-link {
    margin: 0.25rem 0;
    font-size: 0.9rem;
  }
  
  .hero-section {
    margin-top: 60px;
    padding: 30px 0;
  }
  section#services h2.display-4.fw-black.mb-3 {
    font-size: 1.8rem;
}
section#team h2.display-4.fw-black.mb-3 {
    font-size: 1.8rem;
}

section.hero-section.leadership-hero.pt-5 {
    margin-top: 0;
}
.leadership-hero .hero-title {
    font-size: 2rem;
}
.leadership-hero .hero-subtitle {
    font-size: 1rem;
}
section.leadership-section.py-5 {
    padding-top: 34px !important;
}
section.leadership-section.py-5 .col-lg-6.order-lg-2{
    margin-top: 0px;
}

.leader-content {
    padding: 0;
}
.page-hero p {
    font-size: 1rem;
}
.leader-name {
    font-size: 1.8rem;
}
.leader-intro{
    font-size: 1rem;
}
ul.expertise-list li {
    width: auto;
}
ul.expertise-list {
    flex-direction: column;
}
.leader-card.mb-5 {
    margin-bottom: 0 !important;
}
  .hero-content h1 {
    font-size: 36px;
    margin-bottom: 0.75rem;
    line-height: 1.3;
  }
  .card-body.p-5 {
    padding: 0 !important;
}
h5.card-title.fw-bold {
    font-size: 1.2rem;
}
footer.footer .row.g-5 {
    gap: unset !important;
}
footer.footer .col-md-6.col-lg-3 {
    margin-top: 18px;
}

.cta-section h2 {
    margin-bottom: 24px !important;
    font-size: 25px;
    line-height: 35px;
}
section.cta-section.py-9.text-center.text-white {
    padding: 34px 0;
}
.card.card-partner p {
    font-size: 15px;
    line-height: 26px;
}
.card.card-partner h3 {
    font-size: 1.6rem;
}

.card.card-partner {
    padding: 34px 0;
}
  .hero-subtitle {
    font-size: 0.9rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
  }
  .card.card-beliefs.mb-0 {
    padding: 42px 0 !important;
}
  h3.text-center.fw-bold.mb-5 {
    font-size: 1.8rem;
    margin-bottom: 24px !important;
}
  .badge-label {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
  }
  
  .section-badge {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
  }
  
  .section-title {
    font-size: 1.35rem;
    margin-bottom: 1.5rem;
  }
  
  .positioning-card {
    padding: 1rem;
    margin-bottom: 0.75rem;
    background-color: #F1F5F9;
  }
  
  .position-number {
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
  }
  
  .position-title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  
  .position-desc {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    height: 180px;
    margin-bottom: 1rem;
  }
  
  .work-card {
    padding: 0.875rem;
    border-left-width: 3px;
  }
  
  .card-text {
    font-size: 0.95rem;
    line-height: 1.6;
  }
  
  .vision-point,
  .mission-point {
    gap: 0.5rem;
  }
  
  .vision-point i,
  .mission-point i {
    font-size: 1.1rem;
  }
  
  .vision-point p,
  .mission-point p {
    font-size: 0.85rem;
    line-height: 1.5;
  }
  
  .philosophy-card {
    padding: 0.875rem;
    margin-bottom: 1rem;
    border-top-width: 3px;
  }
  
  .philosophy-title {
    font-size: 1rem;
    margin-bottom: 0.875rem;
  }
  
  .philosophy-list li {
    font-size: 0.8rem;
    gap: 0.375rem;
  }
  
  .check-mark {
    font-size: 0.9rem;
  }
  
  .cta-title {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    line-height: 1.2;
  }
  
  .cta-section .btn {
    padding: 0.65rem 1.75rem;
    font-size: 0.9rem;
  }
  
  .positioning-section,
  .who-we-work,
  .vision-section,
  .mission-section,
  .philosophy-section,
  .cta-section {
    padding: 30px 0;
  }
  
  .footer-text {
    font-size: 0.85rem;
  }
}

/* Mobile Landscape */
@media (max-height: 600px) and (orientation: landscape) {
  .hero-section {
    padding: 30px 0;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    height: 200px;
  }
}

/* Print Styles */
@media print {
  .navbar,
  .footer {
    display: none;
  }
  
  body {
    font-size: 12pt;
  }
  
  .hero-image,
  .work-image,
  .vision-image,
  .mission-image {
    max-height: 300px;
  }
}