/** {
      margin: 0;
      padding: 0;
      text-decoration: none;
      list-style: none;
}*/
 
/*body {
      width: 100%;
      height: 100vh;
      background: url(Hero.jpg) no-repeat 50% 50%;
      background-size: cover;
      display: table;
}
*/
 
nav {
      width: 100%;
      background: #fff;
      height: 100px;
      position: static;
      z-index: 1;
}

.li{
    font-family:'Noteworthy Light';
    font-weight:normal;
    font-size:20px;
    color:#000;
  }
 
nav #brand {
      float: left;
      display: block;
      margin-left: 0%;
      font-size: 30px;
      line-height: 70px;
      font-weight: bold;
}
 
nav #brand a {
      color: #fff;
      transition: all 0.3s ease-out;
      font-family: "Poppins";
      font-weight: 300;
}
 
nav #menu {
      float: left;
      left: 55%;
      position: relative;
}
 
nav #menu li {
      display: inline-block;
      padding: 0px 0px;
      cursor: pointer;
      line-height: 100px;
      position: relative;
      transition: all 0.3s ease-out;
}
 
nav #menu li a {
      color: #fff;
      font-family: "Poppins";
      font-weight: 200;
}
 
#toggle {
      position: absolute;
      right: 20px;
      top: 14px;
      z-index: 999;
      width: 40px;
      height: 40px;
      cursor: pointer;
      float: right;
      transition: all 0.3s ease-out;
      visibility: hidden;
      opacity: 0;
}
 
#toggle .span {
      height: 3px;
      background: #000;
      transition: all 0.3s ease-out;
      backface-visibility: hidden;
      margin: 5px auto;
}
 
#toggle.on #one {
      transform: rotate(45deg) translateX(2px) translateY(4px);
}
 
#toggle.on #two {
      opacity: 0;
}
 
#toggle.on #three {
      transform: rotate(-45deg) translateX(8px) translateY(-10px);
}
 
#resize {
      z-index: 1;
      top: 0px;
      position: absolute;
      background: #fff;
      width: 100%;
      height: 100%;
      visibility: hidden;
      opacity: 0;
      transition: all 1s ease-out;
      display: table;
}
 
#resize #menu {
      height: 90px;
      display: table-cell;
      vertical-align: center;
}
 
#resize #menu li {
      display: block;
      text-align: center;
      padding: 10px 0;
      font-size: 50px;
      min-height: 50px;
      font-weight: bold;
      cursor: pointer;
      transition: all 0.3s ease-out;
}
 
#resize li:nth-child(1) {
      margin-top:20px;
}
 
#resize #menu li a {
      color: #fff;
}
 
#resize.active {
      visibility: visible;
      opacity: 0.99;
}

/* Efectos del menu */
.headroom {
    will-change: transform;
    transition: transform 0.25s ease-in-out 0s;
}

/* Efectos del menu */
.headroom--pinned {
    transform: translateY(0%);
}

/* Efectos del menu */
.headroom--unpinned {
    transform: translateY(-100%);
}

@media(min-width: 320px){
   .logo{
      height: 80px;
      width: 150px;
      margin-top: 8%;
   }   
}

@media(min-width: 600px){
   .logo{
      height: 60px;
      width: 150px;
   }   
}

@media(min-width: 600px){
   .logo{
      height: 80px;
      width: 150px;
   }   
}

@media(min-width: 768px){
   .logo{
      height: 60px;
      margin-top: 20px;   
   }   
}
 
 
@media(max-width: 990px) {
      #toggle {
            visibility: visible;
            opacity: 1;
            margin-top: 23px;
      }
 
      nav #brand {
            margin-left: 18px;
      }
 
      #menu a {
            font-family: "Poppins";
            font-weight: 200;
            font-size: 20px;
      }
 
      nav #menu {
            display: none;
      }
}
 
@media(min-width: 990px) {
      #resize {
            visibility: hidden !important;
      }
}