.alert {
  width: 100%;
  position: fixed;
  top: 138px;
  color: #fff;
  padding: 10px 0;
  margin: 4px 0 0 0;
  z-index: 8;
  background: #00a651;
  background: rgba(0, 166, 81, 0.85); }

.fixed + #main .alert {
  top: 58px; }

.no-alert .alert {
  display: none; }

.alert p {
  margin: 0;
  font: 400 14px 'source sans pro', Arial, sans-serif; }

.alert span {
  text-transform: uppercase;
  margin: 0 5px 0 0;
  font: 700 14px 'source sans pro', Arial, sans-serif; }

.close-btn {
  float: right;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  margin: 3px 0 0;
  background: url(/images/bg-close-btn.svg) no-repeat;
  background-size: 12px 12px; }

@media screen and (max-width: 1218px) {
  .alert {
    top: 138px; } }
@media screen and (max-width: 977px) {
  .alert {
    top: 150px; } }
@media screen and (max-width: 747px) {
  .alert {
    display: none; } }