/*
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) {
  #logo, .menu {width: 100%;}
  #logo p {margin: 0 auto 0 20px;}
  .menu li a {padding: 5px 20px;}
  .is-sticky #sticker .menu li a {padding: 5px 20px;} 
  .uvod1 {padding: 30px 130px 40px 0;}
  #paticka .col-1-3 {padding: 40px 0 0 80px;}
  .strankalila .fotokategorie img {width: 100%;}
}

@media only screen and (max-width: 984px) {
  header {height: 100px;}
  #logo, .menu {width: 100%;}
  #logo p {margin: 0 auto;}
  .menu-row {margin: 40px auto; text-align: center;}
  .menu li a {padding: 5px 14px;}
  .is-sticky #sticker #logo p {display: none;}
  .is-sticky #sticker .menu-row {height: 70px; margin: 0 auto;}
  .is-sticky #sticker .menu li a {padding: 5px 14px;} 
  .is-sticky #sticker .menu ul {margin: 0 0 0 -75px;}
  #content1 {background: url(../UserFiles/Image/images/foto.jpg) no-repeat center bottom; background-size: 100% 100%;}
  #paticka {background: url(../UserFiles/Image/images/paticka.jpg) center top no-repeat; background-size: 100% 100%;}
  #paticka .col-1-3 {clear: both; float: none; padding: 60px 0 20px 60px; text-align: center;}
  #paticka .col-2-3 {clear: both; float: none; padding: 20px 0 40px 60px; text-align: center;}
  #paticka .tlacitko {text-align: center;}
  .uvod1 {padding: 30px 130px 40px 0;}
  .uvod1 h1 {font-size: 70px; line-height: 72px;}
  .strankalila .fotokategorie img {width: 100%;}
}

/*------------iPhone 6 šířka------------*/
@media only screen and (max-width: 767px) {
  header {height: 160px;}
  h2 {font-size: 30px; line-height: 40px;}
  #logo p {margin: 20px auto;}
  .menu-row {margin: 40px auto; text-align: center;}
  .menu li a {padding: 5px 14px;}
  .is-sticky #sticker .menu-row {height: 80px; margin: 0 auto; padding: 10px 0;}
  .is-sticky #sticker .menu li a {margin: 0 1px; padding: 5px 14px;} 

  .is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 42px;}
  #content1 {background: url(../UserFiles/Image/images/foto.jpg) no-repeat center bottom; background-size: auto 100%;}
  #paticka {background: url(../UserFiles/Image/images/paticka.jpg) center top no-repeat; background-size: auto 100%;}
  .uvod1 {padding: 30px 30px 40px 0;}
  .uvod1 h1 {margin: 70px 0 15px 0; font-size: 70px; line-height: 72px;}
  .uvod2 .blok {width: 100%; margin: 20px 0 30px 0;}
  #content-hlavickastranka {height: 100px; background: url(../UserFiles/Image/images/stranka.jpg) no-repeat center bottom; background-size: auto 100%;}
  .uvodstranka h1 {margin: 10px 50px 10px 0; font-size: 35px; line-height: 40px; text-align: center;}
  .ramecek, .ramecek2 {float: none; width: 100%; margin: 30px auto;}
  .stranka .blok {float: none; width: 100%; min-height: auto; margin: 0 0 30px;}
  .stranka .kontaktblok {float: none; width: 100%; margin: 20px 0 50px 0;}
  #jmeno, #tel, #mail {width: 90%;}
  textarea {width: 90%;}
  .fotokategorie {float: none; margin: 25px auto 50px;}
  .fotokategorie img {width: 100%; height: auto;}
  .strankalila .kontaktblok {width: 100%; padding: 0;}
  .strankalila .kontaktblok:nth-child(2) {padding: 0 50px 50px;}
  .strankalila .fotokategorie {padding: 0 50px; margin: 0 auto 0;}
}

/*-----------iPhone výška-------------*/
@media only screen and (max-width: 640px) {  
  h1 {margin: 20px 0 25px 0; text-align: left; font-size: 50px; line-height: 45px;}
  h2 {font-size: 25px; line-height: 35px; text-align: center;}
  h3 {font-size: 20px; line-height: 30px;}
  .doprava {text-align: center;}
  header {height: 0; margin: 0; padding: 0;}
  #logo {display: none;}
  .overlay {display: block;}
  .menu-row {display: none;}
  #paticka {border-radius: 0;}
  #paticka .col-1-3 {width: 100%; padding: 100px 0 20px 0; text-align: center;}
  #paticka .col-2-3 {width: 100%; padding: 20px 0 40px; text-align: center;}
  .copyright .copyrightfirm {float: none; padding: 0; text-align: center;}
  .copyright .copyrightcorp {float: none; padding: 0; text-align: center;}
  #content1 {height: 400px; border-radius: 0;}
  .uvod1 {padding: 20px 0 40px 0;}
  .uvod1 h1 {font-size: 50px; line-height: 50px; margin: 50px 40px 15px 10px;}
  .uvod1 p {margin: 0 40px 0 10px; font-size: 20px;}
  .uvod1 .tlacitko {margin: 50px 40px 10px auto;}
  #content-hlavickastranka {height: 110px; border-radius: 0;}
  .uvodstranka h1 {margin: 30px 0 10px 0; font-size: 25px; line-height: 30px;}
  .podnadpis {font-size: 20px; line-height: 30px; text-align: center;}
  .stranka .ramecek, .stranka .ramecek2 {width: 100%;}
  .kontaktblok {float: none; width: 100%;}
  .kontaktblok:nth-child(2) {width: 100%;}
}

@media only screen and (max-width: 400px) {
  .uvod1 .tlacitko a {font-size: 14px;}

}