/*
@media all and (min-width: 320px) and (max-width: 639px) {
	html {
		font-size: 3.75vw;
	}
}
*/
@media all and (min-width: 640px) {
	html {
		/* (10 / 640) * 100 */
		font-size: 1.5625vw;
	}
}
html {
    background-color: #333;
  }
.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: 2rem;
    padding-left: 2rem;
}
.header, .content, .footer {
  display: flex;
  flex-wrap: wrap;
}
.section, .box {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.box, .image, hr {
  transform: translateY(.25rem);
  margin-bottom: 2rem;
}
hr {
  border-top-style: dashed;
  border-top-width: 0.0625rem;
}
.image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
[data-fancybox] {
  cursor: zoom-in;
}
.section > img,
.section > video,
.box > img,
.box > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
ol, ul, dd {
  margin-bottom: 1.5rem;
}
dl {
  margin-bottom: 0;
}
* {
  outline:none; /* Prevent line when fancybox items clicked on iPhone */
}
h1, h2, h3, h4, h5, h6 {
  margin-top: calc(0rem - ((1em - 1rem) / 4));
  margin-bottom: calc(1.5rem - ((1em - 1rem) / 4));
}
#devmode {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #545b62;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 13px, #F4B638 13px, #F4B638 26px);
  min-height: 4px;
}