@charset "utf-8";
/* CSS Document */

@media(max-width:320px)
{
	
}
@media (max-width: 1000px) {
    .bg-top {
        background-position: 0% 55%;
    }
}

@media (max-width: 1600px) {
    .section-4 {
    background-position: 25% 0%;
    }
}


@media (max-width: 800px) {
    .section-4 {
    background-position: 45% 0%;
    }
    .slider-text h3 br {
        display: none
    }
    .slider-text {
    margin-top: 25px;
    padding-bottom: 20px;
    }
}


@media(min-width:411px) and (max-width:415px) {
	.img-showcase {
    height: 286px;
}
}
@media(min-width:320px) and (max-width:574px) 
{
	#logo {
   	 width: 25%;
   	 margin-top: -22px;
	}
	.menu-bg {
    	margin-top: 5px;
	    box-shadow: 0 0 5px 0px #888;
	}
	.img-h1 { 		font-size: 24px;		}
	
	.bg-texture .paregraph {
		font-size: 16px;   
		margin-top: 30px;
		width: 100%;
		text-align: justify;
	}
	.img-showcase {   height: 251px; }
	.section-4 p {    width: 100%;}
	
	.section-4 {    background-position: center left; }
	
	.slider-text h1 { font-size: 25px; }
	
	.btn-toggle {
		position: absolute;
		top: 0;
		right: 0;
	}
	.slider-text {
    margin-top: 10px;
    padding-bottom: 20px;
}
	.navbar-brand {   
    margin-right: 100px;    
}
	.img-showcase > img{
		width: 100%;
	}
	
}

@media(min-width:575px) and (max-width:767px) {
	#logo {
   	 width: 20%;
	}
	.menu-bg {
    	margin-top: 5px;
	    box-shadow: 0 0 5px 0px #888;
	}
	.img-h1 { 		font-size: 24px;		}
	
	.bg-texture .paregraph {
		font-size: 16px;   
		margin-top: 30px;
		width: 100%;
		text-align: justify;
	}
	.img-showcase {   height: 223px; }
	.section-4 p {    width: 100%;}
	
	.section-4 {    background-position: center left; }
	
	.slider-text h1 { font-size: 25px; }
	
	.btn-toggle {
		position: absolute;
		top: 0;
		right: 0;
	}
.slider-text {
    margin-top: 33px;
    padding-bottom: 46px;
}
	.navbar-brand {   
    margin-right: 200px;    
}
}

@media(min-width:768px) and (max-width:1022px) {
	.navbar-light .navbar-nav .nav-link {
		margin: 0 1px;    
	}
	.img-showcase {   
    	height: 107px;  
	}
}

@media(min-width:1023px) and (max-width:1185px) {
	.navbar-light .navbar-nav .nav-link {     margin: 0 15px; }
	.img-showcase {    height: 142px;}
	.bg-top {
    background-position: 7% 55%;
    }
}


@media (min-width: 1440px) {
	.container {
		max-width: 1300px;
	}
}

@media (min-width: 2500px) {
	.container {
		max-width: 2000px;
	}
	.navbar-light .navbar-nav .nav-link {  margin: 0 70px; }
	body {
		font-size: 20px;
		line-height: 1.5rem;
	}
	
	.img-showcase > img{
		width: 100%;
	}
	.img-showcase {
    position: relative;
    height: 354px;
    overflow: hidden;
	}
	.slider-text p {	font-weight: 300;}
}


@media (max-width: 576px) {
    .slider-text {
    margin-top: 25px;
    padding-bottom: 20px;
    }
}
@media (max-width: 1000px)
{
    .cenik_obal > tbody > tr > td {
        width: 100%;
     display: block;
    }
    
    
}