.socials {
	a {
		display: inline-block;
		color: $body-color;
		margin: 0 5px;
		font-size: 13px;
	}
}

p {
	font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1200 - 320)));
	font-weight: 400;
	opacity: .8;
	line-height: 1.5;
}

pre {
	border: 2px solid $border-color;
	padding: 15px;
	border-radius: $border-radius;
	background: $gray-100;

	code,
	.code {
		color: $gray-600;
	}
}

@include media-breakpoint-up (lg) {

	p {
		font-size: 14px;
	}
}


hr {
	margin: 10px 0 25px;
} 

 
/* Helper Classes */

.text-default {
	color: $body-color !important;
}
