nav.big span.rnav {
    display: inline-block;
    padding: 10px;
    font-size: 2rem;
    border: 5px solid;
    margin: 10px;
    margin-left: 20px;
    cursor: pointer;
}

nav.big span.rnav.tagged {
    display: inline-block;
    background-color: var(--fg);
    color: black;
    mix-blend-mode:lighten;
    border: 5px solid;
    opacity: 1;
    padding: 15px;
    margin: 5px;
    margin-left: 15px;
}

nav.big {
    margin-bottom: -10px;
}

section.ritem {
    margin-left: 20px;
    font-size: 1.3rem;
}

nav.second span.rnav {
    display: inline-block;
    padding: 5px;
    font-size: 1.3rem;
    border: 5px solid;
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

nav.second span.rnav.tagged {
    display: inline-block;
    background-color: var(--fg);
    color: black;
    mix-blend-mode:lighten;
    border: 5px solid;
    opacity: 1;
    padding: 10px;
    margin-left: 15px;
    margin-right: -5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

span.rnav {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

a {
        color: inherit;
}

section.refresult a:after {
    font-family: byl-iconfont;
    font-size-adjust: 0.5;
    content: "\e9cb";
    padding-left: 5px;
}

section.refresult {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
}

section.ritem {
    margin-top: 20px;
}

main.ref-result-page {
    margin: 0px;
    padding: 0px;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  main.ref-result-page {
    padding-left: 20vw;
    padding-right: 20vw;
  }
}