body, h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; } body, html { height: 100%; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { margin: 3rem 0 1.38rem; } .cbs-copyright { margin: 32px auto 0; } .cbs-copyright a { text-decoration: none; } #cbsDspNavbar { height: 64px; float: left; overflow: visible; } #cbsDspNavbar .w3-button { padding: 16px; } .cbs-dsp-logo { display: block; background-image: url("../images/logo32.png"); background-size: cover; width: 32px; height: 32px; } .cbs-dsp-navbar-links { max-width: calc(100% - 74px); float: right; } .cbs-dsp-navbar-links-mbutton { height: 64px; } .summary-subject { text-align: left; float: left; } .summary-current { text-align: right; } .summary-display { } #cbsDspSidebar { display: none; width: 300px; } .cbs-dsp-section { padding: 80px 24px 32px !important; min-height: 100%; } .cbs-dsp-section > div { margin-top: 32px; } .cbs-dsp-section a { text-decoration: none; } .cbs-card-link { text-decoration: none; } #home { background-position: center; background-size: cover; background-image: url("../images/background.jpg"); background-color: rgba(0, 0, 0, 0.7); background-blend-mode: darken; min-height: 100%; } #home a .w3-card { text-decoration: none; } #home a .w3-card:hover { background-color: #eee; } #memberlist .w3-card { padding: 16px 32px 32px; } #observation .w3-card { padding: 16px 10px; height: 300px; } #observation a { text-decoration: none; } #observation a .w3-card:hover { background-color: #eee; } #observation .w3-card i { margin: 1rem 0 1rem; } #observation .w3-card h2 { font-size: 20px !important; margin: 1rem 0; } #observation .w3-card p { font-size: 14px; } #archive.cbs-dsp-section > div { margin-top: 0; } #footer .cbs-dsp-links a { text-decoration: none; font-weight: bold; } #footer .cbs-dsp-links p { width: 100%; padding: 5px 0; } #footer .cbs-dsp-links img { width: 100%; } #footer .cbs-dsp-tothetop { margin: 0 30px 30px; text-align: right; } /* middle */ @media (min-width: 601px) { #cbsDspNavbar { height: 96px; } .cbs-dsp-logo { background-image: url("../images/logo64.png"); width: 64px; height: 64px; } .cbs-dsp-navbar-links { width: calc(100% - 96px); } .cbs-dsp-navbar-links .w3-button { padding: 12px; } .cbs-dsp-navbar-links .w3-dropdown-content { z-index: 2; top: 50px; } .cbs-dsp-navbar-links .cbs-dsp-navbar-item { max-width: 20%; font-size: 0.8rem; } .cbs-dsp-section { padding: 96px 64px 64px !important; } .cbs-dsp-section > div { margin-top: 64px; } #observation .w3-card { padding: 32px 16px; height: 340px; } } @media (min-width: 736px) { .cbs-dsp-navbar-links { padding: 5px 0; } .cbs-dsp-navbar-links .w3-button { padding: 16px; } .cbs-dsp-navbar-links .cbs-dsp-navbar-item { max-width: 20%; font-size: 1rem; } .cbs-dsp-navbar-links .w3-dropdown-content { top: 64px; } #observation .w3-card h2 { font-size: 24px !important; } #observation .w3-card p { font-size: 18px; } #footer .cbs-dsp-links p { font-size: 18px; } }