#btop, #bbottom, #bleft, #bright {  /* thanks to https://css-tricks.com/body-border/ */
        background: gold; /* #a5ebff; */
        position: fixed;
        }
        #bleft, #bright {
                top: 0; bottom: 0;
                width: 5px; /* 15px; */
                }
                #bleft { left: 0; }
                #bright { right: 0; }

        #btop, #bbottom {
                left: 0; right: 0;
                height: 5px; /* 15px; */
                }
                #btop { top: 0; }
                #bbottom { bottom: 0; }


<!--[if lte IE 6]>
        <style>#btop, #bbottom, #bleft, #bright { display: none; }</style>
<![endif]-->


@media

/* Fairly small screens including iphones */
only screen and (max-width: 500px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px)

{
        #btop, #bbottom, #bleft, #bright { display: none; }
}