* { box-sizing: border-box; } html { color: #777; background: #fff; } a { color: #777; } a.content_element_box .hover { display: none; } a.content_element_box:hover .hover { display: inline; } a.content_element_box:hover .standard { display: none; } a.content_element_box div.content_element_box { display: inline-block; position: relative; height: 200px; margin: 1em; } a.content_element_box div.content_element_box .image { height: 100%; } a.content_element_box div.content_element_box img { height: 100%; width: auto; } a.content_element_box div.content_element_box .caption { position: absolute; width: 100%; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.8); } .content_elment_box_body { display: none; } .featherlight .featherlight-content { background: none; overflow: visible; } .featherlight .featherlight-content .featherlight-close-icon { color: #fff; background: none; top: -10px; right: -10px; font-size: 1.5em; } @media only screen and (max-width: 750px) { .featherlight .featherlight-content iframe { width: 100%; height: 100%; } } @media only screen and (max-width: 750px) { #main-nav { display: none; } } #mobile-nav { display: none; } @media only screen and (max-width: 750px) { #mobile-nav { display: block; } #mobile-nav a.menu-toggle { display: block; } } #mobile-nav .the_list { display: none; } #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: rgba(255, 255, 255, 0.9); background-image: url("menu-icon.png"); background-position: top; background-size: 100%; } #mobile-nav.open a.menu-toggle { background-position: bottom; } a { text-decoration: none; } a:hover { text-decoration: underline; } /*# sourceMappingURL=style.css.map */