:root {
--veidaBgColor: #DD0E26;
}

.hero .heroWr h1
    {
    color: var(--veidaBgColor) !important;
    font-size: 75px !important;
    line-height:60px !important;
}

.hero .heroWr h2
    {
    color: #000000 !important;
    font-size: 46px !important;
    line-height:42px !important;
}

.heroText p {
    color: #000000 !important;
    border: 2px solid var(--veidaBgColor) !important;
}

.header .container .sponser:after {top:7px}

#countdown span:first-child, #countdown {
    background: #000000 !important;
}

.heroText{max-width:270px}

.spnsr .veidaAboutTitle {
    text-align: center;flex-wrap: wrap;
}

.veidaInner:nth-of-type(5) .veidaAbout {
    justify-content: center;
}

.hIconsWr .register {
    background: var(--veidaBgColor) !important;
    color: #ffffff !important;
}

.hero .heroWr{
    margin-top:unset !important;
    padding: 90px 0 50px;
}

.hero .heroWr h1{
    margin-bottom:10px !important;
}

.heroText p{
    line-height:38px;
}

 

@media screen and (max-width: 480px) {
    .hero .heroImg {
        zoom: 63% !important;
        width:auto !important;
        margin-top:0
    }
    .hero .heroWr {padding:30px 0}


    .veidaInner:nth-of-type(5) .veidaAbout {
        text-align: center !important;
    }

    .hero .heroWr h1 {
        font-size:63px !important;
        line-height: 50px !important;
    }
    
    .hero .heroWr h2 {
     
        font-size: 38px !important;
        line-height: 34px !important;
    }
  
    .heroText p {
        line-height: 30px;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .heroText {
        margin-top: 15px;
    }
    .header {border-bottom: 1px #ccc solid;        box-shadow: none;}
    .veidaInner:nth-of-type(4) .veidaAboutTitle {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }

    .veidaInner:nth-of-type(4) .veidaAboutTitle>img {
       width:160px;
    }

    .veidaInner .veidaAbout .veidaAboutTitle {grid-template-columns: 1fr !important  }

    .spnsr .veidaAboutTitle {display: block !important;}


    .spnsr .veidaAbout .veidaAboutTitle img  {display: block !important; margin: 0 auto;}

    .veidaInner .banners {display: block !important;}
}


@media screen and (max-width: 420px) {
    .header .container .nodeName {        font-size: 16px;}
    .header .container .register {padding: 5px;}

}