.menu {
    position: fixed;
    top: 0;
    right: -360px;
    width: 360px;

    /*padding-top: 70px;*/
    background: #fff;
    z-index: 3;
    font-family: "Flama";
}

.menu-container {

    padding-top: 32px;

}

.menu-hr {
    margin-bottom: 32px;
}



@media (max-width: 480px) {
  .menu-section {
    overflow-y: scroll;
    padding-left: 5rem;
  }
}

/*
.menu-kicker {
    margin-bottom: 8px;
    padding-left: 16px;
    font-size: 11.6px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    color: #1F3142;
}

.story-kicker {
    margin-bottom: 12px;
}
*/

.menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*height: 64px;*/
    margin-bottom: 8px;
    padding-left: 16px;
      text-transform:uppercase;
    text-decoration: none;
    color: #000;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.menu-link:hover .menu-text {
    opacity: .87;
    color: #f05a22;
}

.menu-link:hover .menu-thumbnail {
    opacity: 1;
}

.menu-thumbnail {
    max-width: 60px;
    margin-right: 16px;
    opacity: .75;
}

.menu-thumbnail img {
    width: 100%;
    display: none;
}

.menu-text {
    /*font-family: 'Estado Headline';*/
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    opacity: .54;

}

.links-time{
  display: flex;
  width: 90%;
  margin: auto;
  flex-wrap: wrap;

}

.links-time > a{
  width:20%;
  display: block;
  border: 1px solid #eeeeee;
  vertical-align: middle;
  padding:2rem;
}

.links-time > a:hover{

  background: #ffc5af;
}