@font-face {
  font-family: 'Century Gothic';
  src: url('/app/resources/fonts/century-gothic.ttf') format('truetype');
  font-style: normal;
}
@font-face {
  font-family: 'Century Gothic';
  font-style: italic;
  src: url('/app/resources/fonts/century-gothic-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Rage Italic';
  src: url('/app/resources/fonts/rage-italic.ttf') format('truetype');
}
* {
	margin: 0px;
	padding: 0px;
}
*:focus {
	outline: 0;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family: "Century Gothic";
	font-style: italic;
	font-size: 16px;
	display:  flex;
	flex-direction: column;
	/* background:  black; */
}
main.content {flex-grow:  1;}
.twenty-spacer {
	height: 20%;
}
.blue-text {
	color: #058ECB !important;
}
.center {
	text-align: center;
}
.inline-block {
	display: inline-block;
}
.strikethrough {
	text-decoration: line-through;
	color: #CC0A0A;
	display: inline;
}
.hidden {
	display: none;
}
.half-opacity {
	opacity: .5;
}
.headline-404 {
  text-align: center;
  margin-top: 60px;
}

.slider-dots {
	bottom: 10px;
	left: 0;
	right: 0;
	/* padding-bottom: 15px; */
	text-align: center;
}
.slider-dots li {
	display: inline-block;
	margin: 5px;
}
.slider-dots button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: #dbdbdb;
   border: 1px solid transparent;
   font-size: 0;
   border-radius: 15px;
   width: 15px;
   height: 15px;
   display: inline-block;
   transition: background-color .3s linear;
   cursor: pointer;
}
.slider-dots .slick-active button,
.slider-dots .slick-active button:hover {
	background: #055579;
}
.slider-dots button:hover {
	background: #ccc;
}

[slider] {
  /* Prevents slides from flashing */
  display: none;
}

@media screen and (max-width: 480px) {
	body {
		font-size: 14px;
	}
}


/* magnified image */
.magnifier {
  background: rgba(0, 0, 0, .75);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding: 50px 0;
  position: fixed;
  z-index: 2000;
}
.magnifier-image {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat:  no-repeat;
  background-position:  center center;
}