@import url('https://brick.freetls.fastly.net/Alegreya:400,700,400i,700i');
@import url('https://cdnjs.cloudflare.com/ajax/libs/IBM-type/0.5.4/css/ibm-type.min.css');
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css');*/

.hero {
	width: 100%;
}

body {
	background-color: #222;
	color: #bbb;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "IBM Plex Sans", "sans-serif";
}

h1 {
	text-align: center;
}

* {
	font-family: "Alegreya", serif;
}

body {
	margin: auto;
	width: 95%;
}

section {
	background-color: #bbb;
	color: #222;
	margin: 1em 0;
	padding: .5em;
	border-radius: .25em;
	box-shadow: 2px 2px 10px #fff;
}

@media screen and (min-width: 768px) {
	body {
		width: max(75vw, 900px);
	}
}

#realta ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: space-between;
	align-items: center;
	list-style: none;
}

#realta ul img {
	width: 200px;
	max-width: 100%;
	display: block;
}

#realta ul a>span {
	text-align: center;
	margin: .5em auto;
	display: block;
	font-family: "IBM Plex Sans", "San Francisco", "Helvetica", sans-serif;
	font-weight: bold;
	color: #222;
	font-size: 110%;
	text-decoration: none !important;
}