#header {
  margin-bottom: 15px;
}

@media screen and (min-width: 560px) {
  #header {
    margin-bottom: 15px;
  }

  #block-zircon-branding .site-logo {
    width: 120px;
    height: 120px;
    float: left;
  }

  #block-zircon-branding .site-name {
    margin-left: 140px;
    /*margin-top: -30px;*/
    text-align: left;
    font-size: 2.2em;
    width: calc(100% - 195px);
  }
  #block-follow {
    position: absolute;
    right: 0;
    top: 70px;
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  #header {
    margin-bottom: 15px;
  }
  #header #block-zircon-branding.block-system-branding-block {
    width: calc(100% - 68px);
  }
  #block-zircon-branding .site-name {
    /*margin-top: -90px;*/
    width: calc(100% - 140px);
    font-size: 2.4em;
  }
  #block-follow {
    position: relative;
    top: 0;
  }
}