#header {
    height: 4vh;
}

#header-text{
    display: none;
}

#menu-outer{
	display: none;
}

#menu-items{
    display: block;
    padding: 0;
    background-image: linear-gradient(#e9e9e9 0%, #e9e9e9 88%, #ffffff00 100%);
    position: relative;
    z-index: 1;
    max-height: unset;
 /*    max-height: 7vh;*/
}

.menu-item{
    color: #294b79;
    font-size: 2.1vw;
    /*font-size: calc(1.1vw + 0.3vh + 1vmin); */
     height: 0vh; 
    line-height: 0vh; 
    vertical-align: baseline;
    border-bottom: none;
    margin-left: 2vw;
    width: 0vw; 
    cursor: pointer;
    padding: 0 1vw 0 1vw;
    display: inline;    
    bottom: 0.7vh;
    position: relative;
}

.menu-item:hover {
    background-color: unset;
    border-radius: 0px;
    box-shadow: 0px -1px 2px grey;
    background-image: linear-gradient(#ffffff00 0%, #e8e8e8 50%, #afafaf5e 100%);
}


#box-relaxing-massage:hover{
    background-color: unset;
    border-radius: 0px;
    margin-bottom: -1px;
    box-shadow: 0px -1px 2px grey;
    background-image: linear-gradient(#ffffff00 0%, #e8e8e8 50%, #afafaf5e 100%);
}

#box-sport-massage:hover{
    background-color: unset;
    border-radius: 0px;
    margin-bottom: -1px;
    box-shadow: 0px -1px 2px grey;
    background-image: linear-gradient(#ffffff00 0%, #e8e8e8 50%, #afafaf5e 100%);
}


#menu-items-background{
    height: 100%;
    padding-bottom: 5px;
    background-color: unset;
    background-image: linear-gradient(#e9e9e9 0%, #ededed 89%, #54050500 100%);
}

#menu-massage{
	display: none;
}

#menu-massage-specify{  
    color: #294b79;
    font-size: 2.1vw;
    /*font-size: calc(1.1vw + 0.3vh + 1vmin); */
    height: 0vh;
    line-height: 0vh;
    margin-left: 2vw;
    width: 0vw;
    cursor: pointer;
    padding: 0 1vw 0 1vw;
    display: inline;
    border: none;
    vertical-align: baseline;
    position: relative;
    bottom: 0.4vh;
}

#box-sport-massage{
    color: #294b79;
    font-size: 2.1vw;
    /*font-size: calc(1.1vw + 0.3vh + 1vmin); */
    height: 0vh;
    line-height: 0vh;
    vertical-align: middle;
    width: 0vw;
    cursor: pointer;
    padding: 0 1vw 0 1vw;
    display: inline;
    border: none;
    padding: 0 1vw;
    bottom: 0.7vh;
    position: relative;
}

#box-relaxing-massage{
    color: #294b79;
    font-size: 2.1vw;
    /*font-size: calc(1.1vw + 0.3vh + 1vmin); */
    height: 0vh;
    line-height: 0vh;
    vertical-align: middle;
    width: 0vw;
    cursor: pointer;
    padding: 0 1vw 0 1vw;
    display: inline;
    border: none;
    padding: 0 1vw;
    margin-left: 2vw;
    bottom: 0.7vh;
    position: relative;
}

.circle-massage-specify{
	display: none;
}


.item-massage-specify{    
    display: inline-block;
    font-size: 2.1vw;
    /*font-size: calc(1.1vw + 0.3vh + 1vmin); */
    height: unset;
    line-height: 0;
}


.new-line-massage-specify{
	display: none;
}


/* Menu Hover Specification */

#menu-line{
    height: 0.4vh;    
    position: relative;
    width: 0;
    bottom: 0.7vh;
    background: #fffffffc;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    transition: .3s ease-in-out;
    box-shadow: 0px 2px 2px 0px #fbfbfb;
    display: block;
    border-radius: 3px;
}

/*
#menu-home:hover ~ hr{
    width: calc(3.8vw + 2.4vh + 2vmin);
    margin-left: 2vw;
}

#box-sport-massage:hover  >hr  {
    border-bottom: solid red 1px;
    border-top: solid red 1px;
}

#box-relaxing-massage:hover ~ #menu-line{
    width: calc(3.8vw + 2.4vh + 2vmin);
    margin-left: 2vw;
}

#menu-bodyfit:hover ~ #menu-line{
    width: calc(3.8vw + 2.4vh + 2vmin);
    margin-left: calc(4vw + 3.8vw + 2.4vh + 2vmin);
}

#menu-contact:hover ~ #menu-line{
    width: calc(3.8vw + 2.4vh + 2vmin);
    margin-left: calc(4vw + 3.8vw + 2.4vh + 2vmin);
}
*/

#box-header-logo{    
    margin: unset;
    width: 10vw;
    height: 2vh;
    display: block; 
    bottom: unset;
}

#header-logo{
    display: none;
}


#box-flags {
    width: 15vw;
    position: absolute;
    display: block;
    margin-right: 1vw;
    right: 0vw;
    top: -3.8vh;
}

.language-flag{
    width: 4vw;
    height: unset;
    margin-left: 1vw;
    position: relative;
    display: inline-block;
    float: right;
}

#flag-english {
    bottom: 0vh;
    right: 0vw;
}

#flag-dutch {
    bottom: 0vh;
    right: 0vw;
}


#flag-papiamentu {
    bottom: 0vh;
    right: 0vw;
}


#flag-english > img {
    content: url(../images/united-kingdom.png);
    min-width: 19px;
    min-height: 22px;
    opacity: 0.7;
}

#flag-english > img:hover {
    opacity: 0.95;  
    transform: scale(1.2);
    transition: .3s cubic-bezier(0.63, 0.07, 0.58, 1);
}


#flag-dutch > img {
    content: url(../images/netherlands.png);
    min-width: 19px;
    min-height: 22px;
    opacity: 0.7;
}
#flag-dutch > img:hover {
    opacity: 0.95;
    transform: scale(1.2);
    transition: .3s cubic-bezier(0.63, 0.07, 0.58, 1);
}


#flag-papiamentu > img {
    content: url(../images/bonaire.png);
    min-width: 19px;
    min-height: 22px;
    opacity: 0.7;
}
#flag-papiamentu > img:hover {
    opacity: 0.95;
    transform: scale(1.2);
    transition: .3s cubic-bezier(0.63, 0.07, 0.58, 1);
}


#inner-footer{
    width: 100%;
    text-align: center;
    color: white;
    font-size: calc(1.1vw + 0.3vh + 1vmin);
    padding-top: 5vh;
    display: block;
}

#footer{
    float: left;
    background-image: linear-gradient(#ffffff00 0%, #e9e9e9 40%, #b7b7b7 100%);
    height: 10vh;
    width: 100vw;
}