/* TABS *****************/
nav.tabs {display: grid; grid-template-rows: auto; gap: 1rem; width: 100%; grid-template-columns: repeat(1, 1fr);}
nav.tabs a {
    display: block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #00599c;
    color: #00599c;
    padding: 2rem 1rem 1rem;
    opacity: .3;
    background-repeat: no-repeat;
    background-position: top 2rem center;
    background-size: auto 4rem;
}
nav.tabs a:hover {
    opacity: .4;
    background-color: rgba(0,89,156,.1);
    border: 1px solid #ffffff;
}
nav.tabs a.question {background-image: url(img/question.svg);}
nav.tabs a.suggests {background-image: url(img/suggests.svg);}
nav.tabs a.report {background-image: url(img/report.svg);}
nav.tabs a.apps {background-image: url(img/apps.svg);}
nav.tabs a.companies {background-image: url(img/companies.svg);}
nav.tabs a.forum {background-image: url(img/forum.svg);}
nav.tabs a.account {background-image: url(img/account.svg);}
nav.tabs a p {display: block; font-size: .8em; padding-top: .5rem;}
nav.tabs a.sel {
    opacity: 1;
    background-color: rgba(0,89,156,.1);
    border: none;
    pointer-events: none;
    cursor: default;
}
nav.tabs a.data_new {background-image: url(img/data_new.svg);}
nav.tabs a.data_search {background-image: url(img/data_search.svg);}
nav.tabs .tab-image {width: 4rem; margin: 1rem auto;}

@media (min-width: 578px) {
    nav.tabs.grid-2{grid-template-columns: repeat(2, 1fr);}
    nav.tabs.grid-3{grid-template-columns: repeat(3, 1fr);}
    nav.tabs.grid-4{grid-template-columns: repeat(2, 1fr);}
    nav.tabs.grid-5{grid-template-columns: repeat(3, 1fr);}
    nav.tabs.grid-6{grid-template-columns: repeat(3, 1fr);}
}

@media (min-width: 768px) {
}

@media (min-width: 1024px) {
    nav.tabs.grid-4{grid-template-columns: repeat(4, 1fr);}
    nav.tabs.grid-5{grid-template-columns: repeat(5, 1fr);}
}

@media (min-width: 1200px) {
    nav.tabs.grid-6{grid-template-columns: repeat(6, 1fr);}
}