.page-header {
	background-image: url("../images/experience.png");
	position: relative;
	padding: 80vh 0 0;
}

.page-header::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.4);
}

.content-inner button {
	background-color: #2E9444;
	border-radius: 6px;
	border: none;
	box-shadow: 2px 4px 8px 1px;
	-webkit-box-shadow: 2px 4px 8px 1px;
	margin: 0 20px;
}

.content-inner button a {
	color: #FFF;
	padding: 10px 15px;
	display: block;
}

.content-inner button:hover {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: tada;
	animation-name: tada;
}

.button-container {
	display: flex;
	align-items: center;
	margin: 15px 0;
}

.button-container button {
	margin: 0 auto;
	display: block;
	width: 230px;
}

@media (max-width: 576px) {
	.page-header {
		background-size: contain;
		background-position-y: 100px;
		background-repeat: no-repeat;
		padding: 200px 0 0;
	}
}

@media (max-width: 767px) {
	.button-container button {
		margin: 0;
	}
}