.aviso{
  padding-bottom: 10px;
  padding-top: 10px;
}

  .aviso p{
    font-size: .9em;
    margin: 0;
    padding: 0;
  }

  .aviso .aviso--titulo{
    font-family: "Proxima Nova Bold", Helvetica, Arial, sans-serif !important;
    font-size: 1.1em;
  }

.aviso--container{
  padding-top: 85px;
}

.aviso--site{
  background-color: #f47d20;
  border-radius: 4px 4px 0 0;
  bottom: 0;
  position: fixed;
  z-index: 2;
}

.aviso--site p{
  color: #ffffff;
}

.aviso--site .btn-default{
  background-color: #b35c14;
  border: none;
  color: #ffffff;
  margin-top: 10px;
}

.aviso--site .btn-default:hover,
.aviso--site .btn-default:focus,
.aviso--site .btn-default:active{
  background-color: #ffffff;
  color:  #b35c14;
}

.aviso--site-padding{
  padding-top: 85px;
}

.aviso--mensagem{
  background-color: rgba(255, 205, 105, 0.4);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 15px;
  max-width: 815px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}

  .aviso--mensagem span{
    padding-right: 50px;
  }

  .aviso--mensagem .close{
    color: #ffcc66;
    font-size: 2em;
    margin-top: -2px;
    opacity: 1;
  }

    .aviso--mensagem .close span{
      padding-right: 0;
    }

@media (min-width: 768px) {
  .aviso--mensagem{
    margin: 15px auto 0;
  }
}