* { box-sizing: border-box; } html { color: #777; background: #fff; } .card h2, .item h2 { font-family: georgia, serif; } body, h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0; } @media only screen and (max-width: 750px) { #main-nav { display: none; } } h1 { margin: .5em 0 0 1em; } .card { max-width: 600px; } .card img { width: 100%; } .card::after { content: ""; clear: both; display: table; } .featherlight .featherlight-content { background: none; overflow: visible; } .featherlight .featherlight-content .featherlight-close-icon { background: none; top: -10px; right: -10px; color: #fff; font-size: 1.5em; } @media only screen and (max-width: 750px) { .featherlight .featherlight-content iframe { width: 100%; height: 100%; } } #mobile-nav { display: none; font-family: verdana, sans; font-size: 1.2em; } @media only screen and (max-width: 750px) { #mobile-nav { display: block; display: none; } #mobile-nav a.menu-toggle { display: block; } } #mobile-nav .the_list { display: none; padding: 2em; } #mobile-nav .the_list .home-link, #mobile-nav .the_list > ul:last-child { font-family: cursive; font-size: 1.4em; margin-top: -.7em; color: #bf920c; } #mobile-nav .the_list .home-link a, #mobile-nav .the_list > ul:last-child a { color: #bf920c; display: inline-block; margin-top: 8px; } #mobile-nav .the_list .home-link { display: inline-block; text-transform: lowercase; margin-bottom: 8px; } #mobile-nav .the_list ul { margin-bottom: 1.7em; } #mobile-nav .the_list li { margin: 0.5em; list-style: none; } #mobile-nav .the_list li ul { margin-bottom: 1em; } #mobile-nav .the_list a { color: #000; text-decoration: none; font-weight: normal; } #mobile-nav .the_list .active > a { color: #bf920c; font-weight: bold; } #mobile-nav.open .the_list { display: block; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(255, 255, 255, 0.9); height: 100%; width: 100%; overflow: scroll; } #mobile-nav a.menu-toggle { position: fixed; top: 0; right: 0; width: 50px; height: 50px; z-index: 100; cursor: pointer; background: #fff; background: rgba(255, 255, 255, 0.9); background-image: url("img/menu-icon.png"); background-position: top; } #mobile-nav.open a.menu-toggle { background-position: bottom; } a { color: black; text-decoration: none; } a:hover { text-decoration: underline; } #admin-panel { position: fixed; bottom: 1em; right: 1em; width: 400px; height: 300px; background: #fa0; } /*# sourceMappingURL=style.css.map */