/* Harmon Steel — about page tabs */

.tabs_wrapper.hs-tabs {
    margin: 40px auto;
    max-width: 484px;
    width: 100%;
}

.hs-tabs .tab-nav {
    padding: 0;
    display: table;
    margin: 0;
    height: 37px;
    background: #bcbcbc;
    list-style: none;
}

.hs-tabs .tab-nav .hs-tabs__item {
    float: left;
    list-style: none;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 45px;
}

.hs-tabs .tab-nav .hs-tabs__trigger {
    display: block;
    padding: 8px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
    cursor: pointer;
    outline: none;
}

.hs-tabs .tab-nav .hs-tabs__item.active .hs-tabs__trigger,
.hs-tabs .tab-nav .hs-tabs__item:hover .hs-tabs__trigger {
    background: #f03c37;
    color: #fff;
}

.hs-tabs .tab-panel {
    border: 2px solid #444444;
    padding: 20px 35px;
}

.hs-tabs__content {
    display: none;
}

.hs-tabs__content.is-active {
    display: block;
}

.hs-tabs__content[hidden] {
    display: none !important;
}

@media (max-width: 640px) {
    .hs-tabs .tab-nav {
        height: 32px;
    }

    .hs-tabs .tab-nav .hs-tabs__trigger {
        padding: 6px;
        font-size: 18px;
    }

    .hs-tabs .tab-panel {
        padding: 10px;
    }
}

@media (max-width: 380px) {
    .hs-tabs .tab-nav .hs-tabs__trigger {
        font-size: 10px;
        padding: 4px;
    }

    .hs-tabs .tab-nav {
        font-size: 28px;
    }
}