@media print {
     .hide-for-print {
         display: none;
    }
     a[href]:after {
         content: none !important;
        /* this removes the URLs which display by default */
    }
}
/* xs */
 @media screen and (max-width: 767px) {
     .show-on-mobile {
         display: inline;
    }
     .show-on-tablet {
         display: none;
    }
     .show-on-desktop {
         display:none;
    }
     #right-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
    /* left-side-wrapper is also the id of the collapsed top menu, which is in fact, no longer on the left at that point... */
     #left-side-wrapper {
         margin: 0 16px;
         padding-right: 0;
         padding-left: 0;
    }
    /* overrides of bootstrap */
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #7d110c;
    }
     .navbar-toggle .icon-bar {
         display: block;
         width: 28px;
         height: 4px;
         border-radius: 2px;
    }
     #top-navigation-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #site-top-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     header {
         margin: 6px 6px 6px 12px;
    }
     h1, h2, h3, h4 {
         margin: 6px 6px 6px 0;
    }
     p, ul, dl{
         margin: 10px 10px 10px 0;
    }
     .right-side-box {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         margin: 6px 6px 6px 12px;
    }
     #footer-v1 .internal {
         position: absolute;
         right: 10px;
         top: 0;
         z-index: 1;
         margin: 0 0 15px 0;
    }
}
/* sm */
 @media screen and (min-width: 768px) {
     .show-on-tablet {
         display: inline;
    }
     .show-on-mobile {
         display: none;
    }
     .show-on-desktop {
         display:none;
    }
     #right-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #left-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #top-navigation-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #site-top-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     header {
         margin: 6px 6px 6px 0;
    }
     h1, h2, h3, h4 {
         margin: 6px;
    }
     p, ul, dl{
         margin: 6px;
    }
     .right-side-box {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         margin-bottom: 12px;
    }
     #footer-v1 .internal {
         position: absolute;
         right: 10px;
         top: 0;
         z-index: 1;
         margin: 0 0 15px 0;
    }
}
/* md */
 @media screen and (min-width: 992px) {
     .show-on-mobile {
         display: none;
    }
     .show-on-tablet {
         display: none;
    }
     .show-on-desktop {
         display:inline;
    }
     #right-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #left-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #top-navigation-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #site-top-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     header {
         margin: 6px 6px 6px 0;
    }
     h1, h2, h3, h4 {
         margin: 6px;
    }
     p, ul, dl{
         margin: 6px;
    }
     .right-side-box {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         margin-bottom: 12px;
    }
     #footer-v1 .internal {
         position: absolute;
         right: 10px;
         top: 0;
         z-index: 1;
         margin: 0 0 15px 0;
    }
}
/* lg */
 @media screen and (min-width: 1200px) {
     .show-on-mobile {
         display: none;
    }
     .show-on-tablet {
         display: none;
    }
     .show-on-desktop {
         display:inline;
    }
     #right-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #left-side-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #top-navigation-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     #site-top-wrapper {
         padding-right: 0;
         padding-left: 0;
    }
     header {
         margin: 6px 6px 6px 0;
    }
     h1, h2, h3, h4 {
         margin: 6px;
    }
     p, ul, dl{
         margin: 6px;
    }
     .right-side-box {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         margin-bottom: 12px;
    }
     #footer-v1 .internal {
         position: absolute;
         right: 10px;
         top: 0;
         z-index: 1;
         margin: 0 0 15px 0;
    }
}