#viewer {
  position: relative;
  height: 470px;
}
@media screen and (min-width: 480px) {
  #viewer {
    height: 470px;
  }
}
@media screen and (min-width:768px) and (max-width:1080px) {
  #viewer {
    height: 530px;
  }
}
@media screen and (min-width: 1080px) {
  #viewer {
    height: 700px;
  }
}

#viewer-full {
    width: 100%;
    height: 100%;
}


.mirador1 {
    background: #000 !important;
}
div.mirador2 {
    display: none;
}
button#addBtn {
    display: none;
}
button.MuiIconButton-root.mirador-window-close {
    display: none;
}
header.MuiAppBar-root {
    display: none;
}

button.mirador14 {
    display: none;
}
button.mirador16 {
    display: none;
}
button.mirador18 {
    display: none;
}
button.mirador-window-maximize {
    display: none;
}
.mirador h2 {
    font-size: 12rem;
}

/* error dialog */
h2.MuiTypography-h2 {
    font-size: 12rem;
}
p.MuiTypography-body2 {
    font-size: 12rem;
}
button.MuiButton-root {
    font-size: 12rem;
}

/* icons */
svg.MuiSvgIcon-root {
    font-size: 20rem;
}
button.MuiIconButton-root {
    font-size: 18rem;
}

/* messages */
h3.mirador66 {
    font-size: 14rem;
}
p.MuiTypography-subtitle2 {
    font-size: 12rem;
}
p.MuiTypography-body1 {
    font-size: 12rem;
}
h4.MuiTypography-overline {
    font-size: 10rem;
}
h5.MuiTypography-h4 {
    font-size: 14rem;
}
dt.MuiTypography-subtitle2 {
    font-size: 12rem;
}
dd.MuiTypography-body1 {
    font-size: 12rem;
}
span.MuiTypography-caption {
    font-size: 11rem;
    line-height: 1.0;
}
span.MuiTypography-root {
    font-size: 11rem;
}
li.MuiListSubheader-root {
    font-size: 11rem;
}

.MuiPaper-root {
    background-color: #000;
}
.MuiAppBar-colorDefault {
    background-color: #000 !important;
}