/*
// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
*/

/* Adjusts all rem values proportionally */
/* html { font-size: 18px; } */

.im-fell-great-primer-regular {
  font-family: "IM Fell Great Primer", serif;
  font-weight: 400;
  font-style: normal;
}

.im-fell-great-primer-regular-italic {
  font-family: "IM Fell Great Primer", serif;
  font-weight: 400;
  font-style: italic;
}

.crimson-text-regular {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.main-logo { width:100%; }

.bg-dark { 
	/* background-color:#204e26; */
	background-color: #4e2020;
	/*background: rgb(24,57,29);*/
	background: rgb(90,37,37);
	/* background: linear-gradient(135deg, rgba(24,57,29,1) 15%, rgba(36,102,45,1) 41%, rgba(55,140,67,1) 52%, rgba(32,78,38,1) 88%); */
	background: linear-gradient(135deg, rgba(70,27,27,1) 15%, rgba(119,37,37,1) 41%, rgba(174,48,48,1) 52%, rgba(85,29,29,1) 88%);
	color:#ffffff; 
}
.bg-dark a { color:#ffffff; }

a {color:#63882d;}


.highlight { font-weight:bold; color:#204e26; }
.red-highlight { font-weight:bold; color:#cc3300; }

.py-1 {
    padding-top: .1rem !important;
    padding-bottom: 0rem !important;
}

main {
	 /* background-color: #fff4db; */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.main-logo { max-width:200px; }
}

/*
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
	
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/