/* Root variables */
:root{
  --footer-height: 266px;
}
/* The default font family. */
/* The font attributes */
/* widths */
/* paddings/margins */
/* misc */
/* Colors */
.site-logo{
  display:block;
  width:50%;
  max-width:180px;
  transition: width .25s ease-in-out, max-width .25s ease-in-out;
}
@media (min-width: 960px) {
.site-logo{
    width:100%
}
  }
@media (min-width: 1280px) {
.site-logo{
    width:100%;
    max-width:240px
}
  }
.site-name, .site-slogan{
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.footer-logo{
  display:block;
  max-width:120px;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  margin-top: calc(4rem/2);
}
@media (min-width: 768px) {
.footer-logo{
    max-width:180px;
    margin-top:0
}
  }
#top.scrolled .site-logo{
      display:block;
      width:33%;
      max-width:140px;
    }
@media (min-width: 960px) {
#top.scrolled .site-logo{
        width:100%
    }
  }
@media (min-width: 1280px) {
#top.scrolled .site-logo{
        width:100%;
        max-width:180px
    }
  }