body {
	font-family: Arial, sans-serif;
}
.container {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.section {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	background: hsl(49, 4%, 93%, 1);
	border: .2vh solid rgba(195,0,0, 1); 
	border-radius: 25px;
	margin: auto;
	padding: auto;
	max-width: 1080px;
	color: black;
}
.pay-line-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: transparent;
	min-width: 100%;
	color: black;
	position: relative;
}

.pay-description
{
	left: 5px;
	text-align: start;

}

.city-state-zip
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

.pay-amount
{
	right: 5;
	text-align: end;
}
.customer-info {
	margin: auto;
	padding: auto;
	flex-basis: 300px;
	
}
.purchase-recap {
	flex-basis: 300px;
	background: hsl(49, 80%, 90%,  .91);
	border-radius: 25px;	
}
@media (max-width: 768px) {
	.customer-info, .purchase-recap {
		flex: 1 1 100%;
	}
	.pay-summary {
		order: -1;
	}
	
}