* {
    box-sizing: border-box;}
/***** cookies ****/
.cookie-message {
  position:fixed;
  display:flex;
  flex-direction:column;
  top:inherit;
  bottom: 0;
  left:0;
  right:0;
  padding: 10px;
  border-bottom:1px solid #ccc;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.33);
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.33);
  z-index: 999999;

  background:#3e3e3e;
  opacity:1;
}

.cookie-message p {
  color:#fff;
  font-size: 14px;
  font-weight: 500;
}

.cookie-btn{
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
}
.cookie-btn a {
    margin: 10px 0;
}

.cookie-message a{
  position: inherit;
}

.cookie-message a.my-close-button {
  cursor:pointer;
  background: #fc0d1b;
  color: #fff;
  padding: 6px 15px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 300;
  display: block;
  text-align: center;
  margin-left: 15px;
}

a.more {
    position: relative;
    top:inherit;
    border: solid 1px #fff;
    padding: 5px 0px;
    color: #fff;
   	display: inline-flex;
    cursor: pointer;
    align-items: center;
    text-align: center;
    justify-content: center;
}


@media (max-width: 992px){
  a.more{
      padding: 5px 0px;
  }
  .cookie-message a.my-close-button{
    padding: 6px 15px;
    margin-left: 50px;    
  }
}

@media (max-width: 768px){
  a.more{
      padding: 5px 30px;
  }
  .cookie-message a.my-close-button{
    padding: 6px 15px;
    margin-left: 0;    
  }
}


@media (min-width: 992px){
  .cookie-message{
    flex-direction:row;
    align-items: center;
  }
}