@font-face {
    font-family: 'adagio_slab';
    src: url('../fonts/adagio_slab-semibold-webfont.eot');
    src: url('../fonts/adagio_slab-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adagio_slab-semibold-webfont.woff2') format('woff2'),
         url('../fonts/adagio_slab-semibold-webfont.woff') format('woff'),
         url('../fonts/adagio_slab-semibold-webfont.ttf') format('truetype'),
         url('../fonts/adagio_slab-semibold-webfont.svg#adagio_slabsemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'adagio_slab';
    src: url('../fonts/adagio_slab-regular-webfont.eot');
    src: url('../fonts/adagio_slab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adagio_slab-regular-webfont.woff2') format('woff2'),
         url('../fonts/adagio_slab-regular-webfont.woff') format('woff'),
         url('../fonts/adagio_slab-regular-webfont.ttf') format('truetype'),
         url('../fonts/adagio_slab-regular-webfont.svg#adagio_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'radikal_wutbold';
    src: url('../fonts/radikalwut-bold.eot');
    src: url('../fonts/radikalwut-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/radikalwut-bold.woff2') format('woff2'),
         url('../fonts/radikalwut-bold.woff') format('woff'),
         url('../fonts/radikalwut-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body, html {
    height:100%
}

body {
    margin:0;
    padding:0;
    background-color:#f7f5f6;
    font-family:"adagio_slab";
    font-size:13pt;
}
div#header, div#info {
    text-align: center
}
div#header {
    border-top: solid 48px rgb(60,60,76);
    background-color: #fff;
    padding:0.8em 0
}
a.logo {
    font-family:"radikal_wutbold";
    font-size:25pt;
    line-height:30pt;
    text-decoration:none;
    color: rgb(60,60,76)
}

div#info, div#footer {
    width:60%
}

div#info {
    min-height:50%;
    margin:1em auto 0.4em auto;
    background-color:rgb(254,213,66);
    padding:1em 0.3em;
    background-image: url("../img/budynek PW-grafitowy.png");
    background-repeat:no-repeat;
    background-position:50% 80%;
    background-size:auto 60%;
}

div#info p {
    color: rgb(60,60,76);
    font-size:1.3rem;
    text-shadow: 0.4px 0.4px rgb(180,160,170);
    margin:2em 0.3em;
}

div#footer {
     margin: 0 auto;
}
div#footer div.address {
    color: #3c3c4c;
    font-size: 0.7em;
    font-weight: 400;
    line-height:2.5em;
    margin-bottom:0.7em;
    float:left
}
.kod {
    white-space:nowrap
}
div.kanal-ikonka{
    float: right;
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    -webkit-transition: background-image 0.4s;
    transition: background-image 0.4s
}
div#kanal-facebook div.kanal-ikonka{
    background-image: url('../img/social-fb-lila.png')
}
div#kanal-facebook div.kanal-ikonka:hover{
    background-image: url('../img/social-fb-kolor.png')
}
div#kanal-facebook a {
    color: #7896cf;
    text-decoration: none
}
div#kanal-facebook p {
    display: none
}

@media screen and (max-width: 800px) {
    div#info {
        min-height:70%;
        background-size:auto 45%;
    }
 div#info, div#footer {
    width:80%
}
}

@media screen and (max-width: 545px) {

    div#info {    
        min-height:60%;
        background-position:50% 90%;
        background-size:auto 40%;
    }
    div#footer div.address {
        width: 80%;
        line-height: 1.4em
    }
       
}