/* Typography */
html {
  font-size: 16px;
}

body {

	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;

	font-size: .875rem; 
	@media (min-width: 576px) {
		font-size: .9375rem; 
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
		&:before {
			content: "";
			display: table;
			clear: both;
		}
	}
	p {
		strong {
			font-weight: inherit;
		}
	}
}