/* General ================== */
html {scroll-behavior: smooth;}

body, html {
  height: 100%;
  min-height: 100%;
}
body {
  font-weight: 400;
	line-height: 1.75;
	font-size: 1.1rem;
	color: #444;
}
.main-bg {
	background-size: cover;
	background-attachment: fixed;
}
strong {font-weight:700;}

a {text-decoration: none;}

img {max-width: 100%;}

.tracking-tighter {letter-spacing: -.1em;}

.tracking-wider {letter-spacing: .1em;}

.fs-tiny {font-size: 75%;}

.btn {
  font-weight: 600;
  text-transform: uppercase;
}
.btn:hover {text-decoration: none !important;}

.h-100px {height:100px;}

.border-2 {border-width: 2px;}

.border-4 {border-width: 4px;}

.border-6 {border-width: 6px;}

cite {
  display: block;
  font-size: .8125rem;
  margin: 5px 0;
}
cite:before {content: "— ";}

.z-1 {z-index:-1;}

.z0 {z-index:0;}

.z1 {z-index:1;}

.z2 {z-index:2;}

.cover-container {
  max-width: 40em;
}
/* Header
==================================== */

/* Index
==================================== */
#myVideo {
	min-height:100%;
	min-width:100%;
	background-image:url(https://cdn2.gttwl.net/attachments/global/1527184396_original.jpeg);
	background-size: cover;
	background-position: center;
	object-fit: cover;
}
.main-link {
  background-color: #fff;
  border-color: #fff;
  color: #333;
}
.main-link:hover, .main-link:focus {
  background-color: transparent;
  color: #fff;
}
/* BOOTSTRAP CARDS
-------------------------------------------------- */
.card a:hover, a.card {text-decoration: none;}

.card-img, .card-body, .bg-opacity-50 {transition: all 0.4s ease-in-out;}

.card:hover .bg-opacity-50 {--bs-bg-opacity: .8 !important;}

/* ARTICLES
-------------------------------------------------- */

article p, article div {margin-bottom: 1.2em;}

article li {margin-bottom: 1em;}

article p, article div, article li {
  font-size: 108%;
  line-height: 1.7;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
  margin: .5rem 0 1em;
}
article br {display: none;}

/* PAGES ----------------------- */

/* Pagination ------------------ */
.pagination {
	-webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  margin-bottom: 1.5em;
}
.pagination li:not(.active) a {
  cursor: pointer;
  color: #fff;
}
.pagination li.active a {
  color: rgba(255,255,255,.5);
}
.pagination a {
  padding: .5rem .75rem;
  margin: 0;
  line-height: 1.25;
}
/* FOOTER
-------------------------------------------------- */

#footer a {color: #ededed;}

#footer a:hover, #footer a:focus {text-decoration: underline;}

#footer .credits {font-size: 80%;}

.social-links .nav-link {
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
}
.social-links .nav-link:hover, .social-links .nav-link:focus {background-color: #111;}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
  
}
@media (min-width: 768px) {
  
}
@media (min-width: 768px) and (max-width: 991px) {
  
}
@media (max-width: 991px) {
  .logo img {
	  max-height: 70px;
  }
}
@media (min-width: 992px) {
  .logo img {
	  max-height: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  
}
@media (min-width: 1201px) {
  
}
/* print styles */
@media print {
  
}