/* ==========================================
   Responsive 768px - Solo lo usado en páginas
   ========================================== */

@media (min-width: 768px) {
	body {
		font-size: 25px;
		line-height: 1.5;
	}

	h1, h4 {
		color: rgb(216, 124, 12);
	}

	h1,
	.heading-1 {
		font-size: 46px;
		line-height: 1.25;
	}

	h2,
	.heading-2 {
		font-size: 44px;
	}

	h3,
	.heading-3 {
		font-size: 30px;
		line-height: 1.4;
	}

	h5,
	.heading-5 {
		font-size: 20px;
		line-height: 1.4;
	}

	h6,
	.heading-6 {
		font-size: 16px;
		line-height: 1.5;
	}

	.title-decorated {
		padding-left: 70px;
	}
	.title-decorated::before {
		width: 50px;
		top: .7em;
		border-bottom-width: 2px;
	}

	.title-decorated-lg {
		padding-left: 80px;
	}
	.title-decorated-lg::before {
		width: 62px;
	}
	.title-decorated-lg + p {
		margin-top: 32px;
	}

	.profile-modern {
		display: flex;
		align-items: flex-start;
		margin-left: -30px;
	}
	.profile-modern > * {
		margin-left: 30px;
	}
	.profile-modern > * + * {
		margin-top: 0;
	}
	.profile-modern-figure {
		max-width: 50%;
		flex-shrink: 0;
	}
	.profile-modern-main {
		flex-grow: 1;
	}
	* + .profile-modern-main {
		margin-top: 0;
	}

	.layout-bordered {
		display: flex;
	}
	.layout-bordered-item {
		flex-grow: 1;
		flex-basis: 33.333%;
		border-right-width: 1px;
	}
	.layout-bordered-item:first-child {
		border-left-width: 1px;
	}
	.layout-bordered-item-inner > * + * {
		margin-top: 15px;
	}
}

/* Ajustes para pantallas entre 768px y 1199.98px */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.profile-modern {
		font-size: 14px;
	}
	.profile-modern * + .row {
		margin-top: 31px;
	}
}