@import url(fonts/open-sans.css);
html { line-height: 1.3; margin: 10px; }

* { box-sizing: border-box; }

* a { text-decoration: none; }

body { font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-weight: 100; background-color: #222222; color: #dddddd; max-width: 300px; margin: 0 auto 0; }

header { margin: 30px 0px 30px; text-align: center; }

header .site-title { font-size: 30px; }

header .site-title a { color: #dddddd; text-decoration: none; }

header .site-description { font-size: 25px; text-transform: uppercase; letter-spacing: 9.5px; margin-right: -9.5px; }

header .site-description a { color: #dddddd; text-decoration: none; }

#menu-main { margin-top: 30px; }

#menu-main ul { list-style: none; margin: 0; padding: 0; }

#menu-main ul li { display: inline-block; padding: 0 20px; }

#menu-main ul li a { color: #dddddd; }

#menu-main ul li:hover > a { border-bottom: 1px solid #dddddd; }

#menu-main ul li.current-menu-item a { border-bottom: 2px solid #dddddd; }

#menu-main ul li ul { position: absolute; z-index: 1000; display: none; padding: 10px; margin-left: -30px; margin-top: 2px; text-align: left; background-color: #222222; }

#menu-main ul li ul li { display: block; }

#menu-main ul li ul li:before { content: ""; }

#menu-main ul li:hover ul { display: block; }

h1 { text-align: center; }

h1.entry-title { padding-bottom: 30px; }

main a { color: #dddddd; }

main .grid { display: flex; flex-wrap: wrap; justify-content: center; }

main .grid .box { position: relative; width: 300px; height: 300px; margin: 0 10px 15px; background-size: cover; background-position: center center; }

main .grid .box .box-title-container { position: absolute; width: 100%; height: 80px; bottom: 0; background-color: rgba(34, 34, 34, 0.5); display: flex; transition-duration: 200ms; }

main .grid .box .box-title-container .box-title { margin: auto; width: 100%; text-align: center; font-size: 30px; }

main .grid .box:hover .box-title-container { height: 100%; }

@media (min-width: 660px) { body { max-width: 660px; } }

@media (min-width: 1000px) { body { max-width: 1000px; } }

demo.centercenter { /* center horizontal and vertical */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

nav.pagination { text-align: center; }

nav.pagination h2 { display: none; }

nav.pagination .screen-reader-text { display: none; }

nav.pagination span.current { background-color: #444444; padding: 2px 5px; font-weight: bold; }

nav.pagination a { background-color: #444444; padding: 2px 5px; }

nav.post-navigation .prev { float: left; }

nav.post-navigation .next { float: right; }

footer { margin-top: 30px; text-align: center; font-size: 12px; line-height: 200%; padding-bottom: 30px; }

footer .widget_nav_menu { margin-top: 30px; }

footer .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; }

footer .widget_nav_menu ul li { display: inline-block; }

footer .widget_nav_menu ul li a { color: #dddddd; text-decoration: none; margin: 0px 20px; font-size: 14px; }

footer .widget_nav_menu ul li:before { content: "| "; }

footer .widget_nav_menu ul li:first-child:before { content: ""; }

.search-form label { display: none; }

.search-form input.search-field { all: unset; background-color: #444444; color: #dddddd; padding: 5px 2px 2px 5px; border: none; border-radius: 5px; text-align: center; width: 300px; }

.search-form input.search-field::placeholder { /* default */ font-style: italic; }

.search-form input.search-submit { display: none; }

section.no-results { background-color: #444444; padding: 30px; }

/* Tablet view */
/* Desktop view */