.tabcontent {
    display: none;
    padding: 12px 0;
}
.tablink {
    background: #F6F9FC;
    border-right: 1px solid #FFF;
    color: black;
    padding: 10px;
    cursor: pointer;
    font-size: 1.6rem;
    transition: all .5s;
    width: 50%;
    min-height: 60px;
}
.tablink:last-child {
    border-right: 0;
}
.tablink:hover {
    background: #5b90b6;
    color: #FFF;
}
.tablink.active {
    background: #379797;
    color: #FFF;
}
.tabs {
    overflow: hidden;
    background: #FFF;
    display: flex;
    align-items: center;
    flex-direction: row;
}


@media (max-width: 768px) {
    .tabs {
        flex-wrap: wrap;
    }
}