html {height: 100%;}
body {font-size: 13px; font-family: 'Open Sans', Arial, Verdana, sans-serif; font-weight: 600; margin: 0; padding: 0; color: #fff; background: #252525; min-height: 100%; position: relative;}
* {margin: 0; padding: 0;}
img {border: 0; max-width: 100%;}
a {color: #fff; text-decoration: none;}
a:hover {color: #61a4ee;}
.cleaner {clear: both; background: none; margin: 0; padding: 0;}

.wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: flex-end;}
.wrapper > * {flex: 100%;}

.container {text-align: center; margin: 30px 10px 60px 10px;}

.home_logo {}

.home_contact {color: #ccc; line-height: 160%; margin-top: 5px;}
.home_contact p + p {margin-top: 15px;}
.home_contact strong {padding: 0 5px;}

footer {align-self: flex-end;}

.dotacje {color: #ccc; border-top: solid 1px #444; border-bottom: solid 1px #444; padding: 10px; text-align: center; font-size: .9em;}
.dotacje a:not(:hover) {color: inherit;}

.ue {background: #fff; text-align: center;}
.ue > a {display: flex; justify-content: center; align-items: center; margin: 0 auto; max-width: 960px;}
.ue > a > span {flex: 1; line-height: 40px; padding: 10px;}
.ue img {vertical-align: middle; max-width: 100%;}