body,html {
    height: 100%;}

.hero-image {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("zek\ bckgrnd25\ wndw.png");

    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
}
.logo-image {

    display: block;
    margin-left: auto;
    margin-right: auto;
    width:500px;
    animation: mymove 5s ;

}

@keyframes  mymove {

    0% {opacity: 0%;}
    0% {width:400px}
    100% {width: 500px;}
}


.textsex {

    position: relative;
    size: 30px;
    text-align: center;
    vertical-align: middle;
 
    color:rgb(185, 214, 239)



}

.videophone {

    margin-top: 20px;
    vertical-align: middle;
}

.pero {

    color:rgb(218, 119, 13)

}

.kratkyhohoma {

    position: relative;
    size: 60px;
    text-align: center;
    vertical-align: middle;
 
    color:rgb(185, 214, 239)
}