/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}
/*------------------------*/

@media only screen and (max-width: 1300px) and (min-width:985px) {
  #content2 {top: -220px;}
  .uvod1 h1 {width: auto; margin: 240px auto 0; font-size: 90px;}
  #page1ru .uvod1 h1 {font-size: 65px;}
  .uvod1 h2 {width: auto; margin: 10px auto; font-size: 60px;}
  .baleni {clear: both;}
}

@media only screen and (max-width: 984px) {
  h2 {clear: both;}
  #content2 {top: -260px;}
  .uvod1 h1 {width: auto; margin: 80px auto 0; font-size: 100px;}
  #page1ru .uvod1 h1 {font-size: 80px;}
  .uvod1 h2 {width: auto; margin: 10px auto; font-size: 50px;}
  .uvod2 .text {clear: both;}
  .obrazek-vpravo {margin: 0 0 0 40px;}
  #paticka, footer {top: -40px;}
  .fotopaticka {bottom: 360px;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  #content2 {top: -190px;}
  .uvod1 h1 {width: auto; margin: 20px auto 0; font-size: 100px;}
  #page1ru .uvod1 h1 {font-size: 90px;}
  .uvod1 h2 {width: auto; margin: 10px auto; font-size: 60px;}
  #paticka, footer {top: -140px;}
  .fotopaticka {display: none;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {  
  header {height: 140px;}
  li {margin: 0 0 0 20px;}
  h2 {margin: 20px 50px 10px;}
  #logo p {margin: 0 auto;}
  #vlajky {float: none; clear: both; width: 140px; top: 5px; margin: 0 auto 0;}
  #vlajky img {margin: 0 5px;}
  #content2 {top: -190px;}
  .uvod1 h1 {margin: 65px auto 0; font-size: 80px;}
  #page1ru .uvod1 h1 {font-size: 56px; letter-spacing: 0;}
  #page1ru .uvod1 h2 {font-size: 50px; letter-spacing: 0;}
  .uvod2 .text {margin: 20px 50px 20px;}
  .ramecek {width: auto; margin: 20px 50px;}
  #page1ru .ramecek {width: auto;}
  #paticka, footer {top: -150px;}
  .fotopaticka {display: none;}
  .uvod2 .baleni {margin: 20px 50px 20px;}
  .obrazek-vlevo2 {float: none;}
}

@media only screen and (max-width: 320px) {
  .uvod1 h1 {margin: 70px auto 0; font-size: 70px;}
  #page1ru .uvod1 h1 {font-size: 45px;}
  #page1ru .uvod1 h2 {font-size: 40px;}
}