@charset "utf-8";
/* CSS Document */

	.astoundBillboard2Col{
		display: flex;
		flex-direction: column;
		background-color:#000;
		color:#fff;
	}
	.astoundBillboard2ColContainer{
		display: flex;
		flex-direction: row;
		width:100%;
	}
	.astoundBillboard2Col1{
		display: flex;
		flex-direction: row;
		width:50%;
		justify-content: flex-end;
		padding:30px;
		border-bottom:solid 1px;
		border-image: linear-gradient(to right, transparent 40%, #fff 40%) 100% 1;
	}
	.astoundBillboard2Col2{
		display: flex;
		flex-direction: row;
		width:50%;
		justify-content: flex-start;
		padding:30px;
		border-bottom:solid 1px #ffffff;
		border-left:solid 1px #ffffff;
	}
	.astoundBillboard2Col1TextContain{
		width:45%;
		display:flex;
		align-items: flex-end;
		text-align: right;
		transform: translateX(-100px);
		opacity:0.0;
		transition:1.0s all;
	}
	.astoundBillboard2Col2TextContain{
		width:50%;
		align-items: flex-end;
		transform: translateX(100px);
		opacity:0.0;
		transition:1.5s all;
	}
	.astoundSpacer1{
		height:150px;
		width:100%;
	}

.astoundBillboard2Col h1{
	font-family: var(--astound-h5-font-family);
	font-weight: var(--astound-h5-font-weight);
	font-size: var(--astound-h5-font-size);
	line-height: var(--astound-h5-line-height);
	text-transform: var(--astound-h5-text-transform);
	margin-bottom:0px;
}
.astoundBillboard2ColContainer h2{
	margin-bottom:0px;
}


.astoundBillboard2Col.active .astoundBillboard2Col1TextContain{
		transform: translateX(0px);
		opacity:1.0;
	
}
.astoundBillboard2Col.active .astoundBillboard2Col2TextContain{
		transform: translateX(0px);
		opacity:1.0;
	
}
@media (max-width: 576px) {

	.astoundBillboard2Col{
		display: block;
		background-color:#000;
		color:#fff;
		text-align: center;
		padding: 15px 0 15px 0;
	}
	.astoundBillboard2ColContainer{
		display: block;
		width:100%;
	}
	.astoundBillboard2Col1{
		display: block;
		width:100%;
		justify-content: flex-end;
		padding:30px 70px 0px 70px;
		border: none;
	}
	.astoundBillboard2Col2{
		display: block;
		width:100%;
		padding:30px;
		border: none;
	}
	.astoundBillboard2Col1TextContain{
		width:100%;
		display:block;
		text-align: center;
	}

	.astoundBillboard2Col1TextContain h1{
		width:100%;
		display:block;
		text-align: center;
	}

	.astoundBillboard2Col2TextContain{
		width:100%;
		align-items: flex-end;
	}
	.astoundSpacer1{
		height:50px;
		width:100%;
	}

	.astoundBillboard2Col h1{
		font-family: var(--astound-h5-font-family);
		font-weight: var(--astound-h5-font-weight);
		font-size: var(--astound-h5-font-size);
		line-height: var(--astound-h5-line-height);
		text-transform: var(--astound-h5-text-transform);
		margin-bottom:0px;
	}
	.astoundBillboard2ColContainer h2{
		margin-bottom:0px;
	}

}