body {
  margin: 0;
  padding: 0;
  background-color: black
}
#master{
  position: relative;
}
#navmaster{
  position: absolute;width: 100%;
}
@font-face { 
  font-family: BebasNeue; 
  src: url(../../fonts/BebasNeue.otf);
}
@font-face {
    font-family: EPIDEMIA;
    src: url(../../fonts/EPIDEMIA.otf);
}
@font-face {
    font-family: fontquince;
    src: url(../../fonts/font15.otf);
}
@font-face {
    font-family: LaPorteniadelaBoca;
    src: url(../../fonts/LaPorteniadelaBoca.ttf);
}
@font-face {
    font-family: LaPorteniadelaRecoleta;
    src: url(../../fonts/LaPorteniadelaRecoleta.ttf);
}
@font-face {
    font-family: SugarPie;
    src: url(../../fonts/SugarPie.otf);
}
@font-face {
    font-family: WisdomScript;
    src: url(../../fonts/WisdomScript.otf);
} 


.logo {
  float: left;
}
/* ~~ Top Navigation Bar ~~ */

#navigation-container {
    width: 100vw;
    margin: 0 auto;
    height: 22vw;
    background-image: url("../img/header.png");
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
    background-size: 100%;
    z-index: 1000;
    position: fixed;
}
#navigation-containerM {
    width: 100vw;
    margin: 0 auto;
    height: 15vw;
    background-image: url(../img/header.png);
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-size: 100%;
    z-index: 1000;
    position: relative;
}
#king_of_diamonds {
    position: absolute;
    left: 145px;
    top: 145px;
 
  }

.navigation-bar {
  /*height: 70px;*/
  width: 100%;
  text-align:right;
}
.navigation-bar img{
  float:left;
  margin-left: 10%;
}
    .navigation-bar ul {
        padding: 0px;
        margin: 0px;
        text-align: right;
        display: inline-block;
        /*display: inline-flex;*/
        vertical-align: top;
        margin-top:0%; /*-13%;*/
        margin-right: 3%;
    }

    .navigation-bar li {
        list-style-type: none;
        padding: 0vw 0vw 0vw 1vw;
        height: 24px;
        margin-top: 4px;
        margin-bottom: 4px;
        display: inline;
    }

        .navigation-bar li a {
            color: black;
            font-size: 1.5vw;
            /*font-size: calc(1vw + 3vh);*/
            font-family: BebasNeue, Arial, Helvetica, sans-serif;
            text-decoration: none;
            /*line-height: 70px;*/
            padding: 5px 15px;
            /*margin-right: 22px;*/
            /*opacity: 0.7;*/
            opacity: 1;
            color: #FFFFFF;
            position: relative;
            left: -5vw;
            top: 1vw;
        }
#caja2 {
    /*position: fixed;
    left: 6.1%;
    top: 2%;
    width: 15%;
    z-index: 10;*/
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
    z-index: 200;
}
#imglogo {
    /*margin-top: 65px;
    margin-left: 145px;
    width: 345px;
    height: 125px;
    object-fit: cover;*/
    margin-top: 7vw;
    /* margin-left: 10vw; */
    width: 17vw;
    /* height: 41%; */
    object-fit: cover;
    position: relative;
    top: -3vw;
    left: 5vw;
}
#logocraneo {
    width: 4.1vw;
    margin-top: 0%;
    /* padding: 5%; */
    height: 5.9vw;
    z-index: 5;
    position: relative;
    cursor: pointer;
    margin-top: 1vw;
}
.logoCraneo {
    width: 4.1vw;
    margin-top: 0%;
    /* padding: 5%; */
    height: 5.9vw;
    z-index: 5;
    position: relative;
    cursor: pointer;
    margin-top: 1vw;
}
#menu {
  /*float: right;*/
}