body { background: #d5cea6 url(../i/master/the-hd-shires.jpg) no-repeat center center fixed; background-size: cover; }
body::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right,#000000,#000000); opacity: .4;z-index:-1 }

#toplaces {position:fixed;top:0;width:100%;height:11px;background: transparent url(../i/master/top-laces.png) repeat-x top;z-index:99}

#header { background: #FFFFB3 url(../i/master/menu-bg.webp) top left repeat-x;position:relative }
#header::after { content: '';position:absolute; height: 7px; width: 100%; background: transparent url(../i/border-4.png) repeat-x;z-index:1}

h1 { font-family: 'Celtic Garamond the 2nd';font-weight:700}
.maincontainer { background-color: rgba(var(--bs-light-rgb)) !important;padding-bottom:0; position: relative; padding-top: 34px;padding-bottom:28px; }
@media (min-width: 600px) {
    .maincontainer::before { content: ''; position: absolute; width: 22px; height: 100%; top: 0; bottom: 0; left: -22px; background: transparent url(../i/border-left-side.png) repeat-y; }
    .maincontainer::after { content: ''; position: absolute; width: 22px; height: 100%; top: 0; bottom: 0; right: -22px; background: transparent url(../i/border-right-side.png) repeat-y; }
}

#slidercontainer { margin-left: -1.5rem; width: calc(100% + 3rem); }
#viewport { height: 160px; margin: 0 auto; overflow: hidden; position: relative; }
#viewport ul { position: relative; padding: 0; margin: 0; }
#viewport ul li { float: left;width: 172px; height: 172px; float: left; list-style: none; margin: 0; padding: 10px; text-align: center; }
#viewport ul li img { width: 150px; height: 150px; border:solid 2px #d5cea6;padding: 14px 14px 0 14px;border-radius:4px }
#next, #previous { display: none }

#footer { position: relative;}
#footer::after { content: ''; position: absolute; height: 7px; width: 100%; background: transparent url(../i/border-4.png) repeat-x; z-index: 1; top:0}