@media (pointer: fine) {
    /* desktop */

    .navbar {
        display: flex;
        justify-content: space-between;
    }

    .deskContent {
        display: block;
    }

    .mobileContent {
        display: none;
    }

    .subnav:hover .subnav-content {
        display: block;
    }


}


@media (pointer: coarse) {
    /* mobile */

    .navbar {
        display: flex;
        justify-content: space-between;
    }

    .navbar .subnavbtn {
        font-size: 40px;
        transform: scale(.6, 1);
    }

    .subnav-content {
        display: none;
    }


    .deskContent {
        display: none;
    }

    .mobileContent {
        display: block;
    }


    .subnav:hover .subnav-content {
        display: none;
    }

    .tap-list {
        padding: 5px;
    }

    .tap-list a {

        display: inline-block;
        font-size: 40px; /* 38px */
        font-weight: bold;
        transform: scale(.4, 1);
        padding: 0px;

    }
}