@import url("style-responsive.css");
body {
font-family: 'Avenir Next', Avenir, Helvetica, Arial, sans-serif;
color: #393a3e;
background-image:url(../oek-pict/bckgrd-test01.jpg);
position: fixed center center;
background-size:cover;
}

.oek-bckgrd {
color: #fc0;
}
.oek-bckgrd  a {
color: #fff;
}

#topimg{
    position:absolute;
    top:0;
    text-align: center;
    z-index: 1000000;
}

.oek-bckgrd  a:hover,
.oek-bckgrd  a:focus,
.tabsnav  .btn--menu:hover {
color: #fc0;
}

.oek-bckgrd  .view {
margin: 0;
padding: 5vw 5vw calc(10vw + 1em);
}

.oek-bckgrd  .content {
padding: 0;
}

.oek-bckgrd  .codrops-header {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: calc(100% + 3.25em);
text-align: left;
}

.oek-bckgrd  .codrops-header__title {
font-family: 'Poppins', sans-serif;
font-size: 7em;
line-height: 0.6;
margin: auto 0 0 -40px;
padding: 0.2em 0 0 0;
}

.oek-bckgrd  .codrops-header__tagline {
font-size: 1.5em;
margin: 0.25em 0 0 -0.3em;
}

.tabsnav  .btn--menu {
font-size: 1em;
top: auto;
bottom: 0;
left: 50%;
display: block;
margin: 0 -0.75em 1em;
color: #fbf9fa;
}

.oek-bckgrd  .content {/*
background: url(../img/img4.jpg) no-repeat 50% 20%;
background-size: cover;
*/}

.oek-bckgrd  .codrops-links {
align-self: flex-end;
margin: 1.5em 1.5em auto;
}

.oek-bckgrd  .demos {
margin: 1em 0 0;
}

.oek-bckgrd  .demo:first-child {
margin: 0;
}

.oek-bckgrd  .demo.demo--current {
color: #2a3137;
}

.oek-bckgrd  .demo--current::before {
background: #fc0;
}

.oek-bckgrd  .btn--back {
color: #6c7d8c;
top: 0.5em;
right: 0.5em;
}

.oek-bckgrd  .btn--back .icon {
transform: rotate(-90deg);
}

.oek-bckgrd  .codrops-header__deco {
font-size: 2.25em;
position: absolute;
right: -0.575em;
bottom: 2em;
color: #fc0;
}

.oek-bckgrd  .codrops-header::after {
content: '03';
font-size: 5em;
font-weight: bold;
position: absolute;
top: 0;
left: -40px;
color: #fff;
}


.oek-sign-top{
position:absolute;
float:right;
width:100px;
height:auto;
right:10px;
top:15px;
z-index:2000;
}


.bio-text{
display: block;
margin: 0 auto;
width:600px;
max-width:600px;
height:600px;
max-height:600px;
float: none;
padding:50px;
}



.about-content-oek{
text-align:center;
}