#portrait-info{
            background: none repeat scroll 0 0 #EB3B78;
            opacity: 0.95;
            bottom: 1%;
            display: none;
            left: 1%;
            position: fixed;
            right: 1%;
            top: 1%;
            z-index: 300;
            color: #ffffff;
        }

        @media screen and (orientation : portrait){
            #portrait-info{
                display: block;
            }

            #portrait-info div.row{
                display: block;
                width: 100%;
                height: 100%;
            }

            #portrait-info div.row div{
                position: absolute;
                top: 40%;
            }
        }

        #responsive-admin-menu{
            z-index: 200;
        }
        #content-wrapper{
            margin-left: 0;
        }
        .tlo{
            left: 310px;
            right: 0;
            /*width: 100%;*/
            overflow: hidden;
        }
        .wers{
            z-index: 101;
            text-align: center;
            font-size: 20px;
            font-family: 'FertigoProRegular';
            left: 310px;
            right: 0;
            /*width: 100%;*/
            padding: 20px;
        }

        @media screen and (max-width: 800px) {
            .tlo{
                left: 60px;
            }
            .wers{
                left: 60px;
            }
        }

        @media screen and (max-width: 600px) {
            .wers{
                font-size: 14px;
            }
        }

        .img-wrapper{
            height: auto;
        }
        .img-wrapper img{
            width: 100%;
            /*height: 100%;*/
        }
        .powitanie{
            height: 100%;
            background: url("../img/story/1/tlo.jpg");
        }
            .powitanie .napis{
                width: 80%;
                height: 80%;
                background: url("../img/story/1/problem.png");
                background-size: 100% auto;
                background-repeat: no-repeat;
            }
            .powitanie .napis.en{
                width: 80%;
                height: 80%;
                background: url("../img/story/1/en/problem.png");
                background-size: 100% auto;
                background-repeat: no-repeat;

            }
			
			.powitanie .napis.alb{
                width: 80%;
                height: 80%;
                background: url("../img/story/1/alb/problem.png");
                background-size: 100% auto;
                background-repeat: no-repeat;

            }
			
			.powitanie .napis.rom{
                width: 80%;
                height: 80%;
                background: url("../img/story/1/rom/problem.png");
                background-size: 100% auto;
                background-repeat: no-repeat;

            }

        .pomysly{
            height: 100%;
            background: url("../img/story/2/tlo.jpg");
            background-position: center bottom;
        }
            .pomysly .chlopiec{
                background-image: url("../img/story/2/bg.png");
                /*background-position: bottom;*/
                background-position: center;
                background-size: 100%;
                background-repeat: no-repeat;
                max-width: 1413px;
                max-height: 1080px;
                width: 100%;
                height: 100%;
                margin: 0 auto;
            }

            .pomysly .chmurka1{
                width: 16%;
            }

            .pomysly .chmurka2{
                width: 34%;
            }

        .mysli{
            height: 100%;
            background: url("../img/story/3/tlo.jpg");
        }
            .mysli .m{
                width: 41%;
            }
            .mysli .ys{
                width: 28%;
            }
            .mysli .l{
                width: 16%;
            }
            .mysli .i{
                width: 12%;
            }

            .mysli .i.en{
                width: 23%;
            }
            .mysli .d.en{
                width: 31%;
            }
            .mysli .e.en{
                width: 22%;
            }
            .mysli .a.en{
                width: 16%;
            }
            .mysli .s.en{
                width: 23%;
            }


        .wlosy{
            height: 100%;
            background: url("../img/story/4/tlo.jpg");
            background-position: center;
            background-size: cover;
            overflow: hidden;
        }
            .wlosy .rakieta{
                width: 35%;
            }

        .wesz{
            height: 100%;
            background: url("../img/story/5/tlo.jpg");
        }
            .wesz .robak img{
                width: 80%;
                margin-left: 10%;
            }
            .wesz .oczy img{
                width: 80%;
                margin-left: 10%;
            }

        .wzory{
            height: 100%;
            background: url("../img/story/6/tlo.jpg");
        }
            .wzory .gwiazdka{
                width: 100%;
                text-align: center;
            }
            .wzory .a2{
                width: 26%;
            }
            .wzory .b2{
                width: 12%;
            }
            .wzory .c2{
                width: 8%;
            }
            .wzory .delta{
                width: 12%;
            }
            .wzory .plus{
                width: 8%;
            }
            .wzory .razy{
                width: 10%;
            }
            .wzory .robak{
                width: 36%;
            }
            .wzory .rownosc{
                width: 10%;
            }

        .lustro{
            height: 100%;
            background: url("../img/story/7/tlo.jpg");
            background-position: center;
            background-size: cover;
        }

            .lustro .chlopiec{
                /*width: 34%;
                margin-left: 38%;*/
                width: 100%;
                text-align: center;
            }
            .lustro .lustereczko{
                /*width: 45%;
                margin-left: 33%;*/
                width: 100%;
                text-align: center;
            }

        .mama{
            height: 100%;
            background: url("../img/story/8/tlo.jpg");
        }

            .mama .mama_i_ja{
                width: 100%;
                text-align: center;
            }
            .mama .lewa_reka{
                width: 100%;
                text-align: center;
            }
            .mama .lewa_reka img{
                margin-left: 405px;
            }
            .mama .prawa_reka{
                width: 100%;
                text-align: center;
            }
            .mama .prawa_reka img{
                margin-right: 320px;
            }

        .lokatorzy{
            height: 100%;
            background: url("../img/story/9/tlo.jpg");
        }

            .lokatorzy .robak1{
                width: 41%;
            }
            .lokatorzy .robak2{
                width: 13%;
            }
            .lokatorzy .robak3{
                width: 17%;
            }

        .img-wrapper-reverse{
            width: auto;
            height: 100%;
        }
        .img-wrapper-reverse img{
            width: auto;
            height: 100%;
        }