section{
    border-top: 4px double black;
    padding-bottom:5px;
}

.section-column{
    padding: 8px;
}

 .green-underline, .gline {
        position: relative;
        display: inline-block;
        z-index: 100;
}
.zindex100{
                position: relative;
                z-index: 100;
}

.green-underline::after, .gline::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -.1em; /* sticks to bottom of the text box */
        height: 0.3em; /* match stroke height */
        background: url('/includes/images/green_underline6-removebg-preview.png') no-repeat;
        background-size: 105% 105%; /* stretch to width */
        pointer-events: none;
        z-index: 99;
}

.sec-with-image {
        display: flex;
        min-height: 60vh;  /* at least 60% of the screen height */
}

.sec-with-image > .column,
.sec-with-image > .row {
        flex: 1;                  /* each column stretches equally */
        display: flex;
        flex-direction: column;
        justify-content: center;  /* adjust as needed */
        align-items: center;      /* adjust as needed */
}

.button-row, .icon_tile .button-row{
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 10px;
            align-self: center;
}
  @media (min-width: 450px) {

 .row_icon_tiles{
     align-items: stretch;
 }
 }

 .icon_tile{
    flex: 1;                  /* all tiles share space evenly */
    display: flex;
 }

 @media (max-width: 480px) {

    .icon_tile {
        flex: 0 0 auto;         /* no grow, no 100% basis */
    }

}



 @media (max-width: 800px) {
    span {
        font-size: inherit;
    }
}


/* Mobile-specific settings */
@media (max-width: 800px) {
   .icon-tile.computer-only, .no-mobile, .only-computer, .computer-only {
        display: none; /* Hide on mobile */
    }
    .only-mobile, .no-computer, .mobile-only {
        display: block; /* Show on mobile */
    }
}