/* Remove the navbar's default margin-bottom and rounded borders */ 
  .navbar {
    margin-bottom:0;
    border-radius: 0;
    background-color: white;
    border-top-color: white;
    border-right-color: white;
    border-left-color: white;
    border-bottom: 2px solid #DAA520;
  }

  /* 600px */
  @media (max-width: 600px) {

      /* ESTRUTURA MENU MOBILE*/
      #myNavbar, #button-mob{
          background-color: #DAA520;
          border: #DAA520;
      }
      
      /* TEXTO MENU */
      .nav, #text-format{
          text-align: center;
          font-size: 2.6vw;
          color: rgb(248, 246, 246);
      }

      /* LOGO */
      #img-logo{
          margin-top: -10%;
          width: 60%;
          max-width: 55%;
      }

      /* BOTÃO TOP*/
        #myBtn {
            width: 10%;
        }

  }
  
/* 601px - 767px */
  @media (min-width:601px) and (max-width: 767px) {
      
      /* ESTRUTURA MENU MOBILE*/
      #myNavbar, #button-mob{
          background-color: #DAA520;
          border: #DAA520;
      }
      
      /* TEXTO MENU */
      .nav, #text-format{
          text-align: center;
          font-size: 2vw;
          color: rgb(248, 246, 246);
      }

      /* LOGO */
      #img-logo{
          margin-top: -8%;
          width: 30%;
      }

      /* BOTÃO TOP*/
      #myBtn {
        width: 6%;
    }


  }

  /* 768px - 899px */
  @media (min-width:768px) and (max-width: 899px){
      /* BOTAO MENU */
      .botao-menu:hover{
          border-bottom: 2px solid #DAA520
      }
      
      .botao-menu{
          border-bottom: 2px solid #ffffff
      }

      /* TEXTO MENU */
      .nav{
          margin-left: 40%;
          font-size: 1.8vw;
      }

      #text-format, #text-format:hover{
          color: rgb(99, 99, 99);
      }

      /* TEXTO MENU */
      #img-logo{
          margin-top: 0;
          width: 25%;
      }

      /* BOTÃO TOP*/
      #myBtn {
        width: 6%;
      }
  }

  /* 900px - 1250px */
  @media (min-width: 900px) and (max-width: 1250px){

      /* BOTAO MENU */
      .botao-menu:hover{
          border-bottom: 2px solid #DAA520
      }
      
      .botao-menu{
          border-bottom: 2px solid #ffffff
      }

      /* TEXTO MENU */
      .nav{
          margin-left: 40%;
          font-size: 1.5vw;
      }

      #text-format, #text-format:hover{
          color: rgb(99, 99, 99);
      }

      /* TEXTO MENU */
      #img-logo{
          width: 25%;
      }

      /* BOTÃO TOP*/
      #myBtn {
        width: 6%;
      }

  }
  
  /* 1251px - 1500px */
  @media (min-width: 1251px) and (max-width: 1500px){

      /* BOTAO MENU */
      .botao-menu:hover{
          border-bottom: 2px solid #DAA520
      }

      .botao-menu{
          border-bottom: 2px solid #ffffff
      }

      /* TEXTO MENU */
      .nav{
          margin-left: 40%;
          font-size: 1.2vw;
      }

      #text-format, #text-format:hover{
          color: rgb(99, 99, 99);
      }

      /* TEXTO MENU */
      #img-logo{
          margin-top: 0;
          width: 25%;
      }

      /* BOTÃO TOP */
      #myBtn {
        width: 5%;
      }

  }

  /* 1501px - 1800px */
   @media (min-width: 1501px) and (max-width: 1800px){

      /* BOTAO MENU */
      .botao-menu:hover{
          border-bottom: 2px solid #DAA520
      }

      .botao-menu{
          border-bottom: 2px solid #ffffff
      }

      /* TEXTO MENU */
      .nav{
          margin-left: 40%;
          font-size: 1vw;
      }

      #text-format, #text-format:hover{
          color: rgb(99, 99, 99);
      }

      /* TEXTO MENU */
      #img-logo{
          margin-top: 0;
          width: 20%;
      }

      /* BOTÃO TOP */
      #myBtn {
          width: 4%;
      }

  } 

  /* 1801px */
  @media (min-width: 1801px){

      /* BOTAO MENU */
      .botao-menu:hover{
          border-bottom: 2px solid #DAA520;
      }

      .botao-menu{
          border-bottom: 2px solid #ffffff;
      }

      /* TEXTO MENU */
      .nav{
          margin-left: 40%;
          font-size: 1vw;
      }

      #text-format, #text-format:hover{
          margin-top: -2%;
          color: rgb(99, 99, 99);
      }

      /* TEXTO MENU */
      #img-logo{
          margin-top: 0;
          width: 15%;
      }

      /* BOTÃO TOP */
      #myBtn {
        width: 5%;
      }
 } 

 /* BOTÃO TOP */
#myBtn {
    display: none;
    position: fixed;
    bottom: 140px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
}