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


@font-face {
	font-family: 'Lato';
	src: url("../static/font/Lato-Regular.ttf");
	
	
}
.box {
	background-color:#030708;
	color:white;
	font-family: 'Lato', sans-serif;
	margin:1% 20%
	

}

.box{
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
    -ms-flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center
	
}
.pudelko {
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	justify-content: flex-end; 
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end 
	
}
.logo {
	margin:100px 0px 60px 0px
}
.pudelko_duze {
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	flex-direction: column;
		-webkit-flex-direction: column;
    -ms-flex-direction: column;

}
.tekst {
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	flex-direction: column;
		-webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.pin-box {
	margin-top:40px;
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	flex-direction: column;	
	-webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.haslo {
	font-size:4em;
	font-weight: 400;
	line-height: 80px
}
.haslo_2 {
	font-weight: 900;
	text-transform: uppercase
}
.green {
	color:#76b728
}
.pin {
	margin:0 auto;
	padding-top:70px;
	padding-bottom: 50px
}
.pin img {
	width:100%
}
.irons {
	margin:0 auto;
	padding-top:150px;
}
.irons img {
	width:100%
}
.pudelko_txt {
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	flex-direction: column;
		-webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.promo {
	font-size:3em;
	font-weight: 900;
	line-height: 80px;
	text-align: center;
	padding-top:50px;
	text-transform: uppercase;
	margin-bottom: 70px
}
.list {
	display: flex;
	 display: -ms-flexbox;
    display: -webkit-flex;
	flex-direction: row;
		-webkit-flex-direction: row;
    -ms-flex-direction: row;

}
.list-box {
	padding:20px 0px
}
.list-box-img {
	min-width:70px;
}
.list-box-txt {
	font-size:1.8em;
	line-height: normal;
	text-transform:uppercase;
	padding-bottom:10px;font-weight: bold
		
}
.list-box-txt-small {
	font-size:1.2em;
	line-height: normal
}
.foot { 
	margin-top:70px;
	margin-bottom: 50px;
	line-height: normal
}

@media all and (max-width:480px){
	
.box {

	margin:0% 8%
	
}
	.pudelko { 
		justify-content: center;
		s-webkit-justify-content: center;
	-ms-justify-content: center
	}
	.haslo {
		font-size: 3em;
		line-height: normal
	}
	.pin {
		padding-top:30px
	}
	.promo {
		line-height: normal;
		font-size: 2.2em
	}
	.list {
	flex-flow:row	
	}
	.list-box-txt {
		font-size: 1.2em;
		
	}
	.list-box-txt-small {
		font-size: 1em;
		line-height: normal
		
	}
}
@media all and (min-width:481px) and (max-width:768px){
	.box {

	margin:0% 10%
	
}
	.list {
	
	}
	.list-box-txt {
		font-size: 1.6em
	}
}