/* =========================
   TOP BAR
========================= */

.top-bar{

  height:42px;

  background:#544541;

  color:white;

  overflow:hidden;

  position:relative;

}

.top-bar-slider{

  height:100%;

  position:relative;

}

.top-message{

  position:absolute;

  width:100%;

  height:100%;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:14px;

  opacity:0;

  transition:

  opacity .5s ease,

  transform .5s ease;

  transform:

  translateY(15px);

}

.top-message.active{

  opacity:1;

  transform:

  translateY(0);

}

@media(max-width:768px){

  .top-bar{

    height:48px;

  }

  .top-message{

    font-size:12px;

    padding:0 12px;

    text-align:center;

  }

}