.row{display:flex}.row-mid{align-items:center}.row-mb{margin-bottom:.75em}.col{flex:1}@media(max-width:48em){.row{flex-direction:column}.col{flex:0 0 auto}}
@media(min-width:48em){.col-space{flex:0 0 3%}.col-tenth{flex:0 0 10%}.col-fifth{flex:0 0 20%}.col-quarter{flex:0 0 25%}.col-third{flex:0 0 33.3333334%}.col-half{flex:0 0 50%}}

textarea:focus, input:focus{ outline: none; }

body {
	font-size: 1em;
	font-family: system-ui, sans-serif;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
}

h1 {line-height: 1; font-size: calc(2em + .5vw); letter-spacing: -0.03em; }

h3 { margin:0; color: #333; font-weight: normal; font-size: 20px }

img { display: block; max-width: 100%; height: auto }

form {
	display: flex;
	flex: 1;
	align-items: center;
	background: #4096EE;
	padding: .25rem;
	border-radius: .5rem;

}
input {
	font-family: inherit;
	display: block;
	margin: 0;
	font-size: 1.125rem;
	padding: .5rem;
	line-height: 1;
	border-radius: .35rem;
	border: none;
}

input[type=email] { flex: 1 }
input[type=submit] {
	background: #4096EE;
	border: none;
	color: #fff;
	padding: 0 1.5em;
	font-weight: bold;
}
input[type=submit]:hover { cursor: pointer; }

.muted { color: #888; font-size: .875rem }
.damir { max-width:72px; border-radius: 50%; }