@font-face {
    src: url(../font/neu.ttf);
    font-family: neus;
}

@font-face {
    src: url(../font/Liurban.ttf);
    font-family: urban;
}

body {
  font-family: urban;
    background-image:url(../img/gray.jpg);
    margin: 0;
    text-align: center;
    background-repeat:no-repeat;
    background-attachment: fixed;
    color: lightyellow;
    padding-top:70px;
    padding-bottom:70px;
   
}
    h1 {
    font-size: 60px;
    text-align: center;
    margin: 60px 0;
    font-family:neus;
    text-shadow: 3px 3px black;
    border-top: 1px solid;
    padding-top:20px;
    
    
}

#asd {
    text-align: center;
}


.affix {
    top:0;
    width: 100%;
    z-index: 10000;
    margin-bottom: 50px
 }
 .affix + h1 {
        padding-top: 300px;
    }


video { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
  padding-bottom:150px;
}
.stopfade { 
   opacity: .10;
}


.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .active a:active,
.navbar-default .navbar-nav .active a:focus
{
    background-color: black;
    color:#ddd;
}

nav ul li a {
 color:white; 

}
ul
{
list-style-type: none;
}

.szolg {
    
    font-size:20px;
}


#kep {
    width:50%;
        height:50%;
        float:left;
}
#rolm {
    background-color:transparent;
    font-size:20px;
    padding-bottom:50px;
}
.modal-backdrop.in {
    opacity: .70;
    filter: alpha(opacity=95);
}
#asd a {
    font-size:30px;
    color:lightyellow; 
    text-shadow: 3px 3px black;
}
#asd p {
    line-heigth: 50%;
}



footer {
    text-align: center;
    font-size:20px;
    font-style: italic;
    border-top:2px solid;
    padding-top:10px;
}