@font-face {
    font-family: 'almoniTzar700';
    font-weight: 700;
    /*(bold)*/
    font-style: normal;
    src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot');
    src: url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.eot') format('embedded-opentype'),
         url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff') format('woff2'), 
         url('../../../Static/fonts/almoni-tzar/almoni-tzar-bold-aaa.woff2') format('woff');
}
.hero .heroWr h1 {
    text-align: right;
    font-size: 150px;
    font-family: 'almoniTzar700';
    margin: 0;
    line-height: 1;
    color: #fff;
    margin-bottom: 0;
    align-self: center;
    max-width: 100%;
    border-bottom:1px solid #fff;
    font-variant-caps: small-caps;
}

.hero .heroWr h2 {
    text-align: center;
    font-size: 56px;
    font-family: 'almoniDL300';
    margin: 15px 0;
    color: #fff;
    line-height: 1;
}
.hero .heroWr .date {
    font-size: 40px;
    text-align: center;
    color: #fff;
    font-family: 'almoniDL300';
    line-height: 1;
}
.hero {
    justify-items: end;
    padding: 140px 40px 108px;
}
.veidaInner .banners img {
    max-width: 200px;
    min-width: auto;
}
.veidaInner .banners a {
    margin: 0;
}
.veidaInner .banners a:nth-last-child(1){
    flex:100%
}
.veidaInner .banners {
    justify-content: space-around;
    align-content: space-around;
    height:250px;
}
@media screen and (max-width: 800px) {
    .hero .heroWr h1 {
        font-size: 55px;
    }

    .hero .heroWr h2 {
        font-size: 22px;
        max-width: 100%;
        margin: 12px 0;
    }


    .hero .heroWr .date {
        font-size: 22px;
        margin-bottom: 0;
    }

    .hero {
        padding: 15px 0 260px 0;
    }
    .hero .heroWr {
        display: grid;
        grid-template-rows: auto auto auto 100%;
    }
    .veidaWr.style1 div.hero {
        background-position: center top;
    }

    .hero .heroWr p {
        margin: 5px 0;
        align-self: end;
    }

    .veidaInner .banners {
        height: auto;
    }
}
@media screen and (max-width: 400px) {
    .hero .heroWr h1 {
        font-size: 50px;
    }
    .hero .heroWr h2 {
        font-size: 20px;

    }
    .hero .heroWr .date {
        font-size: 20px;
    }

}
@media screen and (max-width: 340px) {
    .hero .heroWr h1 {
        font-size: 42px;
    }
}