.box {
		box-shadow: 0 5px 10px rgba(37,48,58,0.125), 0 1px 3px rgba(0,0,0,0.1);
		border-radius: 4px;
		overflow: hidden;
	}

	.box > header {
		padding: 1rem;
		font-size: 2.5rem;
		background-color: rgba(104,93,159,.85);
		line-height: 1.35;
		letter-spacing: -.08rem;
		font-weight: 300;
		color: rgba(255,255,255,1);
	}

	.box > section {
		padding: 1rem;
		background-color: rgba(255,255,255,0.85);
	}

	body { 
		background-image: url('../img/bg-img-2.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}

	.column,
	.columns {
		margin-bottom: 2rem;
	}

	h1 {
		margin: 0px 0px;
		font-size: 3rem;
	}

	.sig {
		line-height: 3.6;
		color: rgba(64, 64, 64, 1);
	}

	.sig .fa-heart {
		line-height: 2.6;
		color: rgba(155,10,10,1);
		font-size: 100%;
		animation: glow 1s infinite alternate;
	}

	@keyframes glow {
		to {
			text-shadow: 0 0 5px rgba(155,10,10,1);
		}
	}


/* Larger than mobile */
@media (min-width: 200px) {
	h1 {
		text-align:center;
	}
	h1 > strong {
		margin-top: 1rem;
		display: block;
	}

	.sig {
		display: block;
		margin: 0px 0px;
		line-height: 3.6;
		color: rgba(64, 64, 64, 1);
		text-align: center;
		font-size: 1.2rem;
	}

	.sig::before {
		background: none;
		margin-right: 0px;
	}

	.container.master {
		margin-top: 10%;
	}
	.container.withlove {
		margin-bottom: 10%;
	}
}

@media (min-width: 500px) {
	.sig {
		display: flex;
		flex-basis: 100%;
		align-items: center;
		margin: 0px 0px;
		line-height: 3.6;
		color: rgba(64, 64, 64, 1);
		font-size: 1.5rem;
	}
	.sig::before {
		content: "";
		flex-grow: 1;
		background: rgba(0, 0, 0, 0.30);
		height: 11px;
		font-size: 0px;
		line-height: 0px;
		margin-right: 16px;
		line-height: 3.6;
		border-radius: 4px;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	h1 {
		text-align:center;
	}
	h1 > strong {
		margin-top: 1rem;
		display: block;
	}
	.container.master {
		margin-top: 8%;
	}
	.container.withlove {
		margin-bottom: 8%;
	}
}

/* Larger than tablet */
@media (min-width: 750px) {
	.container.master {
		margin-top: 6%;
	}
	.container.withlove {
		margin-bottom: 6%;
	}
}

/* Larger than desktop */
@media (min-width: 1000px) {
	.container.master {
		margin-top: 4%;
	}
	.container.withlove {
		margin-bottom: 4%;
	}
	h1 {
		text-align: left;
		display: flex;
		flex-basis: 100%;
		align-items: center;
		line-height: 3.6;
	}
	h1::after {
		content: "";
		flex-grow: 1;
		background: rgba(0, 0, 0, 0.30);
		height: 24px;
		font-size: 0px;
		line-height: 0px;
		margin-left: 32px;
		line-height: 3.6;
		border-radius: 4px;
	}
	h1 > strong {
		margin-top: auto;
		display: inline-block;
	}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}