/* @group Variables */
/* @group Greys */
/* @end */
/* @end */
footer {
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 50px !important;
  margin-bottom: 50px;
  display: block;
  clear: both; }
  footer .FooterCol1, footer .FooterCol2 {
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem; }
  footer .FooterSocial, footer .FooterLogo {
    width: 100%;
    display: block;
    clear: both; }
  footer .FooterSocial {
    margin-top: 2rem; }
    footer .FooterSocial ul {
      padding-left: 0px;
      text-align: center;
      margin-bottom: 2rem; }
      footer .FooterSocial ul li {
        list-style: none;
        display: inline;
        margin-left: 0.2rem;
        margin-right: 0.2rem; }
  footer .FooterLogo {
    text-align: center; }
    footer .FooterLogo img {
      width: 38px;
      margin-top: 0.7rem; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  footer {
    padding: 0px; }
    footer .FooterCol1 {
      width: 100%;
      padding: 0px;
      margin-bottom: 0px !important;
      margin-top: 0px; }
    footer .FooterCol2 {
      width: 100%;
      padding: 0px;
      margin-bottom: 30px !important;
      margin-top: 0px; } }