.single-day-title-bar{
		width: 100%;
		padding: 10px 0;
		margin: 0 auto;
	}
	.the-bar{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding: 7px 15px;
	}
	.the-bar p,
	.the-bar h3{
		width: 50%;
		font-size: 1.2em;
		margin: 0;
		padding: 0;
		display: inline-block;
	}
	.the-bar p{
		text-align: right;
		font-size: 1em;
	}
	.the-bar h3.titlealign-left{
		text-align: left;
		width: 100%;
		font-weight: 600;
		display: block;
	}
	.the-bar h3.titlealign-right{
		text-align: right;
		width: 100%;
		font-weight: 600;
		display: block;
	}
	.the-bar h3.titlealign-center{
		text-align: center;
		width: 100%;
		font-weight: 600;
		display: block;
	}
@media screen and (max-width: 700px){
	.the-bar p,
	.the-bar h3,
	.the-bar h3.titlealign-left,
	.the-bar h3.titlealign-right,
	.the-bar h3.titlealign-center{
		width: 100%;
		text-align: center;
	}
	.the-bar p{
		font-size: 0.9em;
		margin-top: 7px;
	}

}