.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}
#pix {margin-bottom: 1.7em;}
main > img {
    border: 8px double #555;
    padding: 6px;
    margin: 12px;
    background-color: #FBD49F;
    max-width: 90vw;
    max-height: 85vh;
    margin: 2vh auto;
}

.noDecoration {
    text-decoration: none;
    color: white;
}
/*h1 {font-size: 2.15em; margin-bottom: .1em;}*/
h2 {color: #fcdaac;}
h3 {color: #f5c270;}

.newTopic {
    padding-top: .5em;
    border-top: 2px solid #f5c270;
}

h4,
h5 {
    margin-bottom: -.35em;
    color:#d7dbdb;
}
h4 > a:visited,
h5 > a:visited {
    color: #fccd81;
}
.wikipedia {color: #fccd81;}
.subtext {
    color: #ddd;
    padding: 0 4vw;
}
img[data-sizes="auto"] {
    display: inline-block;
}

.linkList a{
    color: #debd8a;
    font-weight: bold;
}
.linkList a {
    text-decoration: none;
    width: 270px;
}
.linkList a:hover {
    border: 3px solid #debd8a;
    border-radius: 6px;
    background-color: #debd8a;
    color: #000;
}

/*@media screen and (min-width: 310px) {}*/
/*@media screen and (min-height: 660px){}*/

@media screen and (min-width: 650px) {
    /*h4 > a:visited,
    h5 > a:visited {color: #555555;}*/
    .linkList a{
        color: #696969;
    }
    .linkList a:hover {
        border: 3px solid #696969;
        border-radius: 6px;
        background-color: #696969;
        color: #fde7c8;
    }
}
@media screen and (min-width: 1015px) {
    .site{background-color: #000;}
    .linkList a{
        color: #debd8a;
    }
    .linkList a:hover {
        border: 3px solid #debd8a;
        background-color: #debd8a;
        color: #000;
    }
    body main > img {
        max-height: 85vh;
        max-width: 1900px;
        margin: 4vh auto;
    }
}