.top-bar-wrapper{
    padding-top: 15px;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    background-color:white;
    z-index:20;
}

.languages a{
  color: #4d4d4d;
  text-decoration:none;
}

.languages a:hover{
  font-weight: 600;
}

.languages a:hover .language-circle{
    border:5px solid #6acff6;
}

.language-circle{
  width:50px;
  height:50px;
  padding:8px;
  border:5px solid #cbcbcb;
  border-radius: 40px;
  text-align: center;
}

.active-circle{
  border:5px solid #6acff6;
  font-weight: 600;
}

.language-text{
  display:none;
}

.active-text{
  font-weight: 600;
}

.home-button{
  color:#4d4d4d;
  text-decoration: none;
  margin-top: 20px;
  display: inline-block;
  padding-right:15px;
}

.top-bar-wrapper .pull-right{
    display:none;
    text-align: right;
}

.hamburger{
    position:absolute;
    top:0px;
    right:0px;
    z-index:1000;
    width:70px;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after{
    background-color:white !important;
}



  /* Custom, iPhone Retina */
  @media only screen and (min-width : 320px) {

  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {

  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {

    .top-bar-wrapper{
        margin-top: 15px;
        position: relative;
    }
    
    .hamburger{
        display:none !important;      
    }

    .top-bar-wrapper .pull-right{
        display:inline-block;
    }    

  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {





    .home-button{
        padding-right:0px;
    }

  .language-text{
    line-height: 17px;
    margin-top: 7px;
    font-size: 14px;
    line-height: 16px;
    display:inline-block;
  }


  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {



  }


  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1600px) {



  }