@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%;}

/* Slides */	
#slide1, #slide2{ width: 100%; background-position: center;}
#slide1{background-color:#FFF; height: initial; margin: 0;  padding:2em 0 3em 0; background-image:url(PRODUKT.png); background-size: cover; background-position: center;}
#slide2{background-color: #fff; height:initial; margin: 0; padding:3em 0 3em 0;}
#slide3{background-color: #fff; height: initial; padding: 1.5em 0 4em 0;}
#slide4{background-color: #fff; height: initial; padding: 1em 0 1em 0; background-size: cover;}

/*Top menu*/
.top_menu{width:95%; margin: 0 2em 1em 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%;}

/*Main slide*/
.entrance{width:70%; display: inline-block; margin: 3em 0 1.2em 30%;}
.h_entr{width:100%; text-align:center; color: #fff; font-weight:bold; font-size: 45px; letter-spacing: 0.08em;}
.entr_i{width:100%;}
#img_entr{width:60%; margin: 0 0 0 20%;}

/* Headings */
.h_1{width:100%; text-align: center; color: #0017D1; font-weight:bold; font-size: 25px; letter-spacing: 0.08em;}
.h_2{width:100%; padding: 0.2em 0 0.4em 0; margin:0 0 3em 0; background-color:#0017D1; text-align:center; color: #fff; font-weight:bold; font-size: 22px; letter-spacing: 0.05em;}
.h_3{width:70%; margin:0 0 4em 15%; color:#575466; font-weight:bold; font-size: 22px; letter-spacing: 0.06em;}

/* I Description*/
.i_container{width:80%; margin: 0 0 4em 10%;}
.i_text{width:80%; margin:2.5em 0 0 10%; text-align: center; font-size: 16px; line-height: 26px; color:#575466;}

/* Functions and benefits */
.f_container{width:70%; margin: 0 0 0 15%; word-spacing:4.5em; display: inline-block; background-color: #fff; }
#wykres{width:80%; margin:0 0 0 10%;}
.f_box{ width:40%; padding: 1em; margin:1em 0 1em 0; display:inline-block; vertical-align: top; background-color: #fff; word-spacing:normal;}
.f_title{width:100%; text-align:left; color: #0017D1; font-weight:700; font-size: 18px; letter-spacing: 0.04em;}
.f_text{width:100%; text-align:left; font-size:14px; line-height: 20px; color:#575466; }.f_box{ width:40%; padding: 1em; margin:1em 0 1em 0; display:inline-block; vertical-align: top; background-color: #fff; word-spacing:normal;}
.f_box_2{width:40%; padding: 1em; margin:0.2em 0 0.2em 0; display:inline-block; vertical-align: top; background-color: #fff; word-spacing:normal;}
.f_text_2{width:100%; text-align:left; font-size:14px; line-height: 20px; color:#0017D1;}

/* Specification */
.s_container{width:70%; margin: 0 0 0 15%;}

table, tr{text-align:left; width:100%; border-collapse: collapse;}
td{color:#575466; font-size: 14px; width:auto; text-align: left; background-color: #fff; padding:0.8em 3em 1em 0; border-bottom: 0.5px solid #B5B5B7; border-bottom-width:100%;}

/* Back */
.producent{width: 100%; margin: 1em 0 0 0; color:#575466; font-size: 14px;}
.producent a{color:#0017D1;}
#back_btn{width:15%; text-align: left;}

@media screen and (max-width: 900px){
	
/*Main slide*/
.h_entr{width:80%; margin:0 0 0 10%; font-size: 45px;}
	
/* Headings */
.h_1{width:100%; text-align: center; color: #0017D1; font-weight:bold; font-size: 25px; letter-spacing: 0.08em;}
.h_2{width:100%; padding: 0.2em 0 0.4em 0; margin:0 0 3em 0; background-color:#0017D1; text-align:center; color: #fff; font-weight:bold; font-size: 22px; letter-spacing: 0.05em;}
.h_3{width:70%; margin:0 0 3em 15%; color:#575466; font-weight:bold; font-size: 22px; letter-spacing: 0.06em;}

/* I Description*/

.i_container{width:70%; margin: 0 0 0 15%;}
.i_text{width:100%; margin:4em 0 0 0; text-align: center; font-size: 13px; line-height: 18px;}

/* Functions and benefits */

.f_container{width:80%; margin: 0 0 0 10%; word-spacing:2.5em; display: inline-block;}
.f_box{ width:40%; padding: 1em; margin:1em 0 1em 0; display:inline-block;}
.f_title{width:100%; text-align:left; color: #0017D1; font-weight:700; font-size: 18px; letter-spacing: 0.04em;}
.f_text{width:100%; text-align:left; font-size:14px; line-height: 20px; color:#575466; }.f_box{ width:40%; padding: 1em; margin:1em 0 1em 0; display:inline-block; vertical-align: top; background-color: #fff; word-spacing:normal;}
.f_box_2{width:40%; padding: 1em; margin:0.2em 0 0.2em 0; display:inline-block; vertical-align: top; background-color: #fff; word-spacing:normal;}
.f_text_2{width:100%; text-align:left; font-size:14px; line-height: 20px; color:#0017D1;}

/* Specification */

.s_container{width:80%; margin: 0 0 0 10%;}

table, tr{text-align:left; width:100%; border-collapse: collapse;}
td{color:#575466; font-size: 14px; width:auto; text-align: left; background-color: #fff; padding:0.8em 3em 1em 0; border-bottom: 0.5px solid #B5B5B7; border-bottom-width:100%;}

/* Back */
#back_btn{width:25%; text-align: left;}
}

@media screen and (max-width: 600px){
	
#slide1{padding:0 0 1.5em 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;}	
	
/* Headings */
.entrance{width:100%; margin: 2em 0 0 0;}
.h_entr{ font-size: 25px; letter-spacing: 0.08em;}
#img_entr{width:90%; margin: 0 0 0 5%;}

.h_1{width:80%; margin:0 0 0 10%; font-size: 22px; letter-spacing: 0.05em;}
.h_2{width:100%; padding: 0.2em 0 0.4em 0; margin:0 0 1.2em 0; background-color:#0017D1; text-align:center; color: #fff; font-weight:bold; font-size: 20px; letter-spacing: 0.05em;}
.h_3{width:80%; margin:0 0 3em 10%; color:#575466; font-weight:bold; font-size: 22px; letter-spacing: 0.06em;}

/* I Description*/

.i_container{width:80%; margin: 0 0 0 10%;}
.i_text{width:100%; margin:2em 0 0 0; text-align:center; font-size: 12px; line-height: 16px;}

/* Functions and benefits */
.f_container{width:80%; margin: 0 0 0 10%; word-spacing:2.5em; display: inline-block;}
	#wykres{width:100%; margin:0;}	
.f_box{ width:100%; padding:0.5em 0 0.5em 0; margin:0.4em 0 0.4em 0; display:inline-block;}
.f_title{font-size: 16px;}
.f_text{font-size:12px; line-height: 16px;}
.f_box_2{width:100%; padding:0.5em 0 0.5em 0; margin:0.2em 0 0.2em 0; display:inline-block; vertical-align: top; background-color: #fff; word-spacing:normal;}
.f_text_2{width:100%; text-align:left; font-size:14px; line-height: 20px; color:#0017D1;}

/* Specification */

.s_container{width:80%; margin: 0 0 0 10%;}
	td{font-size: 12px; padding:0.8em 3em 1em 0;}

/* Back */
#back_btn{width:50%;}

}