@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Noto+Serif:400,400i,700&display=swap");
body, html {
    height: 100%;
    margin: 0;
    font-family: "Lato", sans-serif;
  }
.containerMenu {
    display: flex; 
    justify-content: space-around;
    align-items: center;
    z-index: 999;
    position: relative;
    background-color:rgba(255, 255, 255, 0.9);
    /*background: linear-gradient(to top,rgb(68, 68, 68), rgb(165, 165, 165),#EAEAEA);*/
    margin: -10px 0;
    /*box-shadow: 0 5px 15px -10px #111;
    border-bottom-left-radius: 20%;
    border-bottom-right-radius: 20%;*/
    display: flex;
    
  }

  .containerMenu a{
    color:#000;
    font-size:16pt;
    /*text-shadow: 2px 2px #fff;*/

  }
  .containerMenu a:hover{
    color:#dca73a;
    text-decoration: none;

  }
  /*.logo-img
  {
    width:70px;
    height:65px;
    z-index: 999;
  }*/
  .logo-img {
  width: 70px;
  height: 70px;              /* force a square */
  border-radius: 50%;        /* makes it a circle */
  background: #fff;          /* white background behind the PNG */
  padding: 10px;             /* space for border */
  display: inline-block;     /* ensures border-radius + shadow apply correctly */
  box-shadow:
    0 0 0 3px #000000,       /* black inner ring */
    0 0 0 10px #dca73a;
}
  .logo {
    order: 1;
    padding: 1em;
    font-size: 60px;
    color: #beddef;
    line-height: 12px;
    padding: 16px;
    margin-top: 2%;
    
  }

  .item {
    color: #111;
    text-decoration: none;
    /*font-family: sans-serif;*/
    padding: 24px;
  }
  .item:nth-of-type(n+4) {
    order: 2;
  }
  .menuIconPosition
  {
      display: none;
  }
  #close
    {
       display: none;

      font-size:8vw;
    }
    .responsive-logo
    {
        display: none;
    }
    .main-logo
    {
        display: block;
    }
    .responsive-nav
    {
        background-color:rgba(255, 255, 255, 0.9);
    }

   
  /*Menu Nav Responsive*/
  @media screen and (max-width: 800px) {
   /* .logo-img {
        width: 50px;
        margin-left: -9%;
        height: 40px;
        z-index: 999;
    }*/
    .containerMenu
    {
      position: absolute;
      width: -webkit-fill-available;
      top: 0;
      bottom: 0;
      padding-bottom: 35%;
      flex-direction: column;
      align-items: stretch;
      background: #fff;
      display: none;
    }
   
      .logo {
        order: 0;
        text-align: center;
        width: 100px;
        margin: auto auto 20px;
      }
      .item {
        text-align: center;
        /*border-bottom: 1px solid #111;*/
      }
    .menuIcon {
        width: 35px;
        height: 5px;
        background-color: black;
        margin: 6px 0;
        
      }

    .menuIconPosition
    {
     /* -webkit-filter: invert(100%);
      height: 4%;
      width: 9%;*/
      display:block !important;
      float: right;
      margin-top: 13%;
      margin-right: 5%;
      position: relative;
      z-index: 999;
      
    }
    #close
    {
        display: block;
        margin-top: 10%;
        /* right: 4%; */
        margin-left: 70%;
    }

    .responsive-logo
    {
        display: block;
        width: 20%;
        margin-left: 5%;
        margin-top: 10%;
        position: absolute;
    }
    .main-logo
    {
        display: none;
    }
}
@media (min-width:768px) and (max-width:770px) {
    .responsive-logo {
        display: block;
        width: 10%;
    
    }
    #close {
        font-size: 5vw;
    }
}
@media screen and (max-width: 300px) {
.responsive-logo {
    display: block;
    width: 26%;
}
}