body {
    background: #e5231b;
}

div#tlo {
    background: url('../img/tlo_splash.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

div#strzalka {
    float: right;
    position: absolute;
    right: 3em;
    top: 3em;
}

div#komunikat {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 20%;
}

div#komunikat h1 {
    color: #fff;
    font: 3em/150% 'BuloRounded-Bold', sans-serif;
    text-align: center;
    margin-bottom: 1em;
}

div#komunikat p {
    color: #fff;
    font: 1.5em/150% 'BuloRounded-Regular', sans-serif;
    text-align: center;
}


div#logo {
    float: left;
    position: absolute;
    left: 3em;
    bottom: 3em;
}

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

    div#logo img {
        width: 65%;
    }

    div#logo {
        left: 2em;
        bottom: 1em;
    }

    div#strzalka img {
        width: 65%;
    }
    
    div#strzalka {
        right: 0;
        top: 1em;
    }

    div#komunikat h1 {
        font-size: 2em;
        margin-bottom: 1em;
        line-height: 125%;;
    }
    
    div#komunikat p {
        font-size: 1em;
        line-height: 140%;;
    }

    div#komunikat {
        top: 0;
        right: 0;
        bottom: 12%;
        left: 0;
        width: 85%;
        height: 20%;
    }

  }

  a, a:hover, a:active, a:focus {
    outline: 0;
 }