.menu {
    direction: rtl;
    text-align: center;
    color: white;
    position: relative;
}

.menu > div {
    width: 15vw;
    height: 20vh;
    background: none;
    position: relative;
    display: inline-block;
    margin: 1.203703703vh; /*13px*/
    font-size: 1.66667vh; /*18px;*/
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

.menu .bglayer {
    position: absolute;
    height: 100%;
    width: 100%;
    /*top: 1.2037037vh; /*calc(-13vh * 100 / 1080);*/
    opacity: 0.6;
    z-index: -1;
}

.menu div:last-child {
    margin-left: 0;
}

.menu div:first-child {
    margin-right: 0;
}

.menu .icon {
    width: 70px;
    position: fixed;
    top: 850px;
    display: block;
}

.menu div:nth-child(1) .icon{
 left: 1585.3px;
}

.menu div:nth-child(2) .icon{
    left: 1264px;
}

.menu div:nth-child(3) .icon{
    left: 904.1px;
}

.menu div:nth-child(4) .icon{
    left: 564px;
}

.menu div:nth-child(5) .icon{
    left: 222.7px;
}

.menu div p{
    text-align: center;
    width: 370px;
}
.menu div:nth-child(1) p{
    left: 1447.3px;
}

.menu div:nth-child(2) p{
    left: 1114px;
}

.menu div:nth-child(3) p{
    left: 768.1px;
}

.menu div:nth-child(4) p{
    left: 423px;
}

.menu div:nth-child(5) p{
    left: 79.7px;
}

.menu p {
    font-family: OpenSansHebrew-Bold;
    position: fixed;
    bottom: 10vh; /*15px;*/
    font-size: 1.6em; /*28px;*/
    margin: 0;
    padding: 0;
}

body.navigation .menu .active {
    color: #ffff00;
}

@media only screen and (max-width: 1280px) {
    .menu p{
        left: 0%!important;
        position: absolute;
        width: 100%!important;
        
    }

    .menu .icon {
        left: 33%!important;
        position: absolute;
        top: 0%;
        width: 22%;
        height: auto;
    }
}