* { padding: 0; margin: 0; }
body { background: #fff; color: #222; font-family: open sans, tahoma; font-size: 14px; position: relative; } /* font loga: ginza heavy; */
/* body { animation-name: pulse; animation-delay: 1s; animation-duration: 30s; animation-iteration-count: infinite; animation-direction: alternate; } */

/******************************************************************************/

@keyframes pulse {
    0% { background-color: #000000; }
    50% { background-color: #001f3f; }
    100% { background-color: #bc2362; }
}

/******************************************************************************/

a { color: #222; }
hr { margin: 1em 0; }

/******************************************************************************/
/* blok */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
.wrap2 { margin: 0 auto; position: relative; width: 1100px; }
.content { float: left; position: relative; width: 100%; }

/******************************************************************************/
/* hlavička */

#head-vesmirna { /* background-image: url('../img/vesmirna/vesmirna.png'); */ background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; }
#head-vesmirna .wrap2 { width: 100%; }
#head-vesmirna .content { height: 100vh; }

#vesmirna { display: block; position: absolute; text-align: center; width: 100%; z-index: 2; }
#vesmirna img { height: 100vh; width: auto; }

/******************************************************************************/
/* obsah */

#content { }
#content .content { padding: 50px 0; }

.small-button { background: #c01d97; background: 000; border-radius: 2px; color: #fff; display: inline-block; font-size: 0.9em; margin: 15px 0; min-width: 150px; padding: 5px 15px; text-align: center; text-decoration: none; }

/******************************************************************************/
/* text */

#text { background: #000; color: #fff; }
#text .content { line-height: 1.75em; padding: 50px 0; }
#text, .small-button { animation-name: pulse; animation-delay: 1s; animation-duration: 30s; animation-iteration-count: infinite; animation-direction: alternate; }

/******************************************************************************/
/* facebook comments */

#facebook-comments { }
#facebook-comments .content { padding: 50px 0; }

/******************************************************************************/
/* patička */

#foot { background: #000; color: #aaa; }
#foot, #foot a {  }
#foot .content { padding: 50px 0; text-align: center; }

.motto { font-weight: bold; margin-bottom: 50px; }
.download a { color: #aaa; }

#foot .wrap-social { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; margin: 50px 0; padding: 1em; }
#foot .social li a { color: #aaa; }
#foot .social li a:hover { color: #fff; }



.wrap-social { display: inline-block; }
.wrap-social.head { font-size: 1.1em; margin-left: 125px; }
.wrap-social.foot { font-size: 1.25em; }

.social { display: inline-block; padding: 0; }
.social li { display: inline-block; list-style: none; margin-right: 30px; }
.social li a:hover { color: #444; }
.social img { vertical-align: middle; }