/*
    This sets following values to breakpoints
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1160px
*/
/*COLORS*/
/*BREAKPOINTS*/
/*FONTS*/
/*SPACING*/
footer {
  background-color: #e2e3e4;
  color: #000;
  font-size: 1.2rem;
  line-height: 1.3;
  padding: 30px 25px 30px;
}

footer .dsi-col-layout {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  footer .dsi-col-layout .col-12.col-md-3:nth-child(1) {
    -webkit-order: 1;
    order: 1;
  }
}

footer #dsi-footer-column .col-lg-2:first-child {
  -webkit-order: 3;
  order: 3;
}

@media (min-width: 992px) {
  footer #dsi-footer-column .col-lg-2:first-child {
    -webkit-order: 0;
    order: 0;
  }
}

footer #dsi-footer-column .col-lg-2:first-child img {
  padding-top: 5px;
}

@media (max-width: 576px) {
  footer .dis-image img {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  footer .dsi-link-list {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  footer .dsi-link-list ul li {
    margin-bottom: 10px;
  }
}

footer .dsi-link-list ul li a {
  font-size: 1.4rem;
  color: #303030;
  font-weight: 600;
  text-decoration: none;
}

@media (min-width: 992px) {
  footer .dsi-link-list ul li a {
    font-size: 1.6rem;
    color: #323232;
  }
}

footer .dsi-link-list ul li::before {
  display: none;
}

@media (min-width: 992px) {
  footer .dsi-link-list ul li.last {
    margin-bottom: 0;
  }
}

footer .rich-text p {
  font-size: 1.2rem;
  color: #323232;
  padding: 2px;
}

@media (max-width: 576px) {
  footer .divider {
    display: none;
  }
}

footer .dsi-reference-text {
  font-size: 1.1rem;
  color: #323232;
  padding: 2px;
}

footer .dsi-reference-text .dsi-footer-number {
  color: #9e1a97;
}

footer .dsi-reference-text sup {
  top: -0.5em;
  left: auto;
}

p.dsi-reference-text {
  display: block;
}