@media (min-width: 0px) {
    html {
        font-family: 'Lexend';
    }
    body {
        font-size: 16px;
        color: #333;
    }
    a:link {
        color: inherit;
        text-decoration: none;
    }
    a:visited {
        color: inherit;
        text-decoration: none;
    }
    a:hover, a:focus {
        color: #555;
        text-decoration: underline;
    }

    header {
        font-family: 'Tourney';
        font-size: calc(3vmin + 1rem);
        color: RGBA(243, 204, 21, 0.9);
    }
    #short_logo {
        display: initial;
    }
    #short_logo img {
        width: calc(2vmin + 1rem);
        height: calc(2vmin + 1rem);
    }
    #full_logo {
        display: none;
    }
    #logo > #subheader {
        font-family: 'Lexend';
        font-size: calc(0.5vmin + 1rem);
        color: #f8f8ff;
    }

    #no_rank {
        text-align: center;
    }

    #search, #i18n, #vct_switch {
        visibility: hidden;
    }
    #search_bar {
        font-family: 'Lexend';
    }
    #signoff, #clear_swarm, #go_back, .stat_filter_button, #cancel_auto {
        font-family: 'Lexend';
    }
    #signoff {
        color: #f8f8ff;
    }

    .welcome_login {
        text-align: center;
    }
    
    #sub_detail > input {
        font-family: 'Lexend';
        font-weight: bolder;
        font-size: 16px;
    }
    .each_spec:before {
        content: '• ';
    }
    .sub_name {
        font-size: 16px;
        font-weight: bolder;
    }
    .sub_price {
        font-family: 'Graduate';
        font-size: 32px;
    }
    .sub_spec {
        font-size: 14px;
    }

    .nav_item, .nav_sub_item {
        font-size: 12px;
        color: #f8f8ff;
        text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
        text-align: center;
    }
    .nav_sub_item {
        font-size: 8px;
    }    
    #stat_count {
        font-size: 10px;
    }

    abbr {
        text-decoration: underline dotted;
        text-underline-offset: 3px;
    }
    abbr[data-title]:hover::after, abbr[data-title]:focus::after {
        font-size: 12px;
    }
    abbr > sup {
        font-size: 6px;
    }
    abbr.raw_reveal {
        text-underline-offset: 0px;
    }

    span.raw_reveal {
        color: red;
    }

    #wiv {
        font-family: unset !important;
    }    
    .wiv_tab, .about_tab {
        font-size: 150% !important;
        font-weight: bolder !important;
    }
    .wiv_tab {
        text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
        color: RGBA(243, 204, 21, 0.9) !important;
    }
    .about_tab {
        text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
    }
    .about_define {
        font-size: 1em;
        font-family: 'Lexend' !important;
    }

    #directory_help {
        font-size: 18px;
    }
    #directory_img {
        font-size: 12px;
    }

    .dir_card_title_line {
        font-size: 14px;
    }
    .dir_card_content > div {
        font-size: 10px;
        font-weight: bolder;
    }

    .dir_card_title_line {
        color: #f8f8ff;
        text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
        text-align: center;
    }
    .dir_card_content {
        text-align: center;
    }
    .unavailable {
        text-decoration: line-through;
    }

    #form_meta {
        font-size: 12px;
    }
    .form_identifier {
        text-decoration: underline;
    }
    .form_header, .box_header {
        font-size: 8px;
    }
    .form_header::before {
        content: "▽\00a0\00a0\00a0";
    }
    .form_header::after {
        content: "\00a0\00a0\00a0▽";
    }
    #box_report_date {
        text-transform: uppercase;
    }
    .box_data, .warning, .help_all_map, .help_all_agent {
        font-size: 16px;
    }
    .na_number {
        color: rgba(51, 3, 0, 0.3);
    }
    .warning, .help_all_map, .help_all_agent {
        color:red;
        font-family: 'Graduate';
        font-weight: bolder;
        text-align: center;
    }
    .box_data > .trend, .box_data > .grade {
        font-family: 'Lexend';
    }
    .trend, .grade {
        font-weight: lighter !important;
    }
    .number, .soo, #bee {
        font-family: 'Graduate';
        font-weight: bolder;
    }
    #instructions {
        font-size: 8px;
    }
    .number_row {
        font-size: 12px;
    }
    .dis_cont, .box_footer {
        text-align: center;
    }
    .box_footer {
        color: rgba(51, 3, 0, 0.5)
    }

    .agent_name {
        text-transform: capitalize;
    }
    .agent_description {
        text-align: right;
        font-size: 14px;
        font-weight: lighter;
    }
    .agent_description > .agent_name {
        font-weight: lighter;
    }

    #a_line_text, #pm_line_text, #map_round_count {
        font-size: 12px;
    }

    .matchup_description {
        font-size: 10px;
        text-align: right;
    }
    .single_mu {
        font-size: 12px;
        font-weight: normal;    
    }
    .matchup_legend {
        font-size: 8px;
        font-style: italic;
    }
    .sub_description, .mu_team, h5 {
        font-size: 12px;
    }
    .mu_team {
        font-weight: bold;
    }
    .mu_player, .agent_name {
        font-size: 12px;
        font-weight: bold;        
    }
    .mu_stat {
        font-weight: normal;
    }

    .rd_button {
        font-size: 12px;
    }

    .map_line {
        font-family: 'Graduate';
        font-size: 12px;
        font-weight: bold;
    }

    .ago_line {
        font-weight: normal;
    }

    .stamp {
        font-family: 'Graduate';
        font-size: 16px;
        font-weight: bold;
        color: #F5F5F5;
        text-transform: uppercase;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    .filter {
        font-size: 12px;
    }
    #filter-name > input, #filter-region > select, #filter-group > select, #filter-reset > span > input {
        font-family: 'Lexend';
    }
    .filter input[type=number] {
        font-family: 'Lexend';
    }
    #legend > text {
        font-family: 'Lexend';
        font-size: 8px;
    }
    #history_pair input[type=number],
    #round_time_pair input[type=number]{
        font-family: 'Graduate';
    }

    .multiple_dossier_row:nth-child(n+4) {
        font-family: 'Graduate';
        font-size: smaller;
    }
    .multiple_dossier_row:nth-last-child(-n+5) {
        font-family: 'Lexend';
        font-size: smaller;
    }
    .multiple_dossier_row:first-child {
        font-weight: bolder;
    }
    .multiple_dossier_data:first-child {
        font-family: 'Lexend';
        font-size: 16px;
        font-weight: bolder;
    }
    .best_stat {
        font-size: medium;
        font-weight: bolder;
    }
    .add_to_swarm {
        font-size: 10px;
    }

    .agent_line > span, .agent_row > span {
        font-size: smaller;
        color: #f8f8ff;
        text-align: center;
    }
    .loc_line > span {
        font-size: smaller;
        color: #f8f8ff;
        text-align: center;
    }

    #full_table, .sopv_body > table {
        font-size: 12px;
    }
    #full_table tbody td:first-child {
        font-weight: bolder;
    }
    #full_table tbody td:nth-child(n+3), .sopv_body > table > tbody td:nth-child(n+1) {
        text-align: right;
    }

    #map_logs > #full_table.player_log td:nth-child(-n+7) {
        text-align: left;
    }
    #map_logs > #full_table.team_log td:nth-child(-n+5) {
        text-align: left;
    }

    #paginator > div {
        font-weight: bolder;
        text-align: center;
    }

    .kz_count, .toggle_eye, .toggle_global {
        font-size: 12px;
        paint-order: stroke;
        stroke: white;
    }
    .toggle_eye, .toggle_global {
        fill: white;
    }

    .roster_link {
        font-weight: bolder;
    }
    .roster_line {
        font-family: 'Graduate';
        font-size: 16px;
    }

    .econ_level_desc {
        font-size: 12px;
    }

    #sankey_help, #econ_help, #out_help, #contest_help {
        font-size: 12px;
        font-family: 'Noto Sans';
    }

    .summary {
        font-size: 14px;
    }

    .map_stat_map_name {
        font-weight: bolder;
        text-align: center;
    }

    .mc_cap {
        font-size: 12px;
        font-family: 'Noto Sans';
    }

    .map_stat_line {
        font-family: 'Graduate';
    }

    .side_winner {
        font-weight: bolder;
        color: rgba(240, 128, 128, 1);
    }

    .each_round_number {
        font-family: 'Graduate';
        font-weight: bolder;
        color: #f8f8ff;
        text-align: center;
    }

    .bs_team_name {
        font-size: 20px;
    }
    .box_score > table > tr > td {
        font-weight: lighter;
    }
    .box_score {
        font-size: 14px;
    }
    .box_score td:first-child {
        font-weight: bolder;
    }
    .box_score td:nth-child(n+3) {
        text-align: right;
    }

    #sopv_container select {
        font-size: 18px;
        font-family: 'Lexend';
        color: #f8f8ff;
        text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
        font-weight: bolder;
    }
    #sopv_container select option {
        color: #333;
        text-shadow: none;
    }
    #sopv_container select.map_list {
        text-align: left;
    }
    #container_head {
        font-size: 4vmin;
        text-align: center;
    }
    #container_subtitle {
        font-size: 3vmin;
    }
    .sopv_title_box, .sopv_title {
        font-size: 24px;
    }
    .sopv_title, .sopv_subtitle {
        text-align: center;
    }
    .sopv_subtitle {
        font-size: 18px;
    }
    .sopv_title_date {
        font-size: 12px;
    }

    .first_spec {
        font-size: larger;
        font-weight: bolder;
    }
    .each_spec:before {
        content: '• ';
    }

    footer {
        color: #f8f8ff;
    }
}
@media (min-width: 480px) {
    #short_logo {
        display: none;
    }
    #full_logo {
        display: initial;
    }
    #search, #i18n, #vct_switch {
        visibility: visible;
    }
    .nav_item {
        font-size: 2.50vw;
    }
    .nav_sub_item {
        font-size: 1.67vw;
    }
    abbr > sup {
        font-size: 1.25vw;
    }
    .dir_card_title_line {
        font-size: 2.50vw;
    }
    .dir_card_content > div {
        font-size: 1.67vw;
    }
    .form_header, .box_header {
        font-size: 1.67vw;
    }
    .box_data, .warning {
        font-size: 2.50vw;
    }
    #instructions {
        font-size: 1.67vw;
    }
    .number_row {
        font-size: 2.50vw;
    }
    .matchup_description {
        font-size: 2.08vw;
    }
    .single_mu {
        font-size: 2.50vw;
    }
    .rd_button {
        font-size: 2.50vw;
    }
    .matchup_legend {
        font-size: 1.67vw;
    }
    .mu_player, .agent_name {
        font-size: 2.50vw;
    }
}
@media (min-width: 960px) {
    .form_header, .box_header {
        font-size: 16px;
    }
    .nav_item {
        font-size: 24px;
    }
    .nav_sub_item {
        font-size: 16px;
    }
    abbr > sup {
        font-size: 12px;
    }
    .dir_card_title_line {
        font-size: 24px;
    }
    .dir_card_content > div {
        font-size: 16px;
    }
    .box_data, .warning {
        font-size: 28px;
    }
    #instructions {
        font-size: 16px;
    }
    .number_row {
        font-size: 24px;
    }
    .matchup_description {
        font-size: 20px;
    }
    .single_mu {
        font-size: 24px;
    }
    .rd_button {
        font-size: 24px;
    }
    .matchup_legend {
        font-size: 16px;
    }
    .mu_player, .agent_name {
        font-size: 24px;
    }
}