html,
body {
	margin: 0;
	font-family: "Libre Franklin", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #000;
}
.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 50px 30px;
	font-size: 16px;
	line-height: 30px;


	img {
		width: 100%;
		height: auto;
		max-width: 500px;
		margin: 0 auto 20px;
	}

	p {
		text-align: center;
		max-width: 800px;
	}

	p.copyright {
		margin-top: 50px;
		font-size: 12px;
		font-family: "Libre Franklin", sans-serif;
	}

	a {
		color: #000;
		text-decoration: underline;
	}

	a:hover {
		color: #2cabc7;
	}

	a.button {
		background: #555;
		padding: 10px 20px;
		color: #fff;
		text-decoration: none;
	}
	a.button:hover {
		background: #00a1e2;
	}

	ul {
		list-style-type: none;
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 0;

		li {
			margin: 5px;

			svg {
				width: 25px;
				fill: #00a1e2;
			}
		}
	}

}

@media screen and (min-width: 900px) {

	.container {
		padding: 50px;
		/*position: absolute;*/
		/*top: 50%;*/
		/*left: 50%;*/
		/*transform: translate(-50%, -50%);*/
		/*width: 100%;*/
		/*font-size: 18px;*/
		/*line-height: 34px;*/
	}

}