.inner-content {
	font-family: $anton;
	text-align: center;

	p,
	ul {
		color: $colour--white;
		text-align: left;

		@include breakpoint($screen-md) {
			text-align: center;
		}
	}

	h1 {
		font-size: 38px;

		@include breakpoint($screen-md) {
			font-size: 58px;
		}
	}

	&.inner-content--success {
		position: relative;

		a.btn {
			display: inline-block;
		}

		.success-transactionsid {
			text-align: center;

			@include breakpoint($screen-md) {
				margin: 40px 0;
			}
		}

		.btn--red {
			padding: 23px 20px 19px;
		}

		.success-social-links {
			span {
				display: inline-block;
				vertical-align: middle;
				color: $colour--white;
			}

			ul {
				display: inline-block;
				vertical-align: middle;
				margin: 0 0 0 15px;

				li {
					display: inline-block;
					margin-right: 5px;

					@include breakpoint($screen-md) {
						margin-right: 15px;
					}

					a {
						display: inline-block;
						width: 25px;
						height: 25px;

						@include breakpoint($screen-md) {
							width: 50px;
							height: 50px;
						}

						.icon {
							display: inherit;
							width: inherit;
							height: inherit;
						}
					}
				}
			}
		}
	}
}

.inner-content {
	h1 {
		@include font-size($h1-font-size);
	}

	&.failure {
		.btn {
			margin-bottom: 15px;
		}
	}

	&.sorry {
		width: 85%;
		margin-bottom: 50px;
		@include breakpoint($screen-md) {
			width: span(10);
		}

		h1 {
			margin-bottom: 50px;
			line-height: 1.3;
		}

		p {
			margin-bottom: 30px;
			line-height: 1.3;
			text-align: center;
		}
	}
}

// Success page
h1.success-heading {
	font-size: 48px;
	line-height: 59px;
	margin-top: 60px;
 }

 .success-subtitle {
	font-weight: bold;
	font-size: 30px;
	line-height: 37px;
	margin: 50px 0;
 }
  
.success-details {
	font-size: 20px;
	line-height: 24px;
	margin: 50px 0;
}

.success-share {
	margin-top: 20px;
}