*{font-family: sans-serif;}
 body{font-family: sans-serif;margin:0; padding:0; background-size:cover; background-attachment:fixed; background-image:url('https://kriss.waw.pl/img/AdobeStock_340840922.jpeg'); color:#555555;}
    #okienko 
    {
        width:calc(100% - 10px);
    max-width: 400px;
    height: 400px;
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius:15px;
    box-shadow: 0 0 3px 0px black;
    }
    #back-div
    {
        width:calc(100% - 10px);
        max-width: 400px;
        height:50px;
        background-color:gray;
        position: relative;

    }
    @media screen and (max-width: 400px)
    {
        #okienko{margin-left:5px; margin-right:5px;}
    }
    #logo-pasek
    {
        width:calc(100% - 10px);
        height:100px;
        padding:5px;
        padding-top:15px;
        background-color:transparent;
        text-align: center;
    }
    input
    {
        width:calc(100% - 50px);
        margin-left:20px;
        margin-right:20px;
        height:45px;
        border: solid 1px #ccc;
    	border-radius: 5px;
        font-size:25px;
    }
    label
    {
        margin-left:25px;
    }