/*

generic.css

Ex:

<div class="generic-wrapper">
    <div class="col-2 left">
        <ul>
            <li>physician</li>
            <li>chiropractor</li>
            <li>podiatrist</li>
            <li>psychologist</li>
            <li>acupuncturist</li>
        </ul>
    </div>
    <div class="col-2 right">
        <ul>
            <li>physician assistant</li>
            <li>nurse practitioner</li>
            <li>physical therapist</li>
            <li>occupational therapist</li>
            <li>licensed clinical social worker</li>
        </ul>
    </div>
</div>

*/

.generic-wrapper {
    display: flex;
    flex-direction: row;
}

.generic-wrapper .col-2 {
    width: 50%;
    /*margin-top: 42px;*/
}

.generic-wrapper .col-2.left {
    padding: 0 20px 0 0;
}

.generic-wrapper .col-2.right {
    padding: 0 0 0 20px;
}

#content .generic-wrapper .col-2 h2:first-child {
    margin-top: 0;
}

.generic-wrapper .col-border-left {
    border-left: 1px solid #007481;
}

@media only screen and (max-width: 767px) {
    .generic-wrapper {
        flex-direction: column;
    }
    
    .generic-wrapper .col-2 {
        width: 100%;
    }
    
    .generic-wrapper .col-2.left {
        padding: 0;
    }
    
    .generic-wrapper .col-2.right {
        padding: 0;
    }
    
    .generic-wrapper .col-border-left {
        border-left: 0;
    }
}