
.department-text-ql ul.sizeable {
    padding: 0;
    margin: 16px 0 0;
display: flex;
}
.department-text-ql li {
    display: inline-flex;
    flex-grow: 1;
    background: #0e7078;
    padding: 6px 0 0px 0px;
}
.department-text-ql ul li {
    margin: 0 1% 0 0;
    text-align: center;
    width: 100%;
}
.department-text-ql ul li a{
    text-align: center;
    width: 100%;
}
.department-text-ql ul li:first-child {
    margin-left: 0;
}
span.qu-text {
    max-height: 40px;
    font-size: 14px; }

.qu-text .text-center {
    vertical-align: middle;
    line-height: normal;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 0.05em;
padding: 8px 0 16px 0px;
    display: block;
    text-align: center;
}
.department-text-ql .qu-text .text-center {
    padding: 8px 0 16px 10px;
}

@media screen and (max-width: 1600px) {
  .quick-links #Parents-QL ul a, .quick-links #Staff-QL ul a {padding: 0;}
  .quick-links ul a span.fa {font-size: 2em;}
  span.qu-text {font-size: 14px;}
  .quick-links ul a span.fa, .quick-links ul a img, .quick-links ul a .qu-text {height: 32px;}
.quick-links ul.horizontal {width: 80%;margin: 0 auto 2% auto; }
}

@media screen and (max-width: 480px) {

  .quick-links { 
    max-width: 340px;
  }

  .quick-links ul li {
    padding: 6% 4% 2%;
    width: 40%; }

  .quick-links ul a span.fa, .quick-links ul a img, .quick-links ul a .qu-text {
    height: 24px;
  }

  .quick-links ul a span { 
    line-height: 30px;
  }
  
  .quick-links ul a span.fa { 
    font-size: 1.5em;
  }

  .qu-text .text-center { 
    line-height: 14px;
  }

  #tab-quicklink > .inside-padding { padding: 20px 6px !important; }

}