/*body, html {*/
.smallpage {
    height: 100%;
}

/*
:visited {
    color:#86878e;
}*/

body {
    color: #fef8f1;
    background-color: black;

    /*
    background-image: url("./images/FrenchBreadC4_2048.png");
    background-size:auto;
    background-repeat: repeat-y;
    background-attachment:scroll;
    */
                
    margin: 0;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 28pt; /*22pt;*/
    font-weight: normal;
    /*padding: 0px 0 0 200px;*/
}
h1 {
    font-weight: 600;
    /*font-size: 3em;*/
    font-size: 250%;
    grid-column: 1 / 5;
    text-align: center;
    margin-top: 0;
}
h2 {
    /*color:blue;*/
    font-size: 130%;
    font-weight: 500;
}
/*
a:link {
    color: #0000ff;
}
*/
.container {
    /*display: grid;
    grid-template-columns: 1fr 2fr 2fr 1fr;*/
    width:1024px;
    height: inherit;

    /*height: 1024px;                                                                             /* Wrong ARRGHHH */

    
    background-image: url("./images/FrenchBreadC4_2048.png");
    background-size:auto;
    background-repeat: repeat-y;
    background-attachment:scroll;
    margin: auto;
}
.gridheader {
    /*display: grid;*/
    grid-template-columns: 1fr 3fr 3fr 1fr;
    display: grid;
    /*grid-template-columns: 1fr 1fr; /*2fr;*/
    justify-items: center;
    align-items: center;
}
.image {
    background-image: url("./images/timerBrownLoafrednobackcut.png");
    background-size:contain;
    background-repeat: no-repeat;
    align-content: center;
    /*transform: rotate3d(1, 1, 1, -25deg);*/

    opacity: 100%;
    /*width:100%;
    height:100%;*/
    height: 500px
}
.googleplaycontainer {
    grid-column: 1 / 5;
    /*width: 100%;*/
    display: grid;
    justify-items: center;
    margin: 40px 0 0 0;
}
nav  a {
    color: inherit;
    text-decoration: none;
}

section h2 {
    /*text-decoration: underline;*/
}
.twosection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
}
.section-spacer {
    grid-column: 1 / 3;
    height: 2em;
}
.section-left {
    grid-column: 1;
}
.section-right {
    grid-column: 2;
}
.header-image {
    width: 250px;
    height: 408px;
}
.full-image {
    width: 248px;
    height: 408px;
    border: solid 1px #404040; 
    padding: 4px;
} 
.long-image {
    width: 248px;
    height: 345px;
    border: solid 1px #404040; 
    padding: 4px;
} 
.cut-image {
    width: 248px;
    height: 315px;
    border: solid 1px #404040; 
    padding: 4px;
} 
.endtime-image {
    width: 246px;
    height: 97px;
    border: solid 1px #404040; 
    padding: 4px;
} 
ol {
    width: inherit;
    list-style: none;
}
.topmenu li {
    display: inline-block;
    padding: 16px;
}
.highlight {
    font-weight: 700;
    font-size: 110%;
}
.topnav {
    /*float: right;*/
}
footer {
    width: inherit;
}
.footerleft {
    float: left;
    color: #808080;
    font-size: 60%;
    padding-right: 1em;
}
/*
.footercenter {
    float:left;
    padding-left:30%;
    color: #808080;
    font-size: 60%;
}
*/
.footerright {
    float: right;
    color: #808080;
    font-size: 60%;
}

.grey {
    filter: brightness(50%) grayscale();
}
figure {
    display: grid;
   justify-items: center;
}

figcaption {
    font-size: 80%;
    font-style: italic;
}

.article {
    font-size: 60%;
}

.headerimage {
    width:640px;
}