body {
  background: #FFF;
  font-family: "Playfair Display", "Times New Roman", Georgia, serif;
}

html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

h1, h3, h4 {
  text-transform: uppercase;
}

h1 {
  margin: 25px auto 0;
}

h1 b, h3 b, h4 b {
  font-size: 130%;
  font-weight: normal;
}

h2 {
  font-size: 0.9em;
  margin-bottom: 15px;
}

h3 {
  text-align: center;
}

h4 {
  margin-top: 12px;
}

td {
  vertical-align: top;
  padding: 5px 5px 5px 0;
}

a:link, a:visited, #legendlink, .video-link {
  color: #012fa3;
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
}
a:hover, a:active {
  color: #1b0644;
  font-weight: normal;
}

.centered {
  text-align: center;
  margin: auto;
}

.row .col-3 img {
  float: right;
}

div[id*='-detailed'] {
  display: none;
}

div[id*='-short'] {

}

.subtext {
  font-size: 0.9em;
  font-style: italic;
}

.detail-pos {
  margin-top: 17px;
}

.skill-value {
  padding-right: 8px;
}

.only-print {
  display: none;
}

@media (max-width: 767px) { 
  .first-half {
    margin-bottom: 0;
  }
}

.floating-icon {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px; /* Adjust the width of the icon */
    height: 50px; /* Adjust the height of the icon */
}

@media print {
  button {
    display: none !important;
  }

  .noprint {
    display: none !important;
  }

  .only-print {
    display: block !important;
  }
}