@import url("https://fonts.googleapis.com/css2?family=Fira+Code&family=Montserrat:wght@400;600;700&display=swap"); .site-footer { overflow: hidden; background-color: #f1f1f1; padding: 15px 10px; font-family: "Fira Code", monospace; border-radius: 3px; font-size: small; /* For desktop: */ } .site-footer h6 { font-size: medium; margin-top: 0px; margin-bottom: 0px; } .site-footer [class*="col-"] { float: left; padding: 15px 15px 0px; position: relative; } .site-footer .col-1 { width: 8.33%; } .site-footer .col-2 { width: 16.66%; } .site-footer .col-3 { width: 25%; } .site-footer .col-4 { width: 33.33%; } .site-footer .col-5 { width: 41.66%; } .site-footer .col-6 { width: 50%; } .site-footer .col-7 { width: 58.33%; } .site-footer .col-8 { width: 66.66%; } .site-footer .col-9 { width: 75%; } .site-footer .col-10 { width: 83.33%; } .site-footer .col-11 { width: 91.66%; } .site-footer .col-12 { width: 100%; } @media (max-width: 767px) { .site-footer [class*="col-"] { width: 95%; } } .footer-grid { box-sizing: border-box; position: relative; } .footer-grid::after { content: ""; clear: both; display: table; } /*# sourceMappingURL=footer.css.map */