/*************************
   Generic Site Styles
*************************/
#promo .table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  float: none !important;
}
#promo .table.page{
  max-width: 980px;
  margin: 0 auto;
}
#promo .table.page.large {
  max-width: 1024px;
}

#promo main .table.page,
#promo .table.auto-height {
  height: auto;
}

#promo .table.auto-width {
  width: auto;
}

#promo .table.auto-all {
  height: auto;
  width: auto;
}

#promo main .table.page {
  max-width: 1000px;
}
#promo .row {
  display: table-row;
}
#promo .cell {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none !important;
}
#promo .padding {
  padding: 0px 20px;
}
#promo .padding-left {
  padding-left: 20px;
}
#promo .padding-right {
  padding-right: 20px;
}
#promo .middle {
  vertical-align: middle;
}
#promo .bottom {
  vertical-align: bottom;
}
#promo .table-header-group {
  display: table-header-group;
}
#promo .table-footer-group {
  display: table-footer-group;
}

/* Text alignment */
#promo .align-left { text-align:left !important; }
#promo .align-center { text-align:center !important; }
#promo .align-right { text-align:right !important; }

#promo .hide {
  display: none !important;
}

#promo .relative {
  position: relative;
}

#promo .full-size {
  width: 100%;
  height: 100%;
  display: block;
}

#promo .sub-title {
  font-family: "texgyreadventorregular";
  font-size: 28px;
  line-height: 34px;
}

#promo .table {
  margin: 0px;
}

#promo > .table > .row > .cell {
  padding: 5px;
}

.promo-border .cell {
  padding: 10px;
}

.promo-border > .promo {
  border: 4px solid #FF551D; 
}

@media (max-width:770px) {
  #promo > .table > .row > .cell {
    display: block;
    height: auto;
  }
}