html {
                height: 100vh;
            }
            
            body {
                margin: 0;
                font-family: Roboto, sans-serif;
                height: 100vh;
            }

            #header {
                background-color: #1968B9;
                padding: 10px 50px;
            }

            #logo {
                font-weight: 700;
                color: #fff;
                margin: 0;
                font-size: 34px;
            }

            #header nav {
                float: right;
                margin-right: -20px;
            }

            #header nav a {
                display: inline-block;
                padding: 10px 20px;
                font-size: 16px;
                color: #fff;
                text-decoration: none;
            }

            #footer {
                background-color: #46494F;
                color: #fff;
                padding: 25px 50px;
                font-size: 14px;
                text-align: center;
                float:right;
                width:100%;
            }

            section.image {
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                background-attachment: fixed;
            }

            section.text {
                max-width: 100vw;
                padding: 30px;
                padding: 30px 0;
                position: relative;
            }

            section.text .icon {
                position: absolute;
                left: 0;
                top: 0;
                right: 50%;
                bottom: 0;
            }

            section.text.left .icon {
                right: 0;
                left: 50%;
            }

            section.text .icon .fa {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 200px;
            }

            section.text .content {
                margin-left: 20%;
            }

            section.text.left .content {
                margin-left: 0;
                margin-right: 20%;
            }

            section.text h2 {
                font-size: 36px;
                font-weight: normal;
            }

















		div.box {
			margin:0 auto;
			width:500px;
			background:#46494F;
			position:static;
			top:50px;
			border:1px solid #cfcfcf;
		}
 
		div.box h1 { 
			color:#ffffff;
			font-size:18px;
			text-transform:uppercase;
			padding:5px 0 5px 5px;
			border-bottom:1px solid #161712;
			border-top:1px solid #161712; 
		}
 
		div.box label {
			width:100%;
			display: block;
			background:#46494F;
			border-top:1px solid #262626;
			border-bottom:1px solid #161712;
			padding:10px 0 10px 0;
		}
 
		div.box label span {
			display: block;
			color:#bbbbbb;
			font-size:12px;
			float:left;
			width:100px;
			text-align:right;
			padding:5px 20px 0 0;
		}
 
		div.box .wpis {
			padding:10px 10px;
			width:200px;
			background:#262626;
			border-bottom: 1px double #171717;
			border-top: 1px double #171717;
			border-left:1px double #333333;
			border-right:1px double #333333;
		}
 
		div.box .wiadomosc {
			padding:7px 7px;
			width:350px;
			background:#262626;
			border-bottom: 1px double #171717;
			border-top: 1px double #171717;
			border-left:1px double #333333;
			border-right:1px double #333333;
			overflow:hidden;
			height:150px;
		}
 
		div.box .button	{
			margin:0 0 10px 0;
			padding:4px 7px;
			background:#CC0000;
			border:0px;
			position: relative;
			top:10px;
			left:382px;
			width:100px;
			border-bottom: 1px double #660000;
			border-top: 1px double #660000;
			border-left:1px double #FF0033;
			border-right:1px double #FF0033;
		}

@media only screen and (max-width: 680px) {
                section.text {
                max-width: 100vw;
                padding: 30px;
                padding: 30px 0;
                position: relative;
            }
                section.text .content {
                margin-left: 10;
            }

            section.text.left .content {
                margin-left: 10;
                margin-right: 10;
            }
            .lewy {
                min-height: 83.2vh;
                width: 100%;
                
                background-color: #adadad;
                position: relative;
            }
            .srodkowy {
                min-height: 83.2vh;
                width: 100%;
                
                background-color: #5c5c5c;
                position: relative;
            }
            .prawy {
                min-height: 83.2vh;
                width: 100%;
                
                background-color: #adadad;
                position: relative;
            }
            .logo {
                width: 70vw;
                height: 53vh;
                margin-top: 80px;
            }
}