@font-face {
	font-family: 'Apercu Pro';
	src: url('./assets/ApercuPro-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Apercu Pro Bold';
	src: url('./assets/ApercuPro-Bold.ttf') format('truetype');
}

body {
	margin: 0;
	font-family: 'Apercu Pro', Arial, Helvetica, sans-serif;
}

.header {
	text-align: center;
	padding: 9px;
	background-color: rgb(245, 226, 231);
}


.container {
  margin: 0 auto;
  max-width: 481px;
}

.text-container {
	margin: 22px 16px;
}

.h1 {
	font-family: 'Apercu Pro Bold';
	font-size: 32px;
	line-height: 32px;
	padding-bottom: 23px;
}

.h4 {
	font-family: 'Apercu Pro Bold';
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
}

.badge {
	background: #F6E3E7;
	border-radius: 100px;
	padding: 4px 12px;
}

.h6 {
	font-family: 'Apercu Pro Bold';
	font-size: 14px;
	line-height: 20px;
}

.h3 {
	font-family: 'Apercu Pro Bold';
	font-size: 22px;
	line-height: 30px;
}

.t4 {
	font-family: 'Apercu Pro';
	font-size: 14px;
	line-height: 20px;
	color: #555555;
}

.t5 {
	font-family: 'Apercu Pro Bold';
	font-size: 16px;
	line-height: 24px;
}

.t5--tight {
	font-family: 'Apercu Pro Bold';
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 5px;
}

.t5--body {
	font-family: 'Apercu Pro';
	font-size: 16px;
	line-height: 24px;
	color: #555555;
}

.t3 {
	font-family: 'Apercu Pro';
	font-size: 12px;
	line-height: 16px;
	color: #555555;
}

.t3--tight {
	font-family: 'Apercu Pro';
	font-size: 12px;
	line-height: 14px;
	color: #555555;
}

.title {
	
}

.details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
}

.description {
}

.cta {
	margin: 19px 0;
	padding: 23px 18px 21px;
	border: 1px solid #D9D9D9;
	border-radius: 6px;
	display: flex;
  flex-direction: column;
	text-align: center;
}

.cta img {
	padding-bottom: 10px;
	align-self: center;
}

.legal a {
	color: #555555;
}