.HEADER{position: fixed;width: 100vw;height: auto;;top:0; z-index: 100; display: flex; justify-content: space-evenly;background-color: white;}


    .HEADER{transition: all .3s ease-in-out}
    .top{top:-3.5rem;}
    

.mobHead{position: relative;width:100vw;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.mCallRow{position: relative;;height:3.5rem;display: flex;align-items:center ;justify-content: center;width: 100%;background-color: #FFF200;font-family: 'Open Sans', sans-serif;}
.mCallRow a{text-decoration: none;color:black;font-size: 2.2rem;font-weight: 600;}
.mHeadOuter{width:100vw;background-color: white;}
.mHeadContent{background-color: white;position: relative;height: 5rem;width: calc(100% - 2rem);max-width: calc(1366px - 2rem);padding: 0 1rem 0 1rem; color:black;display: flex;justify-content: space-between;align-items: center;}
.mMainLogo{position: absolute; top:.5rem; left: 50%;  height: 5.2rem;z-index: 101;transform: translate(-50%, 0);transition: all .5s  ;}
.smallLogo{position: absolute;;top:0;left: 50%;transform: translate(-50%, 0);transition: all .5s ;height:100%;height:100%; z-index: -1;display: none;width:0px}
.homelink{z-index: 10000;width: 100%;height:100%}
.menuBTN{height: 3rem;background-color: transparent;border: none;padding: 0;margin:0;cursor:pointer}

.smallLogo.top{height: 100%;width:auto;display: block;}
.mMainLogo.top {height: 4rem}
.langBTN{height:4rem; border:none; background-color: transparent; }

.languages{
    height:5rem; width:auto; background-color: white;position: absolute;bottom:-5rem;display: flex;justify-content: space-between;color: black ;
}

.flagMenu a{display: flex;flex-direction: column;height:2rem}
.langBTN{color:black; font-size: 1.1rem;}