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

#body{min-width: 100%; overflow-y: scroll; overflow-x: hidden; margin:0px -3px -3.5px -3px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.content{margin: 0 auto; width:100%;}

#slide1, #slide2{ width: 100%; height: initial; margin:0; background-size:cover; background-color:#FFF; background-position: center;}
#slide1{padding:2em 0 3em 0; background-image:url(PRODUKTY.png);}
#slide2{padding:0px 0 3em 0; background-color:#FFFFFF;}

/*Top menu*/
.top_menu{width:95%; margin: 0 2em 4em 0; text-align: right;  color: #fff; font-size: 14px; font-weight:600; word-spacing: 3em; }
.top_menu a {color: #fff; text-decoration: none; word-spacing: normal; opacity: 0.7;}
.top_menu a:hover{ opacity:1;}

.dropbtn {background:rgba(12,0,169,0.5); color:#fff; padding: 0.5em 0em 0.5em 1em; font-weight:400; font-size: 22px; letter-spacing:0.05em;  border: none; width:100%; text-align: left; display: none;}
.dropdown {position: static;  display: none; width:100%; margin-bottom:4%;}
.dropdown-content { display: none; float:left; text-align:center; font-weight:400; font-size: 16px; letter-spacing:0.05em; background:rgba(170,170,170,0.3); width:100%;  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.dropdown-content a {color:#fff; padding: 15px 20px; text-decoration: none; display:inline; transition: all .5s ease;}
.dropdown-content a:hover {color:#887FFC;}
.dropdown:hover .dropdown-content {display: inline; height:auto; padding:20px 0 20px 0;}
#menu_icon{width:8%;}

/*Logo*/
.logo_container{width:100%; display:inline-block; text-align: center;}
#logo{width:8%;}


.h{width:100%; text-align: center; color: #fff; font-weight:bold; font-size: 50px; letter-spacing: 0.08em; margin: 0 0 4em 0;}
.h_text{width:50%; text-align: center; color:#474747; font-size: 18px; margin: 0 0 0 25%;}

/* Offer */

.prdct_container{width:60%; margin: 0 0 0 20%; display:inline-block; text-align:center;}
.prdct_box{width:30%; padding:3.5em 0 3.5em 0; display:inline-block;}

.prdct_img{width:70%; margin: 0 0 0.5em 0;}

.prdct_title{width:100%; text-align: center; font-size: 18px; font-weight: 700; color:#6C7282;}
.title_plus{width:100%; text-align: center; font-size: 14px; font-weight: 400; color:#6C7282;}
#prdct_btn {width:50%; margin: 1.2em 0 0 0; opacity: 1; vertical-align: top;}
#prdct_btn a: hover{opacity:0.5;}

/*NAV ARROWES*/
.arrows{width:100%;}
#arrow_back{width:3%; padding:10px 10px 3px 10px; position:fixed; bottom:0; right:10px;}
#arrow_up{width:3%; padding:10px 10px 3px 10px; position:fixed; bottom:0; left:10px;}

@media screen and (max-width: 900px){	
/*Logo*/
.logo_container{margin:0 0 2em 0;}
#logo{width:15%;}

.h{width:90%; margin:0 0 0 5%; font-size:50px; letter-spacing: 0.05em;}
.h_text{width:70%; text-align: center; color:#474747; font-size: 18px; margin: 7em 0 3.5em 15%;}

/* Offer */
.prdct_container{width:80%; margin: 1em 0 0 10%; display:inline-block; text-align:center;}
.prdct_box{width:45%; padding:3.5em 0 3.5em 0; display:inline-block;}

#prdct_btn {width:50%; margin: 1em 0 0 0; opacity: 1;}	
	
/*NAV ARROWES*/
#arrow_back{width:6%; padding:10px 10px 3px 10px; position:fixed; bottom:0; right:10px;}
#arrow_up{width:6%; padding:10px 10px 3px 10px; position:fixed; bottom:0; left:10px;}	
}

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

#slide1{padding:0 0 3em 0;}	
/*Top menu*/
.top_menu{display:none;}
	
.dropbtn {display:inline-block;}
.dropdown {display:block; margin-bottom:4%;}
.dropdown-content {font-size: 16px;}
.dropdown-content a {padding: 0.5em 0.5em; display:block;}
.dropdown:hover .dropdown-content {display: block; padding:10px 0 10px 0;}
	
/*Logo*/
.logo_container{width:100%; display:inline-block; text-align: center; margin:0 0 2em 0;}
#logo{width:15%;}
	
/*Headings*/
.h{width:80%; font-weight:700; font-size: 30px; letter-spacing: 0.03em; margin:0 0 3em 10%;}
	.h_text{width:70%; font-size: 15px; margin: 0 0 0 15%; object-position:bottom;}
	
/* Offer */

.text{width:80%; margin: 2em 0 1em 10%; font-size: 14px;}
.prdct_container{width:80%; margin: 1em 0 0 10%; display:inline-block; text-align:center;}
.prdct_box{width:100%; padding:2.5em 0 2.5em 0; display:inline-block;}

/*NAV ARROWES*/
.arrows{display:none;}
}