html, body {
	width: 100%;
	height: 100%;
	margin: 0;
}

body {
	background-image: url(https://tallgarden.co.uk/wp-content/themes/birthday/Background.png);
	background-size: cover;
}

#primary {
	width: 650px;
	background-color: white;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 80px;
	text-align: center;
}

.tnp {
	width: 50%;
	margin: auto;
	padding: 30px;
	border: solid lightgray 1px;
	border-radius: 10px;
}

.tnp input {
	font-size: 20px;
	line-height: 28px;
	margin: 10px;
}

.tnp-field {
	text-align: center !important;
}

.tnp-field label {
	display: none;
}

.tnp-submit {
	background-color: #e16293;
	border: none;
	padding: 7px;
	border-radius: 10px;
	color: white;
}

.tnp-submit:hover {
	background-color: #f082ac;
}

h1 {
	font-family: Barrio, sans-serif;
	font-size: 50px;
	margin-top: 0;
}

h2 {
	font-family: Funnel Sans, sans-serif;
	font-size: 32px;
	font-weight: 800;
	margin-top: 0;
}

p {
	font-family: Funnel Sans, sans-serif;
	font-size: 26px;
	font-weight: 300;
}

p a {
	color: #e16293;
	text-decoration: none;
}

p a:hover {
	border-bottom: solid 3px #e16293;
}

/* Fonts */

.barrio-regular {
  font-family: "Barrio", system-ui;
  font-weight: 400;
  font-style: normal;
}

.funnel-sans-<uniquifier> {
  font-family: "Funnel Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* Responsive */

@media only screen and (min-width: 860px) {
	
	body {
		background-size: contain;
	}

	#primary {
		margin: 0 auto;
	}
	
	h1 {
		font-size: 80px;
	}
	
	h2 {
		font-size: 50px;
	}
	
	p {
		font-size: 36px;
	}

}