/* =========================================================
   Dividers
   ========================================================= */

.hs-divider {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;

	margin: 0;

	padding: 0;

	box-sizing: border-box;
}


/* =========================================================
   Divider Line
   ========================================================= */

.hs-divider__line {
	display: block;

	width: 100%;

	margin: 0 auto;

	background: rgba(192, 203, 215, 0.30);

	box-sizing: border-box;
}


/* =========================================================
   Thin
   ========================================================= */

.hs-divider--thin .hs-divider__line {
	height: 1px;
}


/* =========================================================
   Thick
   ========================================================= */

.hs-divider--thick .hs-divider__line {
	height: 8px;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

	.hs-divider--thin .hs-divider__line {
		height: 1px;
	}

	.hs-divider--thick .hs-divider__line {
		height: 8px;
	}

}