* { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

:root {
	--zielony: #086e30;
	--txt: #000;
	--txtJasny:#686661;

	--niebieski-jasny:#759CCE;
	--granatowy:#0B3973;
	--pomaranczowy:#ff5c00;


	--szary:#f1f1f1;
	--szary-ciemny:#e9e9e9;
	--transition2: color .2s ease, border-color .2s ease, background .2s ease;
	--transition5: color .5s ease, border-color .5s ease, background .5s ease;
	--transition1s: background-color .6s linear, transform .6s linear;

	--ha: bold 60px/1.2 Verdana, sans-serif;

	--opacity_0: visibility 0s .3s, opacity .3s linear;
	--opacity_1: opacity .3s linear;

	--transform:  transform 1s linear;
}

html {height: 100%}
body {
	color: #000;
    background-color: #fff;
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	height: 100%;
}
article {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	padding: 20px 20px 80px;
}


h1 {
	font-size: 40px;
	font-weight: bold;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 40px;
}

.mejl {
	transition: var(--transition5);
	color: var(--zielony);
	display: block;
	font-weight: bold;
	text-decoration: unset;
	border-bottom: 2px solid var(--zielony);
}
.mejl:hover {
	text-decoration: none;
    color: #000;
    border-color: #000;
}





p {
	margin-bottom: 20px;
	line-height: 1.2;
}

.t {
    display: block;
    text-align: right;
	margin-top: 50px;
}





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






}