.hero .heroWr p {    border: 2px solid #ED1C24;  }
.heroText {
    max-width: 450px;
}
#countdown span:first-child, #countdown {background: #000;}

.hero .heroWr h2 {color:#1F3162}


.hero .heroWr p {color:#000}
.hero .heroText img {margin-bottom:30px}
.hero .heroWr h2 {font-size: 42px;  line-height: 42px;}
.hero .heroWr h2 strong {display: block; font-size: 50px; line-height: 50px;}
.hero .heroWr p {margin-top: 30px;     max-width: 255px;}


@media screen and (max-width: 480px) {
    .hero .heroWr {margin-top: 30px !important;  flex-direction: column-reverse;}
    .hero .heroText {margin-top: 0;}
    .hero .heroWr h2 strong { font-size: 38px;}

    .hero .heroImg {      width:42% !important;  margin-top: 100px;}
    .hero .heroText img { width: 69%; margin-bottom: 30px;     position: absolute;        top: 33px; justify-self: anchor-center;}
    .hero .heroWr h2 { font-size: 28px !important;   line-height:28px; margin-top: 0;}
    .hero .heroWr p {
        margin-top: 10px;
    }
}

@media screen and (max-width: 420px) {

    .hero .heroWr p {font-size: 22px}

}