@font-face{
    font-family: "GoogleSans";
    src:url("./fonts/GoogleSans-Regular.ttf") format("truetype");
    /* src:url("/site/css/fonts/GoogleSans-Regular.ttf") format("truetype"); */
}

@font-face{
    font-family: "MinionPro";
    src: url("./fonts/MinionPro-Regular.otf") format("opentype");
    /* src: url("/site/css/fonts/MinionPro-Regular.otf") format("opentype"); */
}

/* Breakpoints
bp-small: 48em; // 768px
bp-medium: 64em; // 1024px
bp-large: 85.375em; // 1366px
bp-xlarge: 120em; // 1920px
bp-xxlarge: 160em; // 2560px
*/

:root {
	--dt-width-breakpoint : 64em;
}


body {
    background: #FFFFFF;
    color: #000000;
    font-size: 1.0rem;
    font-family: "GoogleSans", sans-serif;
}

h1, h2 {
    color: #000000;
    font-family:"GoogleSans", sans-serif;
	font-style:normal;
	font-weight:normal;
    margin: 0vw 0vh;
    margin-bottom: 1rem;
    padding-top: 2vw;
    ;
}

h1 {
    font-size: 1.75rem;
    padding-top: 2vw;
    margin-top: 2rem;
    padding-bottom: 0vw;
}

h2 {
    font-size: 1.25rem;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

p {
    padding-bottom: 1.2rem;
    font-size: 1.0rem;
    margin: 0vw 0vh;
    font-family: "GoogleSans", sans-serif;
}

p.caption {
    padding-top: 0.4rem;
    padding-bottom: 1.2rem;
    font-size: 0.499rem;
    margin: 0vw 0vh;
    font-family: "GoogleSans", sans-serif;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 2vh 0vw;
    display: flex;
    flex-wrap: nowrap;
}

li {
    height: 20vmax;
    flex-grow: 2;
}

li:last-child {
    margin-left: 2vw;
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
    margin-top: 2vh;
    /* margin-bottom: 2vh; */
}

img.withoutCaption {
    margin-bottom: 2vh;
}

img.plaqueThumb{
    padding: 0.3rem;
    height: 250px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.posterThumb{
    padding: 0.4rem;
    height: 200px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a {
    color: #1C1C1CFF
}
a:visited {
    color: #4C4C4CFF;
}

table {
    width: 100%;
}

table, th, td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

video {
    object-fit: cover;
    width: 100%    !important;
    height: auto   !important;
}

/*call me olde fashioned*/
.main{

    width: 98%;
    padding: 2%;
}

/* @media (max-width: 64em) {
    .main{
        width: 50%
    }
} */


@media screen and (min-width:960px){
    .main{
        margin: auto;
        width: 960px;
    }

    p.caption {
        font-size: 0.8rem;
    }

}


/*just don't call me a cowboy*/
#masthead {
    width: inherit;
    height: 30vmax;
    margin-bottom: 3vh;
}

#content {
    width: inherit;
}