body {
  font-size: 15px;
}

.box-image-text .image img {
  max-height: 190px;
  max-width: fit-content;
  margin: auto;
  /* Centre vertically ??? */
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

.box-simple {
  min-height: 200px;
}

/*
Set margin for scroll to top for heading anchors
This is needed for 'sticky' headers. E.g. 3em; or 80px;
*/
h2, h3 {
  scroll-margin-top: 3em;
}

/* Responsive image settings for general images */
img[src*='#responsive'] { 
  display: block;
  max-width: 100%;
  height: auto;
  /* Centre vertically */
  margin-top: auto;
  margin-bottom: auto;
}

/* Responsive image settings for logos in about page */
img[src*='#responsive300'] { 
  display: block;
  max-width: 300px;
  max-height: 80px;
}

/* Display "top-right" arrow for external links */
a[target="_blank"]:not(.social-buttons li a):not(.downloads-page td a):not(.tr-read-all-link):not(.btn):not(.navbar-brand):not(.nav-link):not(.dropdown-item):not(.collapsed):not(footer a):not(figure a):not(.no-icon)::after {
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.15em;
  font-weight: 900;
  font-size: 70%;
  opacity:  .9;
}

/* Display "to top" arrow */
span.to-top-arrow:not(.social-buttons li a):not(.downloads-page td a):not(.tr-read-all-link):not(.btn):not(.navbar-brand):not(.nav-link):not(.dropdown-item):not(.collapsed):not(footer a):not(figure a):not(.no-icon)::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0aa";
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.15em;
  font-weight: 900;
  font-size: 90%;
  opacity: 0.9;
}

/* Smooth scrolling for internal linking within pages */
html {
  scroll-behavior: smooth;
}

/* Skip to main content link */
:not(.skip-link):focus {
  outline: 2px solid green;
}

.skip-link {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #f33; /* #333 */
  color: white;
  padding: 0.5rem;
  translate: 0 -100%;
  transition: translate 150ms ease-in-out;
}

.skip-link:focus {
  translate: 0;
}