body
{background-color: #E9EAEC;
display: flex;
justify-content: center;
align-content: center;
margin-top: 0px;
margin-bottom: 0px;}

main {width: 28%;
background-color: #fff;
line-height: 1.5;
font-family: "Raleway", sans-serif;
font-weight: 400;
padding: 4px 110px 64px;}

#container
{padding-left: 22px;
padding-top: 2px;}

#logo {padding: 52px 0px 26px;}
#dlogo {box-sizing: border-box;
	width:96%;}

.wsparcie {padding-right: 0px;
width: 100%;}
.projekty {width: 100%;}

p {width: 100%;}

@media (max-width: 750px) {
body {
margin: 0px;
padding: 0px 12px;
}
main {width: 85%;
padding: 4px 30px 64px;}

#dlogo {box-sizing: border-box;
	width:100%;}
}

@media (max-width: 375px) {
body {
margin: 0px;
padding: 0px 12px;
}
main {width: 100%;
padding: 4px 30px 64px;}

#dlogo {box-sizing: border-box;
	width:100%;}
}

h1, h2, h3, h4
{font-size: 24px;
font-weight: 700;
line-height: 1.5;
padding-bottom: 2px;}

#kawa {width:55%;}
#kawa:hover {opacity: 0.4;}

.baton {box-sizing: border-box;
	width:95%;}
.baton:hover {opacity: 0.7;}
.copy {color: #333;}

a:link
{	color: black;
	text-decoration: none;}
a:visited
{	color: black;
	text-decoration: none;}
a:hover
{	color: #444444;
	text-decoration: underline;}
a:active {
	color: black;}