/*-------------------------------------------*\
    footer.css
\*-------------------------------------------*/

#main-footer
{
  background-color: rgba(25,25,25,100);
  margin-bottom: 30px;
  margin-top: 60px;
}

#main-footer a:hover {
	color: #fff;
}

#footer-bottom
{
  background-color: rgba(25,25,25,100);
  display: none;
}

#footer-row
{
  font-size: 7px;
  color: #828282;
  line-height: 1.4;
  align-items: flex-end;
  flex-direction: row;
}

#footer-row .address
{
  font-size: 12px;
}

@media all and (max-width: 980px)
{
/*** wrap row in a flex box ***/
  .custom-row
  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
 /* Safari 6.1+ */
    flex-wrap: wrap;
  }
 
/*** custom classes that will designate the order of columns in the flex box row ***/
  #first-on-mobile
  {
    -webkit-order: 1;
    order: 1;
        margin-top: 5px;
  }

  #second-on-mobile
  {
    -webkit-order: 2;
    order: 2;
    text-align: center;
    margin-bottom: 2px !important;
        margin-top: 30px;
  }

  #third-on-mobile
  {
    -webkit-order: 3;
    order: 3;
    text-align: center;
            margin-top: 5px;
  }

  .reserved, .copyright
  {
    text-align: center;
  }
}