body {font-family: 'Roboto Condensed', sans-serif; }

.an1 {  animation-delay: 0s;}
.an2 {  animation-delay: 0.15s;}
.an3 {  animation-delay: 0.3s;}
.an4 {  animation-delay: 0.3s;}
.an5 {  animation-delay: 0.45s;}
.an6 {  animation-delay: 0.60s;}
.an7 {  animation-delay: 0.70s;}
.an8 {  animation-delay: 0.80s;}

.tit {


}

.titseg {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -42%);
  text-align: center;
  width:100%;
}
.titseg .prvniobal {border-right: 1px solid #c8c8c8; text-align:right;}
.titseg .druhyobal {}
.titseg .prvniobal, .titseg .druhyobal {display:inline-block; padding:50px; }
.titseg .prvni, .titseg .druhy {width: 180px; text-align: center; }
.titseg .prvni {margin-left:auto; margin-right:0;}
.titseg .druhy {left:0px}
.titseg img {width: 70%; }
.titseg span  {font-weight:300; font-size: 24px}

a { color: #5b585c; text-decoration: none}
a:hover { color: #c88d2c; }

.pata {   left: 50%; transform: translate(-50%); color: #5b585c; padding: 15px 12px 10px 12px; background-color:#ffffff; font-family: 'Roboto', sans-serif; text-transform: none;  font-size: 11px; position:absolute; text-align: center; bottom: 0px}
.pata img { height:13px; position:relative; margin-top:10px}


@media screen and (max-width: 560px) {
.titseg .prvniobal {border: 0px; }
.titseg .prvniobal, .titseg .druhyobal {display:block; width: 100%; text-align:center; padding:30px 0px; }
.titseg .prvni, .titseg .druhy {margin:auto;}

}