:root {
 --tenfont: 'Open Sans', sans-serif;
 --drugifont: 'Roboto', sans-serif;
 --szerokosc: 1000px;
}

@media only screen and (max-width: 900px) {
 body { font-size: 1.6em; }	
}
@media only screen and (min-width: 901px) {
 body { font-size: 1em; }	
}

body {font-family: var(--tenfont);}
.container {max-width: var(--szerokosc); margin: auto;}
.row {padding: 15px;}
H1, H2, H3, p, a, .main {font-family: var(--tenfont);}
H3 {width: 100%; border-bottom: solid silver 1px;}

input, textarea {width: 250px; font-size: 18px; font-family: var(--drugifont); margin: 5px; border-radius: 5px; padding: 5px; border: solid 1px silver;}
textarea {height: 100px;}
label {font-family: var(--tenfont);}
em {font-size: 14px;}
.navbar {position: sticky; top: 0; max-width: var(--szerokosc); margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; border-bottom: solid 1px red; background: rgba(255,255,255,0.95); padding: 10px 0 10px 0;}
.navbar a {display: block; text-decoration: none;}