.logo {
    transform: translateY(10px);
    z-index: 5;
}

.slider {
    z-index: -2;
}

.die{
    z-index:6;
    display:inline-block;
    width:100%;
    max-width:500px;
}

.hov{
    border-radius: 20px;
}

.hov:hover{
    background-color:rgb(249, 182, 0);
}

.uk-navbar-nav > li > a.hov{
    min-height:30px;
    padding:4px;
}

.pos{
    display:inline-block;
    width:100%;
    max-width:800px;
}

.aper{
    display:inline-block;
    font-size: 28px;
    background-color: transparent; 
    border: 1px solid rgb(249, 182, 0);
    border-radius: 20px;
    color:rgb(249, 182, 0);
    z-index: 2;
    padding:7px;
}



.bon {
    background-color: transparent; 
    border: 2px solid rgb(249, 182, 0);
    border-radius: 20px;
    padding:7px;
    color:rgb(249, 182, 0);
}

.fami{
    color: rgb(123, 102, 170);
}

.titu{
    font-size: 50px;
}

.inf{
    border: none;
}

.imaha{
    height: 280px;
    width: 280px;
}

@media screen and (max-width: 1235px) and (max-height: 865px) {
    .pos{
    display:inline-block;
    width:100%;
    max-width:600px;

}
    .die{
    display:inline-block;
    width:100%;
    max-width:500px;
}

}
@media screen and (max-width: 768px) and (max-height: 865px) {
     .pos{
    display:inline-block;
    width:100%;
    max-width:250px;

}
    .die{
    display:inline-block;
    width:100%;
    max-width:300px;
}
    
}