.healogo a {
    width: auto;
    margin-left: 3rem;
    margin-left: 0;
    margin-right: 2rem;
    margin-right: 4rem;
    background: url(../images/eur_logo_2020.svg) no-repeat left 25%;
    background-position: left 25%;
    background-size: contain;
    max-width: 280px;
}

#hero .healogo a {
    background-image: url(../images/eur_logo_white_2020.svg)
}

.healogo a::after, .healogo a::before {
    display: none;
}

.healogo a::after {
    content: "";
    color: #d12233;
}

.healogo a::before {
    content: "";
    color: #134267;
    color: #0068A4;
}


@media all and (min-width: 1601px) {

}

@media all and (min-width: 1301px) and (max-width: 1600px) {

    #logo .healogo a {
        padding-bottom: 74px;
        margin-left: 3rem;
        margin-left: 0;
    }
}

@media all and (min-width: 1024px) and (max-width: 1300px) {
    #logo .healogo a {
        padding-bottom: 74px;
        margin-left: 3rem;
        margin-left: 0;
    }
}

@media screen and (min-width: 851px) and (max-width: 1023px) {
    #logo .healogo a {
        padding-bottom: 74px;
        margin-left: 3rem;
        margin-left: 0;
    }
}

@media screen and (min-width: 601px) and (max-width: 850px) {
    #logo .healogo a {
        padding-bottom: 74px;
        margin-left: 3rem;
        margin-left: 0;
    }
}

@media screen and (max-width: 600px) {
    #logo .healogo a {
        padding-bottom: 74px;
        margin: 0 0 1rem 0; margin: 0;
        margin-left: 0;
    }

    #logo .healogo a::after, #logo .healogo a::before {
        font-size: 10vw;
    }
}

#logo {
    margin-right: 36px;
}

@media screen and (min-width: 1300px) {
    #logo {
        width: calc(33.3333% - ((36px * 2) / 3));
    }

    /*
        #logo { width:calc(25% - ((36px * 3) / 4)); }
    */
    #logo {
        width: calc(25% - ((36px * 1) / 3));
    }
}

@media screen and (min-width: 1025px) and (max-width: 1300px) {
    #logo {
        width: calc(33.3333% - ((36px * 2) / 3));
    }

    /*#logo { width:calc(25% - ((36px * 3) / 4)); } */
    #logo {
        width: calc(30% - ((36px * 1) / 3));
    }
}

@media screen and (max-width: 1023px) {
    #logo {
        width: calc(2 * (33.33333% - ((36px * 2) / 3)) + 36px);
    }

    /*#logo { width:calc(2 * (25% - ((36px * 3) / 4)) + 36px); } */
}

@media screen and (min-width: 601px) and (max-width: 850px) {

    #logo {
        width: calc(50% - ((36px * 1) / 2) + 36px);
    }
    #logo .healogo a {    background-position: left 40%;}
}

/*@media screen and (max-width:450px){ */
@media screen and (max-width: 600px) {
    #logo {
        width: 70%;     width: 100%;
        margin-right: 0;
    }

    #logo .healogo a {  max-width: none;   background-position: left 40%;
        padding-bottom: 19.5%;
        margin-left: 0;
    }
}


#mainnav nav > ul > li.nosub > a {
    padding-right: 0 !important;
}


@media screen and (min-width: 1551px) {
    #mainnav nav > ul > li {
        font-size: 1.8rem;
    }

    #mainnav nav > ul > li > a {
        padding: 0 1em;
    }
}

@media screen and (min-width: 1231px) and (max-width: 1550px) {
    #mainnav nav > ul > li {
        font-size: 1.6rem;
        left: -0.6666666666666667em;
    }

    #mainnav nav > ul > li > a {
        padding: 0 0.75em;
    }

    #mainnav nav > ul > li a::after {
        margin-left: 0.3333333em;
    }
}

@media screen and (min-width: 1151px) and (max-width: 1230px) {
    #mainnav nav > ul > li {
        font-size: 1.6rem;
        left: -0.5em;
    }

    #mainnav nav > ul > li > a {
        padding: 0 0.5em;
    }

    #mainnav nav > ul > li a::after {
        margin-left: 0.3333333em;
    }
}

@media screen and (min-width: 1120px) and (max-width: 1150px) {

    #mainnav nav > ul > li {
        font-size: 1.6rem;
        left: -0.5em;
    }

    #mainnav nav > ul > li > a {
        padding: 0 0.5em;
    }

    #mainnav nav > ul > li > a::after {
        margin-left: 0.3333333em;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1120px) {
    #mainnav nav > ul > li {
        font-size: 1.5rem;
        left: -0.5em;
    }

    #mainnav nav > ul > li > a {
        padding: 0 2.5em;
    }

    #mainnav nav > ul > li > a::after {
        margin-left: 0.25em;
    }
}

/*#mainnav { background:rgba(0,0,255,0.2); }
#navside { background:rgba(255,0,255,0.2); }


@media screen and (min-width:601px) and (max-width:1100px){ */
@media screen and (min-width: 1024px) {

    #mainnav {

        width: calc(55% - ((36px * 1) / 2) + 36px);
        
        display: block;
        height: 74px;
    }

}


@media screen and (min-width: 1150px) and (max-width: 1300px) {
    #mainnav {
        width: calc(53.5% - ((36px * 1) / 2) + 36px);
    }

    /*#mainnav {	width:calc(58% - ((36px * 1) / 2) + 36px);  }*/
    #navside {
        float: right;
        width: calc(9.5% + 36px) !important;
        width: calc(12.5% + 36px) !important;
        width: calc(8.5% + 36px) !important;
        height: 74px;
    }

}

@media all and (min-width: 1024px) {
    .hamburger {
        display: block;
    }

    #mainnav {
        display: none;
    }
}

@media all and (min-width: 1150px) {
    .hamburger {
        display: none;
    }
}

@media screen and (min-width: 851px) and (max-width: 1149px) {
    #navside {
        float: right;
        width: calc(33.333333333333% - ((36px * 2) / 3));
        height: 74px;
    }

    #mainnav {
    }

}

@media screen and (min-width: 1150px) {
    #navside {
    }

    #mainnav {
        display: block;
        height: 74px;
    }

}

@media screen and (max-width: 1149px) and (min-width: 801px) {
    .showsearch,
    .hamburger,
    #navside ul.social li {
        font-size: 3rem;
        height: 74px;
        line-height: 68px;
    }

    #navside ul.social li {
        margin-right: 2rem;
    }
}


#footer1 ul.social li,
#navside ul.social li,
ul.social li {
    margin-right: 1.2rem;
    font-size: 2.8rem;
}

@media screen and (max-width: 1450px) and (min-width: 1300px) {
    .showsearch,
    .hamburger,
    #navside ul.social li {
        font-size: 2.4rem;
        height: 74px;
        line-height: 68px;
    }

    #navside ul.social li {
        margin-right: 1.2rem;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1024px) {
    .showsearch,
    .hamburger,
    #navside ul.social li {
        font-size: 2.4rem;
        height: 74px;
        line-height: 68px;
    }

    #navside ul.social li {
        margin-right: 1.2rem;
    }
}

@media screen and (max-width: 1023px) and (min-width: 801px) {
    .showsearch,
    .hamburger,
    #navside ul.social li {
        font-size: 2.8rem;
        height: 74px;
        line-height: 68px;
    }

    #navside ul.social li {
        margin-right: 1.2rem;
    }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
    .showsearch,
    .hamburger,
    #navside ul.social li {
        font-size: 2.6rem;
        height: 74px;
        line-height: 68px;
    }

    #navside ul.social li {
        margin-right: 1rem;
    }
}

@media screen and (max-width: 600px) {
    .showsearch,
    .hamburger,
    #navside ul.social li {
        font-size: 2.8rem;
        height: 50px;
        line-height: 40px;
    }

    #navside ul.social li {
        margin-right: 2rem;
    }
}