.nav {
  width:100%;
}

.appear{
    display:none;
}

#fullDiv{
    left:10%;
    position:absolute;
    float: left;
    width:80%;
    display: flex;
}

.logo{
    /*height:50px;
    position: absolute;
    margin:10px;*/
    height: 45px;
    position: absolute;
    margin: 12.5px;
    /*margin-left: 4%;*/
}

.dropdown{
    height:20px;
    right: 2%;
    top:0px;
    position: absolute;
}

#dropdown-content{
    display: none;
    position: absolute;
    right:5px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /*z-index: 1;*/
    top: 55px;
}

#dropdown-content a{
    color: black;
    padding: 12px 16px;
    /*text-decoration: none;*/
    display: block;
}

@media only screen and (max-width: 858px) {
    .logo{
        height: 30px;
        position: absolute;
        margin: 20px;
        margin-left: 4%;
    }
}

@media (max-width: 743px) and (min-width: 481px) {

  .nav {

  }

  .dissapear{
      display:none;
  }

  .appear{
      display: block;
  }

  .dropdown{
      height:20px;
      right: 2%;
      top:0px;
      position: absolute;
  }

  .logo{
      height: 30px;
      position: absolute;
      margin: 10px;
      margin-left: 4%;
  }


  .menuIcon{
      height: 30px;
      position: absolute;
      margin: 10px;
      right: 4%;
      overflow-clip-margin: content-box;
      overflow: clip;
  }

  /*#fullDiv{
      left:10%;
      position:absolute;
      float: left;
      width:83%;
      display: flex;
  }*/

  #dropdown-content{
      right: 2%;
  }

  .nav{
      height:50px;
  }

  .navHeight{
      height:50px;
  }
}

@media (max-width:480px){
    .nav {

    }

    .dissapear{
        display:none;
    }

    .appear{
        display: block;
    }

    .logo{
        height: 30px;
        position: absolute;
        margin: 10px;
        margin-left: 0px;
        margin-left: 0px;
    }

    .menuIcon{
        height: 30px;
        position: absolute;
        margin: 10px;
        margin-right: 0px;
        right: 0px;
        overflow-clip-margin: content-box;
        overflow: clip;
    }

    /*.dropdown{
        height:20px;
        right: 0%;
        top:0px;
        position: absolute;
    }*/

    fullDiv{
        width: 100%;
    }

    /*#fullDiv{
        left:0%;
        position:absolute;
        float: left;
        width:100%;
        display: flex;
    }*/

    #logoDiv{
        left:3%;
        position:absolute;
    }

    #dropdown-content{
        right: 2%;
    }

    .nav{
        height:50px;
    }

    .navHeight{
        height:50px;
    }
}