@charset "UTF-8";
/* CSS Document */

/* <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 900 */

.literata-regular { font-family: "Literata", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

body { background: no-repeat center/100% url("images/tomSlidesBackground.jpg") #cccccc; /*background-image: url("images/keeferBackground.jpg");*/ background-size: cover; background-attachment: fixed; position: relative;font-family: "Literata", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; color: #fff; }
div#header { width: 90%; margin: auto; }
div#header h3 { text-align: center; font-size: 3.5em; font-weight: 500; }
div#body { width: 100%; font-size: 24px; }
div#recordings { width: 75%; display: flex; flex-flow: wrap; margin: auto; }
div.description { width: 75%; margin: 0 auto 30px auto; }
div.album { width: 150px; text-align: center; min-width: 150px; margin: 10px auto; padding: 0 10px; }
div.album a { color: #fff; text-decoration: none; padding: 0; margin: 0; font-size: 20px; line-height: 0px; }

@media only screen and (max-width: 1250px) { 
	div#body { font-size: 36px; } 
}