#lightbox {
position:absolute;
left:0dvw;
top:0dvw;
/*padding:5dvw;*/
width:100dvw;
height:100svh;
background-color: rgba(0.8,0.8,0.8,0.8);
z-index:1000;
}
#lightbox img {
object-fit: contain;
width:100%;
height:100%;
background-color:black;
}
.headingBar {
background-color:rgb(209,176,152);
width:100svw;
overflow: hidden
}
body {
background-color:rgb(170,133,99);
}
#headingtrain {
float:left;
object-fit:contain;
width:43svw;
}
#headingtitle {
padding-left:1svw;
padding-top:0.7svw;
width:28svw;
overflow:clip;
font-size:4svw;
vertical-align:center;
float:left;
}
#headingtitle a {
color:black;
text-decoration: none;
}
#headingtitle a:visited {
color:black;
}
#headingmenu {
width:28svw;
font-size:5svw;
text-align:center;
vertical-align:center;
float:left;
overflow:clip;
}
#headingclear {
clear:both;
}
.modeltrainpicture {
width:100svw;
object-fit:contain;
}
.twoColumnBox {
display: flex;
flex-direction: row;
width: 96svw;
margin-bottom: 1svw;
padding-left: 1svw;
margin-top: 1svw;
padding-right: 1svw;
}
.column {
flex:5;
margin:1svw;
/*margin: 3px;
padding: 10px;*/
}
.columnText {
display: block;
width:100%;
text-align: start;
font-size: large;
font-family: Arial, Helvetica, sans-serif;
}
.columnButton {
display: block;
margin: auto;
width: 150px;
padding: 5px;
border-width: 2px;
border-style:solid;
border-radius: 15px;
border-color: black;
text-align: center;
font-size: large;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: black;
}
.columnButton:hover {
background-color: gray;
}
.picture {
width:100%;
object-fit: contain;
}
.photoGalleryWrapper {
display: flex;
flex-wrap: wrap;
}
.photoGalleryItem {
flex: 0 0 250px;
width:250px;
height:250px;
margin:5px;
}
.photoGalleryImage {
width:100%;
height:100%;
object-fit: contain;
}
.footerBar {
font-size: small;
font-style: italic;
width: 100%;
}
.dropmenu {
cursor:pointer;
}
.dropcontent {
position:absolute;
display:none;
background-color:grey;
}
.dropcontent a {
display:block;
font-size:3svw;
text-decoration:none;
color:black;
padding:0.5svw;
}
.dropcontent a:hover {
background-color:aqua;
}
.dropcontent a:visited {
color:black;
}
#headingmenu:hover .dropcontent {
display:block;
}