.footer-bg {
  background-color: #fbfbfb;
  padding: 3rem 1rem 1rem;
}

.footer-bg .maincontainer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
  width: 100%;
  max-width: 1200px;
  font-family: var(--font-regular);
  margin: 2rem auto;
}
@media (max-width: 767px) {
  .footer-bg .maincontainer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.columnfoot {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.columnfoot img {
  max-width: 8rem;
}
.columnfoot .footer-title {
  color: var(--main-dark);
  font-family: var(--font-medium);
  font-size: 1rem;
  display: block;
  margin-bottom: 0.8rem;
}
.columnfoot .footer-link {
  display: block;
  margin-bottom: 0.8rem;
}
.columnfoot .footer-link a {
  text-decoration: none;
  color: #757983;
  font-family: var(--font-regular);
  font-size: 0.9rem;
}
.columnfoot .footer-link a:hover {
  color: var(--info-blue);
}
.columnfoot .footer-link a.no-ul.btn.btn-pink-outline {
  background: transparent;
  width: 100%;
  max-width: 360px;
  color: var(--main-dark);
  border: 1px solid var(--main-dark);
  margin-top: 2rem;
}
.columnfoot .footer-link a.no-ul.btn.btn-pink-outline:hover {
  background-color: var(--main-dark);
  color: white;
  border: 1px solid var(--main-dark);
}
.columnfoot.last {
  margin-right: 0;
}
.columnfoot.first {
  margin-left: 0;
  display: grid;
  align-content: space-between;
  align-items: stretch;
}

footer {
  background-color: #161921;
  padding: 2rem 0 1rem;
}
@media (max-width: 640px) {
  footer {
    padding: 2rem 0 3rem;
  }
}
footer span, footer a {
  font-family: var(--font-medium);
  font-size: 0.875rem;
  letter-spacing: -0.1px;
  color: var(--blueish-grey);
  text-decoration: none !important;
  transition: color 200ms ease-in-out;
}
footer .social-media {
  background: #4B5054;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  margin: 0 0.2rem;
  transition: background-color 200ms ease-in-out;
  /*.ico {
  	font-size: 1rem;
  	line-height: 0;
            font-family: var(--icons);
            color: var(--white);
            &.ico-locker {
                content: '^';
            }
            &.ico-facebook {
                content: 'g';
            }
            &.ico-youtube {
                content: '}';
            }
            &.ico-twitter {
                content: '|';
            }
  }*/
}
footer .social-media a {
  text-decoration: none !important;
}
footer .social-media a .ico {
  line-height: 0;
}
footer .social-media:hover {
  background-color: var(--info-blue);
}
footer .credit-cards {
  margin: 0 1rem 0 0;
}
footer a:not(.social-media):hover {
  color: var(--info-blue);
}
footer a:not(.social-media):before {
  content: "|";
  margin-right: 0.5rem;
  font-family: var(--font-light);
  color: var(--blueish-grey) !important;
}

@media (max-width: 768px) {
  .ssl-text {
    margin: 1.5rem 0 0.5rem;
    display: inherit;
  }

  .credit-cards {
    margin: 1.5rem 1rem 1rem 0;
  }

  .mail {
    margin-top: 0.5rem;
    display: inherit;
  }

  .footer-bg .maincontainer {
    overflow-x: hidden;
    max-width: 100vw;
    margin: 0;
    padding: 0;
  }
  .footer-bg .maincontainer .columnfoot {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 0.5rem 0;
  }
  .footer-bg .maincontainer .columnfoot.first {
    margin-bottom: 2rem;
  }
}