html {
	overflow-x: hidden;
	&.overlay {
		overflow: hidden !important;
		height: 100%;
	}
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	//overflow-x: hidden;

	@include media-breakpoint-up(md) {
		padding-top: 10.5rem;
	}

	&.intro--body {
		padding-top: 0;
	}
}

strong {
	font-weight: 500;
}

.ticon {
	height: 1rem;
	width: 1rem;
	display: inline-block;
	fill: currentColor;

	&-90 {
		transform: rotate(90deg);
	}

	&-180 {
		transform: rotate(180deg);
	}

	&-270 {
		transform: rotate(270deg);
	}
}
