@font-face {
	font-family: 'OSP-DIN';
    src: url("../assets/OSP-DIN.woff") format("woff");
    src: url("../assets/OSP-DIN.ttf") format("truetype");
}

:root {
    --font-family-sans-serif: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-sans-serif-bold:  Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-monospace:  "Courier", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--font-family-monospace-italic:  "Courier", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

/* Typography */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

@font-face {
	font-family: "Courier";
	src: local("Courier");
	font-weight: normal;
}

@font-face {
	font-family: "Arial";
	src: local("Arial");
	font-weight: normal;
}

.sans-serif {
	font-family: var(--font-family-sans-serif);
}

.monospace {
	font-family: var(--font-family-monospace);
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Xtra-Large Post Titles set in Arial, used on Single (Detail) pages only */
h1 {
	font-size: 3rem;
	color: var(--black);
	font-family: var(--font-family-sans-serif);
	clear: both;
	font-weight: normal;
	line-height: normal;
	margin: 1rem 0;
  }

/*Post Titles set in Arial, used on posts + blocks throughout site */
h4 {
	font-size: 2rem;
	color: var(--black);
	font-family: var(--font-family-sans-serif);
	clear: both;
	font-weight: normal;
	line-height: normal;
	margin: 1rem 0;
  }

  /* Section/Divider Titles "On View," "News & Updates" etc."*/
  h5 {
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: var(--standard-border) solid;
  }

 /* Bold Titles of section on Visit, About pages */
  h6 {
	color: var(--black);
	font-family: var(--font-family-monospace);
	font-size: 1.2rem;
	font-weight: bold;
	line-height:1.8rem;
	margin: 0 0  var(--mp-3) 0;

	border-left: var(--standard-border) solid;
    padding-left: var(--mp-3);
	
  }



body, p {

	font-family: var(--font-family-sans-serif);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	color: var(--black);
	text-align: left;
	letter-spacing: .05rem;
	margin: 0 0 1rem;

}

/* Typography: Utility Classes */

.no-underline{
	text-decoration:none;
}

.no-underline:hover{
	text-decoration:none;
}

.text-monospace {
    font-family: var(--font-family-monospace);
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.font-size-200 {
	font-size: 200% !important;
}

.font-size-150 {
	font-size: 150% !important;
}

.font-size-120 {
	font-size: 120% !important;
}

/* Limit width on desktop/larger screens */
@media screen and (min-width: 1070px) {
	.max-width-75 {
		max-width: 75%;
	}
}