body { display: flex; flex-direction: column; height: 100vh; margin: 0; padding: 0; color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } .wrapper { flex: 1; padding: 0 5em 0; } #oldds { background-color: lightgray; list-style-type: none; margin: 0 auto; } #oldds li { display: inline; padding: 0 0.3em; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } nav { } nav ul { padding: 0; } nav li { display: inline-block; text-align: center; border: 2px solid black; } nav li a { display: inline-block; width: 123px; text-decoration: none; background-color: white; } article .center a img { width: 100%; } article dl dd a { word-wrap: break-word; } footer { text-align: center; } #logo img { width: 100%; } .scheduletitle { clear: both; } .schedule thead th { border-bottom: 3px solid #738588; } .schedule td.cell-height1, .schedule td.cell-height2, .schedule td.cell-height3, .schedule td.cell-height4, .schedule td.cell-height5, .schedule td.cell-height6, .schedule td.cell-height7, .schedule td.cell-height8, .schedule td.cell-height9, .schedule td.cell-height10, .schedule td.cell-height11, .schedule td.cell-height12, .schedule td.cell-height13, .schedule td.cell-height14, .schedule td.cell-height15, .schedule td.cell-height16, .schedule td.cell-height17, .schedule td.cell-height18, .schedule td.cell-height19, .schedule td.cell-height20 { border: 1px solid #738588; } .cell-time { border-right: 3px solid #738588; } .schedule { border-collapse: collapse; } @media (min-width: 768px) { } @media (min-width: 1000px) { #logo { display: inline-block; float:right; padding: 2em; width: 50%; } } .free-admission { margin: 1em 0; color: #ff0000; font-weight: bold; /*animation-name: glitch; animation-duration: 10s; animation-iteration-count: infinite;*/ /*animation-timing-function: cubic-bezier(.25, .46, .45, .94);*/ transform-origin: 0% 50%; } /*@keyframes glitch { 0% { transform: translate(0) } 19.9% { transform: translate(0) } 20% { color: #738588; transform: translate(-4px, 4px) } 39.9% { color: #738588; transform: translate(-4px, 4px) } 40% { transform: translate(-4px, -4px) } 59.9% { transform: translate(-4px, -4px) } 60% { transform: translate(4px, 4px) } 79.9% { transform: translate(4px, 4px) } 80% { color: #fe0080; transform: translate(4px, -4px) } 99.9% { color: #fe0080; transform: translate(4px, -4px) } }*/ /* Just for pois.js */ #foodlocator { cursor: pointer; } #foordlocator.expanded { cursor: default; } #food dt { clear: both; margin-top: 1em; font-weight: bold; } #food dt .wheelchair { font-size: 120%; line-height: 1em; color: #444; } #food dt .addr, #food dt .website { font-weight: normal; margin-left: 0.8em; color: #444; } #food dd { color: #444; font-size: 80%; margin: 0 0 0 2em; } .geo-arrow { float: left; clear: left; margin: 0 0.5em 1.5em 0; } .geo-arrow .arrow { margin: 0; text-align: center; font-size: 200%; font-weight: bold; line-height: 1em; } .geo-arrow .arrow span { display: inline-block; } .geo-arrow .dist { margin: 0; text-align: center; font-size: 70%; line-height: 1em; font-weight: 100; } .resource { display: inline-block; margin: 8px; padding: 0; box-sizing: border-box; /* width: 290px; */ } .resource h4 { text-align: center; margin: 2px 4px; padding: 0; font-size: 100%; font-weight: bold; } .resource img { width: 100%; } .resource .links { margin: 2px 4px; padding: 0; list-style-type: none; text-align: center; } .resource .links li { display: inline-block; font-size: 80%; padding: 0 0.5em; } .resource .links li .size { padding: 0 0 0 0.4em; color: #777; }