@font-face {
    font-family: 'Rubrik';
    font-style: normal;
    font-weight: normal;
    src: local('Rubrik'), url('http://lp.satysfakcja.pl/rebranding/fonts/rubrik/normal.otf') format('opentype');
    }
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600&subset=latin,latin-ext);

html, body, #philips{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    }
	.nav-top {
    height: 70px;
    border-bottom: 1px solid #f0f0f0;  
    background-color: #fff;text-align: center;
    }
.logo {
    height: 55px;
    margin-top: 7px;
    }
.logo:hover {
    opacity: 0.8;
    }
.pomoc {
    height: 48px;
    margin-top: 10px;
    float: right;
    cursor:pointer;
    }
.pomoc:hover {
    opacity: 0.8;
    }
@media(max-width:768px) {
    .nav-top {text-align: center;}
    .pomoc {display: none;}
    }
.bg1{background:#136197 url(../img/bg.jpg) repeat-x;color:#fff;}
#philips .header{padding:0;position:relative;text-align:center;}
.head {position:absolute;bottom:0;color:#f08107;}
.head h1{font-weight:600;font-size:3em}
.opisowo{padding: 30px;}
.number{text-align:center;font-weight:bold;font-size:2.5em;}
.number > span{background:#f08107;border-radius:100%;height:50px;width:50px;display: inline-flex; align-items: center;justify-content: center;}
.desck > span{display:block;font-size:2em;margin-top:5px;}
.przycisk{float:right}
.przycisk > a{display:block;position:relative;margin-top:10px;background:#f08107;letter-spacing:1.2px;text-decoration:none;padding:10px 40px 10px 20px;color:#fff;font-weight:600;text-transform:uppercase}
.przycisk > a span{display:inline-block}
.przycisk > a i{display:inline-block;width: 0;
	height: 0;
	    border-top: 5px solid transparent;
    border-left: 10px solid white;
    border-bottom: 5px solid transparent;position:absolute;top:15px;right:15px;}
	.steps{margin-bottoM:20px;}
.produkt-foto{text-align:center;}
.produkt-foto span{font-weight:900}
.produkt-desc h2{font-size:1.5em;min-height:100px;}
.produkt-desc p{font-size:0.9em;min-height:200px;}
.produkty{margin:50px 0;}
#philips img{max-width:100%;}
#philips ol{padding-left:15px}
#philips .linki a{border:0;border-radius:0}
#philips .linki a.link{}
#philips .linki a.link:hover span{background:#fff;color:#000;}
#philips .linki a.link span{background:#000;color:#fff;  padding: 10px; font-size: 2em; width: 100%; float: left; -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;}
#philips .linki{margin:10px 0;text-align:center}
@media (min-width: 940px){
/*#philips.container{max-width:940px;}*/
}
@media (min-width: 320px){
	#philips  p{text-align:justify}
}
@media (min-width: 1200px){
	.container {
		width: 1140px;
	}
}
@media (max-width: 1200px){
	.head{text-align:left;bottom:10px;}
	.head h1{font-size:2em}
	.produkt-desc h2,
	.produkt-desc p{min-height:auto}
	.produkt-desc img{float:right;padding:15px 0 15px 15px}
	.produkt{margin-bottoM:20px;}
}
@media (max-width: 640px){
	.produkt-desc img{display:none}
}
@media (max-width: 450px){
	.produkt-foto span{display:none}
}
@media (max-width: 400px){
	.produkt-foto,
	.produkt-desc,
	.produkty .przycisk,
	.steps .number,
	.steps .desck,
	.steps .przycisk{width:100%}
	h1{display:none}
	.steps .number > span{background:#ddd}
	
}