@charset "UTF-8";

article {
	font-size: 0.8em;
}
p {
	max-width: 35em;
}
article > img {
	position: absolute;
	right: 0;
	z-index: -10;
}
article > img#tecky3 {
	top: 0;
	transform: rotate(180deg);
}
article > img#tecky2{
	top: 45em;
	opacity: 50%;
}
article > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
article > div img {
	max-width: 100%;
	border-radius: 50% 50% 1em 50%;
}
article > div > h1 {
	font-size: 2.4em;
	margin: auto;
	text-align: center;
	padding-right: 1em;
	align-self: center;
	flex-basis: 50%;
}
article > div > div {
	flex-basis: 40%;
	align-self: center;
}

article > a.button {
	float: none;
	margin: 1.5em 13.2em;
}

article a:not(.button) {
	text-decoration: underline;
}


@media only screen and (max-width: 74em) {
	h1 {
		font-size: 1.4em !important;
		padding: 0 !important;
		margin: 0.5em 0 !important;
	}
	article:first-of-type {
		overflow: hidden;
	}
	article:first-of-type > div:first-of-type > div {
		position: relative;
	}
	article:first-of-type > div img {
		border-radius: 0;
		position: relative;
		left: -6%;
		max-width: 112%;
	}
	article > div:first-of-type > * {
		flex-basis: 100%;
	}
	article > p {
		font-size: 0.8em;
		text-align: left;
	}
	img#tecky2, img#tecky3 {
		display: none;
	}
}