html, body {
margin: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
font-family: 'Open Sans', sans-serif;
min-height: 100vh;
}
body {
font-size: 16px;
line-height: 2rem;
}
.nav-inner, main, .footer-inner {
width: 70%;
max-width: 1080px;
margin: auto;
}
nav {
border-bottom: 1px solid #ddd;
background: rgba(0,0,0,0.04);
}
main {
flex-grow: 1;
}
footer {
background: #000;
color: #fff;
padding: 32px 0 8px 0;
}
.footer-inner {
display: flex;
flex-direction: row;
align-items: top;
}
.footer-inner > * {
flex-grow: 1;
}
.footer-other {
text-align: right;
}
.siema-slider {
height: 500px;
}
.slide-item {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-color: #000;
height: 500px;
color: #fff;
position: relative;
}
.slide-info {
padding: 8px 0;
margin: 0;
background: rgba(0,0,0,0.3);
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}
.slide-item a {
position: absolute;
top: 8px;
left: 8px;
margin: 0;
padding: 0;
line-height: 1;
}
:fullscreen .siema-slider {
height: 100vh;
}
:fullscreen .slide-item {
height: 100vh;
}
a[href] {
color: inherit;
text-decoration: underline;
}
video {
max-height: 600px;
margin: auto;
display: block;
}