// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}




h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3,
.display-4, .display-5, .display-6 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold
}
html, body, .tooltip, .popover {
  font-family: "Montserrat", sans-serif;
}

.logo {
	max-height: 50px;
}
.container {
	padding-top: 2rem;
}

iframe {
	display: block;
	background: #000;
	border: none;
	height: calc(100vh - 30px);
	width: 100%;
}

.iconPDF::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding:0.5em;
	content: '\f1c1';
}

.iconLink::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding:0.5em;
	content: '\f0c1';
}

.headLink {font-size:1.6em;}

.readMore {padding:0.2em;}

.iconX::before {
  font: var(--fa-font-solid);
  content: '\f007';
}

.placeHolder {
	padding-top: 1em;
}

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

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

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

/* 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) {
}