html{margin:0px;padding:0px;}
body{
margin:0;
padding:0;
/*background:#fff;*/
font-family: 'Open Sans', sans-serif;
width:100%;
/*background-color:#f3f3f3;
backg ound-image: linear-gradient(0deg, $pink 50%, $gray-light 50%);
background-image: linear-gradient(135deg, yellow, blue);*/
}

#content-outer{float:left;width:100%;height:auto;background:#ffffff;}
#content {width: 499px;height: auto;margin: 0 auto;top: 100px;clear:both;}
#napis{width:499px;height:204px;float:left;margin-top:50px;margin-bottom:70px;}
#content02-outer{float:left;width:100%;height:auto;background: #f3f3f3;padding-top:30px;}
#content02{width:auto;max-width:1606px;margin:0 auto;height:auto;}
.obrazek{float:left;width:100%;max-width:803px;text-align:center;display:block;height:auto;min-height:700px;}
.obrazek img{}

@media only screen and (max-width: 1606px) {
#content02{width:100%}
.obrazek{width:50%}
}
@media only screen and (max-width: 1024px) {
#content02{width:100%}
.obrazek{width:100%;max-width:1024px;min-height:200px;margin-bottom:50px;}
}
@media only screen and (max-width: 603px) {
#content02{width:100%}
.obrazek{width:100%;max-width:1024px;}
.obrazek img{width:100%;}
}

@media only screen and (max-width: 500px) {
#content{width:400px;}
#napis{width:400px;margin-top:50px;}
#napis img{width:400px;}
#content-outer{background:#f3f3f3;}
}
@media only screen and (max-width: 400px) {
#content{width:300px;}
#napis{width:300px;}
#napis img{width:300px;}
}
@media only screen and (max-width: 310px) {
#content{width:250px;}
#napis{width:250px;}
#napis img{width:250px;}
}
@media only screen and (min-height: 750px) and (min-width:1024px) {
#content{margin-top:0px;}
}