*, *::before, *::after {box-sizing: border-box;}
* {margin: 0;}
html {scroll-behavior: smooth;}
body {margin:0; padding:1rem; color:#ccc; background-color:#181818; font-family:"Roboto", sans-serif; font-size:15px; font-weight:400; font-style:normal; line-height: 1.5; -webkit-font-smoothing: antialiased; text-align:center;}
img, picture {display:block; max-width:100%; height:auto;}
p {margin:10px 0; color:#aaa; overflow-wrap:break-word;}
ul {margin:10px 0; color:#aaa; list-style-type:none;}
h1 {font-size:1.3em; overflow-wrap:break-word;}
h2 {font-size:1.15em; overflow-wrap:break-word;}
.hbtp {border-top:1px solid #ccc; padding-top:20px; margin:30px auto 0 auto; max-width:700px;}
a {color:#ddd; text-decoration:underline;}
a:hover {text-decoration:none;}
.imgctr {margin:0 auto;}
.white {color:#eee;}
.grey {color:#ccc;}
.dkgry {color:#aaa;}
.yllow {color:#cfcf55;}
p.smltxt {font-size:0.7em !important;}
.mgtop30 {margin-top:30px;}
.lftctr700 {text-align:left; max-width:700px; margin:0 auto;}
section.scbtctr {max-width:700px; margin:70px auto 40px auto;}

div.bdyframe {background-color:#181818; margin:20px auto; padding:0px; max-width:1100px; width:100%;}
div.intro a {text-decoration:none;}
div.mnudiv {max-width:660px; margin:0 auto;}
.bannlinks {clear:left; font-size:1em; padding:0; width:100%;}
.bannlinks a {color:#cfcf55;}
div.bannlinks a {display:inline-block; text-decoration:none; margin:5px 10px; font-weight:bold; padding-right:25px; border-right:1px solid #ccc;}
div.bannlinks a:last-of-type {border:0;}
.bannlink:link {color:#ccc; text-decoration:none;}
.bannlink:hover {color:#eee; text-decoration:none;}

div.intro h1 {margin:15px 0;}
div.intro p {margin:0 0 10px 0;}

div.footer {clear:both; padding-top:20px; line-height:150%;}
div.footer p {font-size:0.85em; margin:1px 0;}
div.footer p.cpy {margin:25px 0;}

.glryh2 {text-align:center; margin:0px 0 40px 0;}
.glryh3 {text-align:center; margin:0px 0 40px 0; font-size:0.9em; text-transform:uppercase;}
div.glryflx {display:flex; flex-wrap:wrap; justify-content:center; gap:4em; align-items:end;}
div.glryflx a {text-align:center;}
div.glryflx a img {margin-bottom:10px;}
div.glryflx div {text-align:center; max-width:300px;}
div.glryflx div img {margin:0 auto 10px auto; border-bottom:1px solid #ccc; padding-bottom:2px;}
.portf {text-align:center; margin-top:40px;}