html {
    font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
    .mobile-hide{
        display:none;
    }
}
@media (max-width: 768px) {
    .mobile-image-max {
        max-width:60px;
        max-height:60px;
    }
}

html {
    /*position: relative;*/
    min-height: 100%;
    min-width: 100%;
}
/*body {
  margin-bottom: 60px;
}*/

body {
    font-family: "Sriracha", cursive;
    /*margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);*/
    background-color: #000000;
    /*-webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Metal Mania", sans-serif; 
}
a {
    color: #8392AB
}

    a:hover {
        color: #cb0c9f
    }
.navbar .nav-link {
    color: #344767;
    padding: 0.5rem 1rem;
    font-weight: 500;
    font-size: 1.5rem;
    font-family: "Metal Mania", system-ui;
}
.navbar .noauth .nav-link {
    color: #344767;
    padding: 0.5rem 1rem;
    font-weight: 500;
    font-size: 2.5rem;
    font-family: "Metal Mania", system-ui;
}




.metal-mania-regular {
    font-family: "Metal Mania", system-ui;
    font-weight: 400;
    font-style: normal;
}
.righteous-regular {
    font-family: "Righteous", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.nosifer-regular {
    font-family: "Nosifer", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.trade-winds-regular {
    font-family: "Trade Winds", system-ui;
    font-weight: 400;
    font-style: normal;
}
.protest-revolution-regular {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.eater-regular {
    font-family: "Eater", serif;
    font-weight: 400;
    font-style: normal;
}
.metamorphous-regular {
    font-family: "Metamorphous", serif;
    font-weight: 400;
    font-style: normal;
}
.protest-strike-regular {
    font-family: "Protest Strike", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.goblin-one-regular {
    font-family: "Goblin One", serif;
    font-weight: 400;
    font-style: normal;
}
.sriracha-regular {
    font-family: "Sriracha", cursive;
    font-weight: 400;
    font-style: normal;
}.unbounded-400 {
    font-family: "Unbounded", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.rubik-wet-paint-regular {
    font-family: "Rubik Wet Paint", system-ui;
    font-weight: 400;
    font-style: normal;
}


.captionGridColumn{
    max-width: 200px;
    overflow:hidden;
}

.artistSearchResultName {
    font-size: 16px;
    color: darkmagenta;
    font-weight:600;
}