/**********************************************************
// Block >> Title
**********************************************************/
.Block-Title { margin: 0 !important; }

.Block-Title-Align-Left   { text-align: left;   }
.Block-Title-Align-Center { text-align: center; }
.Block-Title-Align-Right  { text-align: right;  }

.Block-Title h2 {
	padding: 0 !important;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.125rem;
	font-weight: 400;
	font-size: var(--14px);
	color: var(--Color-Slate-Blue);
	}

.Block-Title h3 {
	padding: 0 !important;
	line-height: 1.3em;
	font-family: var(--Font-Serif);
	font-weight: 700;
	font-size: var(--50px);
	}

.Block-Title h4 {
	margin-bottom: -1.25rem;
	padding: 0 !important;
	line-height: 1em;
	font-family: var(--Font-Script);
	font-weight: 400;
	font-size: var(--70px);
	color: var(--Color-Slate-Blue);
	position: relative;
	top: -1.25rem;
	}

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 64rem),
all and (max-device-width: 64rem)
{
	.Block-Title-Align-Left   { text-align: center; }
	.Block-Title-Align-Right  { text-align: center; }

	.Block-Title h3 {
		line-height: 1.1em;
		font-size: var(--40px);
		}
}

@media
all and (max-width: 48rem),
all and (max-device-width: 48rem)
{
	.Block-Title {
		margin: auto !important;
		display: block;
		}
}
