/* ELEMENTS */

* { box-sizing:border-box; margin:0; padding:0; }
html, body { height:100%; width:100%; }
body {
 color:white; background:#221;
 font-size:1em; font-family: BodyFont,Calibri,Helv,Arial,sans-serif;
}
figure, figure img { height:auto; max-width:100%; }
figure>img { display:block; }
h1, h2, h3, h4, h5, h6 { line-height:1em; margin:0.1em 0; }
h1:first-child, h2:first-child, h3:first-child { margin-top:0; }
h1 { font-size:4em; font-family:"Arial Bold",Arial,sans-serif; }
h2 { font-size:2em; }
h3 { font-size:1.5em; }
h4 { font-size:1em; }
h5 { font-size:0.9em; margin-bottom:1em; }
h6 { font-size:0.75em; margin-bottom:0.25em; }
p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 { margin-top:1.5em; }
p, ol, ul { margin:1em 0; }
p:first-child { margin-top:0; }
ol, ul { margin-left:2em; }
a { font-weight:bold; color:red; text-decoration: underline chocolate 3px; }
a:visited { color:chocolate; }
em { font-family:'Times New Roman',roman,serif; font-size:1.25em; font-weight:600; line-height:0.8em; }
p em , li em, code{ font-size:1.4em; }
strong { font-family:BoldFont,Impact,serif; font-size:1.2em; font-weight:normal; color:black;/*#3D3197;*/ line-height:0.54em; }
hr { border-top:1px solid mistyrose; margin:1em 0 1em; }
main { margin:auto; background:black; min-height:100%; max-width:1280px; position:relative; }
aside { padding:1vh; }
figcaption { text-align:center; font-size:larger; }
#address { display:block; position:relative; z-index:2; margin:-12vw 0 0 6vw; }
#address>div { float:left; }
#address>div:first-child { padding-right:3vw; }
/* LAYOUT */
.inner { clear:both; padding:2vw; }
.mid { text-align:center; margin:auto; max-width:800px; }
.triplex { display:flex; margin:32px 0; justify-content:space-between; }
.vixgal img { max-width:96vw; height:auto; }


/* MENUS */

.homenav, .tab3 { display:block; clear:left; text-align:center; }
.homenav:after, .tab3:after { content:' '; display:block; clear:both; }
.homenav>*, .tab3>* { width:75%; margin:32px auto; }
.homenav>.addb:first-child, .tab3>.addb { position:absolute; width:auto; }
nav { margin-bottom:6vh; }
nav ul { margin:1vh auto; box-shadow:2px 2px 6px grey;padding:12px 7px 4px; max-width:480px; }
nav li { list-style:none; display:block; }
nav a, nav a:visited, nav span { display:block; width:100%; color:white; background:peru; text-decoration:none; font-size:larger; font-weight:bold; padding:12px; margin-bottom:4px;  }
nav a:hover { background:tan; }
nav span { color:black; background:khaki; }

@media only screen and ( min-width:360px ) {
.homenav>* { max-width:30%; float:left; z-index:2; position:relative; margin:1.6666%;  }
}
@media only screen and ( min-width:1024px ) {
.vixgal img+img { visibility:visible; }
 body>div { width:38%; float:left; }
 body>aside { position:fixed; top:0; right:0; width:62%; }
 .tab3 { display:flex; }
 .tab3>figure { max-width:25%; }
 .tab3>div { max-width:50%; }
 #pics { float:left; padding:0.5vh; box-shadow: 2px 2px 6px inset silver; margin:1vh 1vh 1vh 0; }
 #pics li { display:block; list-style:none; float:left; padding:0.5vh; }
 #pics img { width:12vh; height:12vh; object-fit:cover; }
 .note { margin:2px 0 0; font-style:italic; }
 #i1 { width:100%; height:auto; max-height:77vh; object-fit:cover; }
 .l, .r { float:left; max-width:62%; margin: 6px 2vw 6px 0; }
 .r { float:right; margin: 6px 0 6px 2vw; }
}

@media only screen and ( min-width:1280px ) {
#address { margin:-160px 0 0 80px; }
#address>div:first-child { padding-right:40px; }
}