#container {
	display: flex;
	height: 300px;
	margin-top: 50px;
	
	@media only screen and (max-width: 719px) {
		flex-direction: column-reverse;
		height: auto;
		margin-top: 25px;
	}
}

.imgAndButtonContainer {
	display: flex;
	flex-direction: column;
}

.imgAndButtonContainer img {
	width: 200px;
	height: 200px;
	
	@media only screen and (max-width: 719px) {
		width: 85%;
		height: 85%;
		margin: 25px auto 0 auto;
	}
}

.buttonContainer {
	display: flex;
	height: 100%;
	
	@media only screen and (max-width: 719px) {
		width: 100%;
		margin: 25px auto 0 auto;
	}
}

.buttonContainer a {
	display: flex;
	width: 200px;
	margin: auto;
	border-radius: 25px;
	background: #ffa41c;
	text-decoration: none;
	cursor: pointer;
	box-shadow: unset;
	
	@media only screen and (max-width: 719px) {
		width: 100%;
		height: 50px;
		margin: 25px auto 0 auto;
	}
}

.buttonContainer a:hover {
	background: #fa8900;
}

.buttonContainer a > p {
	margin: 0 auto;
	font-weight: 300;
	font-size: 0.7em;
	color: black;
	
	@media only screen and (max-width: 719px) {
		margin: auto;
		font-weight: 400;
		font-size: 1.2em;
	}
}

.titleAndParagraphContainer {
	padding-left: 20px;
	
	@media only screen and (max-width: 719px) {
		padding: 0;
	}
}

.titleAndParagraphContainer h3 {
	margin-top: 0;
}

.titleAndParagraphContainer p {
	margin-bottom: 0;
}