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

body { font: 400 15px/1.4em 'Roboto', sans-serif; }

#menu-trigger { 
	padding: 15px 25px;
	color: #fff;
	cursor: pointer;
	display: inline-block; 
}
#menu-trigger:hover { background: #000; color: #fff; }

#menu { position: absolute; left:1%; width: 98%; height: 0px; overflow: hidden; }
.menu { width: auto; }
.sf-menu > li { width:100%; padding: 0px !important; background: #000; }
.sf-menu > li > a  { width:100%; padding: 15px 0px; text-align: center; color: #fff; border-bottom: 1px solid #4d4747; }
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover  { background: #c7003f !important; color: #fff !important; }
.sf-menu > li > .sf-with-ul:before,
.sf-menu ul { display: none !important; }

.totop  { display: none !important; }

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

.container { width: 990px; }

h1 { font-size: 39px; line-height: 49px; }
h2 { font-size: 33px; line-height: 38px; }
h3 { font-size: 25px; line-height: 30px; }
h4 { font-size: 20px; line-height: 25px; }
h5 { font-size: 17px; line-height: 21px; }

.camera_caption { top: 25%; }
.camera_caption p { padding: 25px 40px; font-size: 30px; line-height: 38px; }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

.container { width: 734px; }
.topmedia,
.isStuck  { display: none !important; }

h1 { font-size: 33px; line-height: 41px; }
h2 { font-size: 29px; line-height: 35px; }
h3 { font-size: 23px; line-height: 28px; }
h4 { font-size: 19px; line-height: 24px; }
h5 { font-size: 17px; line-height: 21px; }

.camera_caption { left: 5%; right: 5%; }
.camera_caption p { padding: 20px 30px; font-size: 28px; line-height: 36px; border-bottom-right-radius: 36px; border-top-left-radius: 36px; }
.camera_caption p + p { display: none; }

}

@media screen and (min-width: 640px) and (max-width: 767px) {

.container { width: 606px; }
.topmedia,
.isStuck  { display: none !important; }

h1 { font-size: 33px; line-height: 41px; }
h2 { font-size: 29px; line-height: 35px; }
h3 { font-size: 23px; line-height: 28px; }
h4 { font-size: 19px; line-height: 24px; }
h5 { font-size: 17px; line-height: 21px; }

.camera_caption { left: 5%; right: 5%; }
.camera_caption p { padding: 20px 30px; font-size: 26px; line-height: 34px; border-bottom-right-radius: 36px; border-top-left-radius: 36px; }
.camera_caption p + p { display: none; }

}

@media screen and (min-width: 480px) and (max-width: 639px) {

.container { width: 440px; }
.topmedia,
.isStuck  { display: none !important; }

h1 { font-size: 29px; line-height: 35px; }
h2 { font-size: 25px; line-height: 33px; }
h3 { font-size: 22px; line-height: 27px; }
h4 { font-size: 18px; line-height: 23px; }
h5 { font-size: 16px; line-height: 21px; }

.camera_caption { left: 5%; right: 5%; }
.camera_caption p { padding: 15px 25px; font-size: 20px; line-height: 28px; border-bottom-right-radius: 26px; border-top-left-radius: 26px; }
.camera_caption p + p { display: none; }

.box_cnt,
.box_cnt:hover { padding: 10px; }

.box_02,
.box_03,
.box_032 { width: 100%; }
.box_04,
.box_043,
.box_05 { width: 50%; }

}

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

.container { width: 300px; }
.topmedia,
.isStuck  { display: none !important; }

h1 { font-size: 29px; line-height: 35px; }
h2 { font-size: 25px; line-height: 33px; }
h3 { font-size: 22px; line-height: 27px; }
h4 { font-size: 18px; line-height: 23px; }
h5 { font-size: 16px; line-height: 21px; }

.camera_caption { left: 5%; right: 5%; }
.camera_caption p { padding: 10px 20px; font-size: 18px; line-height: 26px; border-bottom-right-radius: 16px; border-top-left-radius: 16px; }
.camera_caption p + p { display: none; }

.box_cnt,
.box_cnt:hover { padding: 5px; }

.box_02,
.box_03,
.box_032,
.box_04,
.box_043,
.box_05 { width: 100%; }

.wiadomosci img { max-width: 100% !important; max-height: 500px !important; margin-right: 0px; margin-bottom: 10px; }

}