:root {--veidaColor: #00A252;}
 .hero .heroWr h1 {font-size: 70px;line-height: 80%;margin-bottom: 8px;}
 .hero .heroWr h2 {color: #000; font-size: 35px;}
 .heroText { max-width: 440px;}
 .hero .heroWr p {color:#000; max-width:254px; margin-top: 30px; }
 #countdown span:first-child, #countdown {  background: #000;}
 .hero .heroWr p span {color:var(--veidaColor)}
 .hero .heroWr {padding-bottom: 75px;}

 @media screen and (max-width: 480px) {
    .heroText {   margin-bottom: 30px; margin-top: 0;}


    .hero .heroWr h1 {font-size: 50px !important;}
    .hero .heroWr h2 {  font-size: 27px !important; margin-top: 0;}
    .hero .heroWr p { max-width: 224px; line-height: 30px; margin-top: 18px}
    .header .container .nodeName {        font-size: 18px;}
 
    .hero .heroWr {   grid-gap: 0px; margin-top: 75px !important;     padding-bottom: 40px;}
        .header .container .sponser {padding-bottom: 4px;}
 
    
 }



 /*======================================================*/

.hero .heroWr p {
    padding: 10px 0px !important;
    max-width: unset;
    width: 250px;
}

.heroText h5 {
    padding: 7px 0px !important;
    max-width: unset;
    width: 250px;
}


@media screen and (max-width: 320px) {
    .header .container .nodeName {
        font-size: 13px !important;
    }
}