revealability

Back Back Up Advanced Editor

.section-title {
	margin-bottom: 20px;
	
	@include media-query(767px) {
		margin-bottom: 40px;
	}

> span {
		font-weight: 700;
		color: $theme-primary-color;
		text-transform: uppercase;
		letter-spacing: 5px;
		display: block;
    	margin-top: -0.3em;
	}

h2 {
		font-size: 48px;
		font-size: calc-rem-value(48);
		line-height: 1em;
		margin: 0.2em 0 0;

span {
			-webkit-text-fill-color: $white; /* Will override color (regardless of order) */
			-webkit-text-stroke-width: 2px;
			-webkit-text-stroke-color: $heading-color;
		}

@include media-query(991px) {
			font-size: 40px;
			font-size: calc-rem-value(40);
		}

@include media-query(767px) {
			font-size: 35px;
			font-size: calc-rem-value(35);
		}
	}
}

.section-title-s2 {
	@extend .section-title;
	text-align: center;
	margin-bottom: 40px;
	
	@include media-query(767px) {
		margin-bottom: 40px;
	}
}

.section-title-s3 {
	@extend .section-title-s2;
	text-align: center;
	margin-bottom: 40px;

h2 {
		margin-bottom: 0.4em;
	}
	
	@include media-query(767px) {
		margin-bottom: 40px;
	}
}