@import url('bootstrap-custom.min.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;700&display=swap');

/*
font-family: 'DM Mono', monospace;
font-family: 'DM Sans', sans-serif;
*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.mce-content-body{
}
img {
    max-width: 100%;
    height: auto;
}
.introtext {
	font-size: 1.2rem;
}
a {
	text-decoration: none;
}
table {
    width: 100%;
    margin-bottom: 1rem;
}
.btn {
	font-weight: 700;
}
.btn-outline-light {
	color: #FFF;
	border-color: #FFF;
}
.btn-outline-light:hover {
	border-color: #FFF;
	background-color: #FFF;
}
.btn-secondary,
.btn-primary {
	color: #FFF;
}
.btn-dark:hover {
    color: var(--bs-dark);
    background-color: transparent;
    border-color: var(--bs-dark);
}
.text-light {
	color: #858592 !important;
}
a.text-light:hover,
a.text-white:hover,
a.text-dark:hover {
	color: var(--bs-primary) !important;
}
table {
	background-color: var(--bs-light);
	border: none !important;
	width: 100%;
}
table p {
	font-size: 1rem !important;
	margin-bottom: 0;
}
table td {
	padding: .5rem 1rem;
}
table tbody tr {
	border-bottom: 2px solid rgba(255,255,255,.3);
}
table thead tr {
	font-weight: 700;
	border-bottom: 2px solid var(--bs-secondary);
}
table tfoot tr td {
	border-top: 2px solid rgba(33,37,41,.05);
}
iframe {
    border: none;
}
blockquote p {
	padding-left: 1rem;
	border-left: 2px solid var(--bs-primary);
	font-weight: 700;
	font-size: 1.2rem;
	font-style: italic;
}
figcaption {
	font-size: 1rem;
	margin-top: .25rem;
}

/** ################################################## MEDIA QUERIES ################################################## **/

html,body {
	font-size: 15px;
}
h1, h2, .h1, .h2 {
	font-size: 1.75rem;
	margin-bottom: 1.25rem;
}
h3, .h3 {
	font-size: 1.75rem;
}
h4, .h4 {
	font-size: 1.4rem;
}
h5, .h5 {
	font-size: 1.2rem;
}
h6, .h6 {
	font-family: 'DM Mono', monospace;
	font-size: 1rem;
	font-weight: 400;
}



/** Small devices (landscape phones, 576px and up) **/
/** Bootstrap: -sm **/
@media (min-width: 576px) {
}

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

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

/** Extra large devices (large desktops, 1200px and up) **/
/** Bootstrap: -xl **/
@media (min-width: 1200px) {
	html,body {
		font-size: 16px;
	}

	h1, h2, .h1, .h2 {
		font-size: 3rem;
		margin-bottom: 1.25rem;
	}
	h3, .h3 {
		font-size: 2.5rem;
	}
	h4, .h4 {
		font-size: 1.75rem;
	}
	h5, .h5 {
		font-size: 1.2rem;
	}
}

/** Extra Extra large devices (extra large desktops, 1400px and up) **/
/** Bootstrap: -xxl **/
@media (min-width: 1400px) {
}