body {
 margin: 50px;
 padding: 0;
 color: #111;
 font-size: 16px;
 background-color: #242424;
 font-family: 'Poppins', sans-serif;
}


* {
 scrollbar-width: thin;
 scrollbar-color: #FFA851 #222;
}


::-webkit-scrollbar { 
 width: 0em; 
 height: 0em;
}


#menu {
 height: 89%;
 width: 19%;
 float: left;
 text-align: center;
 background-color: #292929;
 border-radius: 40px;
 position: fixed;
}


#menu .logo {
 top: 12%;
 height: 100px;
 width: 100px;
 margin: 0 auto;
 background-image: url(icon/logo.png);
 background-size: cover;
 position: relative;
}


#menu h1 {
 top: 14%;
 color: #FFF;
 font-size: 22px;
 font-weight: normal;
 text-align: center;
 position: relative;
}


#menu ul {
 top: 22%;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}


#menu a {
 color: #FFF;
 font-size: 16px;
 display: block;
 padding: 7% 0px 7% 0px;
 text-decoration: none;
}


#menu .l_c_1 {
 background-color: #313131;
}


#menu a:hover {
 background-color: #313131;
}


#menu p {
 top: 13%;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 16px;
 position: relative;
}


#menu .copyright {
 bottom: 0;
 height: 50px;
 width: 100%;
 color: #FFF;
 font-size: 16px;
 text-align: center;
 position: absolute;
}


#header {
 height: 220px;
 width: 77%;
 float: right;
 text-align: center;
 background: url(background/background-header.jpg) center;
 background-size: cover;
 border-radius: 40px;
 position: relative;
}


#header a {
 top: 90px;
 color: #FFF;
 font-size: 44px;
 text-decoration: none;
 position: relative;
}


#header .l_x_1 {
 height: 220px;
 width: 100%;
 background-color: rgba(41, 41, 41, 0.77);
 border-radius: 38px;
}


#video {
 top: 5vh;
 width: 77%;
 float: right;
 padding-bottom: 50px;
 margin-bottom: 88px;
 position: relative;
 background-color: #292929;
 border-radius: 40px;
}


#video img {
 height: 100%;
 width: 100%;
 border-top-right-radius: 40px;
 border-bottom-left-radius: 40px;
}


#video a {
 color: #F9F9F9;
 display: block;
 position: relative;
 text-decoration: none;
 margin: 80px 50px 140px 50px;
}


#video .a_1 {
 height: 170px;
 width: 320px;
}


#video .a_1 .nowy {
 color: #F9F9F9;
 font-size: 12px;
 font-weight: bold;
 padding: 8px 32px 8px 22px;
 background-color: #823838;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .a_1 .polecany {
 color: #F9F9F9;
 font-size: 12px;
 font-weight: bold;
 padding: 8px 32px 8px 22px;
 background-color: #2D6D86;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .a_1 .sylwester {
 color: #F9F9F9;
 font-size: 12px;
 font-weight: bold;
 padding: 8px 32px 8px 22px;
 background-color: #825E38;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .a_1 .info {
 color: #F9F9F9;
 font-size: 12px;
 font-weight: bold;
 padding: 8px 32px 8px 22px;
 background-color: #39622B;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .title h1 {
 left: 18%;
 top: 15px;
 width: 261px;
 margin: 0;
 padding: 0;
 color: #FFF;
 position: relative;
 font-size: 16px;
 text-align: left;
 font-weight: normal;
}


#video .tags h2 {
 margin: 0;
 padding: 0;
 top: 20px;
 left: 18%;
 width: 261px;
 font-size: 14px;
 color: #AAA;
 position: relative;
 font-weight: normal;
 text-align: left;
}


#video .opublikowano h3 {
 margin: 0;
 padding: 0;
 left: 18%;
 top: 25px;
 width: 261px;
 font-size: 14px;
 color: #AAA;
 position: relative;
 font-weight: normal;
 text-align: left;
}


#video .image-icon {
 top: 200px;
 left: 1%;
 height: 34px;
 width: 34px;
 position: absolute;
 border-radius: 99ex;
 background: url(icon/logo.png) center;
 background-size: cover;
}


#video .a_1 .godzina {
 right: 0;
 bottom: 0;
 color: #FFF;
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 padding: 6px 18px 6px 28px;
 background-color: #222;
 position: absolute;
 border-top-left-radius: 40px;
}


#video ul {
 margin: 0;
 padding: 0;
 display: block;
 list-style-type: none;
 list-style-image: none;
 line-height: normal;
 text-align: center;
}


#video li {
 top: 30px;
 margin: 0;
 padding: 0;
 vertical-align: middle;
 line-height: normal;
 display: inline-block;
 position: relative;
 background: transparent none no-repeat scroll 0 0;
}


@media (max-width: 1000px)

{

body {
 margin: 50px;
 padding: 0;
 color: #111;
 font-size: 20px;
 background-color: #242424;
 font-family: 'Poppins', sans-serif;
}


* {
 scrollbar-width: thin;
 scrollbar-color: #FFA851 #222;
}


::-webkit-scrollbar { 
 width: 0em; 
 height: 0em;
}


#menu {
 top: 15.6vh;
 height: 700px;
 width: 35%;
 float: left;
 background-color: #292929;
 border-radius: 40px;
 position: fixed;
}


#menu .logo {
 top: 100px;
 height: 100px;
 width: 100px;
 margin: 0 auto;
 background-image: url(icon/logo.png);
 background-size: cover;
 position: relative;
}


#menu h1 {
 top: 110px;
 color: #FFF;
 font-size: 26px;
 font-weight: normal;
 text-align: center;
 position: relative;
}


#menu ul {
 top: 160px;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}


#menu a {
 color: #FFF;
 font-size: 19px;
 display: block;
 padding: 7% 0px 7% 0px;
 text-decoration: none;
}


#menu .l_c_1 {
 background-color: #313131;
}


#menu a:hover {
 background-color: #313131;
}


#menu p {
 top: 100px;
 margin: 0;
 padding: 0;
 color: #FFF;
 font-size: 18px;
 position: relative;
}


#menu .copyright {
 bottom: 0;
 height: 50px;
 width: 100%;
 color: #FFF;
 font-size: 18px;
 text-align: center;
 position: absolute;
}


#header {
 height: 220px;
 width: 90%;
 float: right;
 text-align: center;
 background: url(background/background-header.jpg) center;
 background-size: cover;
 border-radius: 40px;
 position: absolute;
}


#header a {
 top: 85px;
 color: #FFF;
 font-size: 50px;
 text-decoration: none;
 position: relative;
}


#header .l_x_1 {
 height: 220px;
 width: 100%;
 background-color: rgba(41, 41, 41, 0.77);
 border-radius: 38px;
}


#video {
 top: 13vh;
 width: 57%;
 float: right;
 padding-bottom: 100px;
 margin-bottom: 300px;
 position: relative;
 background-color: #292929;
 border-radius: 40px;
}


#video img {
 height: 100%;
 width: 100%;
 border-top-right-radius: 40px;
 border-bottom-left-radius: 40px;
}


#video a {
 color: #F9F9F9;
 display: block;
 position: relative;
 text-decoration: none;
 margin: 80px 50px 140px 50px;
}


#video .a_1 {
 height: 170px;
 width: 320px;
}


#video .a_1 .nowy {
 color: #F9F9F9;
 font-size: 16px;
 font-weight: bold;
 padding: 8px 38px 8px 28px;
 background-color: #823838;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .a_1 .polecany {
 color: #F9F9F9;
 font-size: 16px;
 font-weight: bold;
 padding: 8px 38px 8px 28px;
 background-color: #2D6D86;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .a_1 .sylwester {
 color: #F9F9F9;
 font-size: 16px;
 font-weight: bold;
 padding: 8px 38px 8px 28px;
 background-color: #825E38;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .a_1 .info {
 color: #F9F9F9;
 font-size: 16px;
 font-weight: bold;
 padding: 8px 38px 8px 28px;
 background-color: #39622B;
 position: absolute;
 border-bottom-right-radius: 40px;
}


#video .title h1 {
 left: 20%;
 top: 15px;
 width: 248px;
 margin: 0;
 padding: 0;
 color: #FFF;
 position: relative;
 font-size: 19px;
 text-align: left;
 font-weight: normal;
}


#video .tags h2 {
 margin: 0;
 padding: 0;
 top: 20px;
 left: 20%;
 width: 208px;
 font-size: 18px;
 color: #AAA;
 position: relative;
 font-weight: normal;
 text-align: left;
}


#video .opublikowano h3 {
 margin: 0;
 padding: 0;
 left: 20%;
 top: 20px;
 width: 256px;
 font-size: 18px;
 color: #AAA;
 position: relative;
 font-weight: normal;
 text-align: left;
}


#video .image-icon {
 top: 200px;
 left: 1%;
 height: 44px;
 width: 44px;
 position: absolute;
 border-radius: 99ex;
 background: url(icon/logo.png) center;
 background-size: cover;
}


#video .a_1 .godzina {
 right: 0;
 bottom: 0;
 color: #FFF;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 padding: 6px 24px 6px 34px;
 background-color: #222;
 position: absolute;
 border-top-left-radius: 40px;
}


#video ul {
 margin: 0;
 padding: 0;
 display: block;
 list-style-type: none;
 list-style-image: none;
 line-height: normal;
 text-align: center;
}


#video li {
 top: 30px;
 margin: 0;
 padding: 0;
 vertical-align: middle;
 line-height: normal;
 display: inline-block;
 position: relative;
 background: transparent none no-repeat scroll 0 0;
}

}
