.header-new { margin-bottom: 20px; }
    .header-new img { cursor: pointer; }
    .header-new > div:first-child { display: flex; width: 100%; align-items: center; gap: 30px; margin-bottom: 10px; }
        .header-new > div:first-child > *:first-child { flex-basis: 25%; }
        .header-new > div:first-child > *:nth-child(2) { flex-grow: 1; }

    .header-new form { width: 100%; }
        .header-new form input { width: 50%; display: inline; }
        .header-new form button { background-color: #fff; color: #337ab7; border: 0; }

    .header-new a.donate {padding: 5px 15px; background: #531B53; color: #fff; border: 3px solid #531B53; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); border-radius: 5px; font: normal normal 600 16px / 18px 'Montserrat'; text-transform: uppercase; }
        .header-new a.donate:hover { text-decoration: none; filter: brightness(1.3); }

        .header-new a.donate.blue { background-color: #0074AE; border: 3px solid #0074AE; }

@media (max-width: 991px) {
    .header-new form input { width: 80%; display: inline; }
}

@media (max-width: 767px) {
    .header-new > div > *:first-child { flex-grow: 1; }
}

.header-new .legalHelp { display: flex; gap: 40px; align-items: baseline; justify-content: right; width: 100%; }
    .header-new .legalHelp > a:first-child { padding: 5px 15px; background: #0074ae; color: #fff; border: 3px solid #0074ae; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); border-radius: 5px; font: normal normal 600 16px / 18px 'Montserrat'; text-transform: uppercase; }
        .header-new .legalHelp > a:first-child:hover { text-decoration: none; filter: brightness(1.2); }

@media (max-width: 767px) {
    .header-new .legalHelp { display: block; text-align: center; }
        .header-new .legalHelp > a { display: block; margin-bottom: 10px; }
}

#fadeInHeader { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: none; }
    #fadeInHeader .container { background-color: #f2f2f2; padding-bottom: 5px; border-bottom: 1px solid #bfbfbf; }
        #fadeInHeader .container > div { display: flex; justify-content: space-between; }
            #fadeInHeader .container > div a { flex-basis: 15%; }

@media (max-width: 1199px) {
    #fadeInHeader .container > div a { flex-basis: 15%; }
}

@media (max-width: 991px) {
    #fadeInHeader .container > div a { flex-basis: 20%; }
}

@media (max-width: 767px) {
    #fadeInHeader .container > div a { flex-basis: 50%; }
}