:root {--veidaColor: #DD0E26;}
 
 .hero .heroWr h1 { font-size: 80px;    line-height: 80%; margin-bottom: 7px;}
.hero .heroWr h2 {
    color: #000;
    font-size: 38px;
    line-height: 100%;
    max-width: 332px;
    margin: 0 auto;
}
 .hero .heroWr p { color:#000;     max-width: 300px; padding: 12px 24px; line-height: 26px;}

 .hero .heroWr h3 {    color: var(--veidaColor);}

 #countdown span:first-child, #countdown {background:#000;}
.hero .heroWr { margin-top: 36px !important; }
.heroText {    max-width: 460px;}
.veidaInner .banners {    gap: 40px;}
.veidaInner .banners img {  max-width: 200px; min-width: auto;}


    .heroText h5 {
	color: #fff;
    max-width: 300px;
    background: var(--veidaColor);
    text-align: center;
    margin: 0 auto;
    padding: 7px 24px;
    border: 2px solid var(--veidaColor);
    font-size: 21px;
    font-family: almoniTzar400;
    line-height: 100%;
	}

 .registerBox div.d3 {display: none;}
.articles {display: grid; gap:40px;     grid-template-columns: 1fr 1fr 1fr; text-align: right;}
.articles .articleDiv_bottom  {border: 1px solid #999;    border-radius: 0; padding: 16px; border-top: 0; }
.articles .article_title {margin: 0 0 16px;min-height: 60px;}
.articles .articleDiv_info  {justify-content: right;}
.articles .articleDiv_info .article_author {color:#555;font-family: 'demibold';} 
.articles .article_img {display: block;}



@media screen and (min-width: 480px)  {
.header .container .nodeName a br {display: none;}


}


@media screen and (max-width: 480px)  {
 .header .container .nodeName a {    width: 200px;   display: block;}
    .hero .heroWr { margin-top: 0px !important; padding-bottom: 60px;}
    .hero .heroWr h1 { font-size: 58px !important;}
    .hero .heroWr h2 { font-size: 31px !important;margin-top: 7px; max-width: 260px; }
    .heroText { margin-top: 75px;margin-bottom: 10px;}
    .heroText h5 {max-width: 232px;}
 
    .hero .heroWr p {  max-width: 260px; padding: 6px 10px;}
    .veidaInner .banners {     grid-template-columns: 1fr 1fr;    }
    .hero .heroImg { width: 50% !important; }
    .navigateAppsLinks {display: none;}
    .articles {grid-template-columns: 1fr;}
    .articles .article_title {  min-height: auto;}
}

@media screen and (max-width: 420px)  {
    #thankYouMsg {width:auto; font-size: 18px;}
    .header .container .nodeName a {    width: 170px;   display: block;}

    }