/* Extra small devices (portrait phones, less than 576px)
   No media query for `xs` since this is the default in Bootstrap
*/

.bg-text {
	font-size: 4rem;
	line-height: 3rem;
}

.headline-text {
	font-size: 3rem;
}

.hiiyar-splash {
	background: url(../images/characters-group.png) bottom right -20px no-repeat;
	background-size: 100%;
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.bg-text {
		font-size: 5rem;
		line-height: 4rem;
	}
	.headline-text {
		font-size: 3.5rem;
	}
	.hiiyar-splash {
		background: url(../images/characters-group.png) bottom right -20px no-repeat;
		background-size: 95%;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.bg-text {
		font-size: 6rem;
		line-height: 5rem;
	}
	.headline-text {
		font-size: 4rem;
	}
	.hiiyar-splash {
		background: url(../images/characters-group.png) bottom right -20px no-repeat;
		background-size: 85%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.bg-text {
		font-size: 7rem;
		line-height: 6rem;
	}
	.headline-text {
		font-size: 4.5rem;
	}
	.hiiyar-splash {
		background: url(../images/characters-group.png) bottom right -20px no-repeat;
		background-size: 75%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.bg-text {
		font-size: 8rem;
		line-height: 7rem;
	}
	.headline-text {
		font-size: 5rem;
	}
	.hiiyar-splash {
		background: url(../images/characters-group.png) bottom right -20px no-repeat;
		background-size: 65%;
	}
}