.display-1 {
   font-size: 3.5rem;
}
.display-2 {
   font-size: 3rem;
}
.display-3 {
   font-size: 2.5rem;
}
.display-4 {
   font-size: 2rem;
}


.navbar-brand {
   font-weight: bold;
   font-size: 175%;
   vertical-align: top;
}

.navbar-brand .beta {
   font-weight: normal;
   font-size: 70%;
   color: red;
}

.navbar-brand img {
   height: 25px;
}


.heading-bookmark {
  position: relative;
}

.heading-bookmark a[name] {
  position: absolute; /* parent h1|2... must have `position: relative` */
  top: -100px;
}

/* because of the fixed top navbar */
body {
   padding-top: 90px;
}
body {
   margin-bottom: 60px; /* Margin bottom by footer height */
}

html {
  position: relative;
  /*min-height: 100%;*/
  height: 100%;
  width: 100%;
}



.navbar-brand {
   font-weight: bold;
   font-size: 175%;
}

.nav-link {
   /*font-weight: bold;*/
   font-size: 120%;
   font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.nav-link:hover, .social-in-navbar:hover {
  color: #31B48C !important;
}


.navbar {
  background-color: #b4cfec !important;
}

.navbar-brand, .nav-link {
   color: #072650 !important;
}


.navbar .container {
   height: 76px;
}

.navbar-brand img {
   /*width: 100px;*/
   height: 50px;
   padding:5px;
}

.modal-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
}

.modal-fullscreen .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  border: none;
}

.modal-fullscreen.modal-dialog-scrollable {
  max-height: 100% !important;
}


.table-result {
   border-collapse: collapse;
   margin: 10px;
}

.table-result td, .table-result th {
   border: 1px black solid;
   padding: 3px;
}

.page-link {
   cursor: pointer;
   user-select: none;
}

.record-header {
    font-weight: bold;
}

.record-title {
    font-weight: bold;
    font-size: 200%;
}

.record-image {
   max-width: 50%;
   max-height: 50vh;
}

.long-text {
   border: solid 1px black;
   padding: 10px;
   margin-bottom: 5px;
}

.not-available {
   color: red;
}