/**
 * Flexible content general styles
 * 
 */


.flexible-content .container {
	display: flex;
}
	.flexible-content .container > h2 {
		font-size: 28px;
		letter-spacing: -0.01em;
		margin-bottom: 2em;
		text-align: center;
	}

	.flexible-content p {
		line-height: 1.8em;
		color: #523e39;
		font-size: 17px;
	}
	.flexible-content li {
		line-height: 1.5em;
		color: #523e39;
		font-size: 17px;
	}

	.flexible-content .buttons {
		margin-top: 1em;
		margin-bottom: 3em;
		display: flex;
		justify-content: center;
	}

	.flexible-content .buttons > a.button {
		padding: 1em;
		background-color: #6da28f;
		border: none;
		border-radius: 3px;
		max-width: 350px;
	}

	.flexible-content .buttons > a.button.button-darker {
		background-color: #4d7969;
	}
	
	.flexible-content .buttons > a.button:hover {
		border-color: #4d4d4d; 
		background: #4d4d4d;
		color: #FFF;
	}

	@media ( max-width: 900px ) {

		.flexible-content .buttons {
			display: flex;
			flex-direction: column;
			margin-bottom: 0;
		}

		.flexible-content .buttons > a.button {
			padding: 1em 0.25em;
			display: flex;
			justify-content: center;
		}
		.flexible-content .buttons > a.button:first-of-type {
			margin: 0 0 1em 0;
		}

	}