/* Copyright (c) 2020 by Julien Lejeune (https://codepen.io/jlnljn/pen/qRxqzR) */

/* banerr { 
    box-sizing: border-box;
    height: 400vh;
} */

/*banerr { background: #121314; } */

.banerr, .banerrli {
    font-family: 'Roboto', Montserrat, Oswald, Anton, sans-serif;
      /* Open Sans; */
      /* font:normal 13px/1.8em century gothic, Helvetica, century gothic; */
      color: #000;
}

.banerr ul {
    position: relative;
    top: 50%;
    max-width: 1000px;
    width: 100%;
    height: 200px; 
    left: 30%;
    margin-left: -330px;
    margin-top: -100px;
    min-height: 80vh;
}
 
.banerrli {
    width: 28%;
    list-style-type: none;
    position: absolute;
    top: 0;
    padding: 20px;
    height: 200px; 
    opacity: 0;
    padding-top: 140px;
    text-align: center;
    transition: 1s opacity; 
}

.active {
    opacity: 1;
}

.banerr p {
    font-family: 'Roboto', Montserrat, Oswald, Anton, sans-serif;
    font-size: 16px;
    color: #646566;
    line-height: 1.5em;
}

.banerr .banerrli strong { 
    color: #000;
    font-weight: 700;
    font-size: 18px; 
    line-height: 80px; 
}

.textAnun {
    max-width: 1000px;
    width: 990px;
    margin:auto;
}

.textAnun p {
    line-height: 1.9em;
}

.textAnun strong {
    width: 95%;
    font-weight: 700;
    font-size: 16px;
}