@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,700&subset=latin-ext);
body,
html{height:100%}
body{min-height:100%;
    font-family:Roboto Mono,monospace;
    background-color:#111;
    color:#585858;
    padding:0;
    margin:0;
    animation-name:color;
    animation-duration:1.5s;
    animation-timing-function:linear}
    
*{box-sizing:border-box}

.flashit{-webkit-animation:flash linear 1s infinite;
    animation:flash linear 1s infinite}
    
@-webkit-keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}
@keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}
@-webkit-keyframes neon{0%{text-shadow:0 0 20px #1F649D}50%{text-shadow:0 0 20px rgba(50,253,206,.1)}to{text-shadow:0 0 20px #1F649D}}
@keyframes neon{0%{text-shadow:0 0 20px #1F649D}50%{text-shadow:0 0 20px rgba(50,253,206,.1)}to{text-shadow:0 0 20px #1F649D}}
@-webkit-keyframes color{0%{color:#000}to{color:#585858}}
@keyframes color{0%{color:#000}to{color:#585858}}
@-webkit-keyframes color-blue{0%{color:#585858}to{color:#1F649D}}
@keyframes color-blue{0%{color:#585858}to{color:#1F649D}}
@-webkit-keyframes color-blue-active{0%{color:#000}50%{color:#585858}to{color:#1F649D}}
@keyframes color-blue-active{0%{color:#000}50%{color:#585858}to{color:#1F649D}}
@-webkit-keyframes background-color{0%{color:#000;background-color:#000}to{background-color:#2d2d2d;color:#585858}}
@keyframes background-color{0%{color:#000;background-color:#000}to{background-color:#2d2d2d;color:#585858}}
@-webkit-keyframes background-color-blue{0%{background-color:#000}50%{background-color:#585858}to{background-color:#1F649D}}
@keyframes background-color-blue{0%{background-color:#000}50%{background-color:#585858}to{background-color:#1F649D}}
@-webkit-keyframes color-border{0%{border-color:#000}to{border-color:#2d2d2d}}
@keyframes color-border{0%{border-color:#000}to{border-color:#2d2d2d}}
@keyframes fade{0%{opacity:1}25%{opacity:1}75%{opacity:0}to{opacity:0}}
@keyframes fade-op{0%{opacity:0}25%{opacity:0}75%{opacity:1}to{opacity:1}}
@keyframes fade-op-adv{0%{opacity:0}to{opacity:1}}

.navbar{height:88px;
    padding:29px 15px;
    margin:0 auto;
    position:relative;
    z-index:3}

@media screen and (min-width:768px)
{.navbar{padding:29px 40px}}
@media screen and (min-width:1364px)
{.navbar{padding:29px 80px}}

.navbar .navbar-brand{float:left}

.navbar .navbar-brand a{position:relative}

.navbar .navbar-brand a img{position:absolute}

.navbar .navbar-brand a .top{animation-name:fade;
    animation-timing-function:ease-in-out;
    animation-duration:2.25s;
    animation-direction:alternate;
    animation-fill-mode:forwards}
    
.navbar .navbar-brand a .bottom{animation-name:fade-op;
    animation-timing-function:ease-in-out;
    animation-duration:2.25s;
    animation-direction:alternate;
    animation-fill-mode:forwards}
    
.navbar .navbar-collapse{display:none}

@media screen and (min-width:950px)
{.navbar .navbar-collapse{float:right;padding-top:5px;display:block}}
    
.navbar .navbar-collapse .navbar-item{font-size:16px;
    text-decoration:none;
    display:inline-block;
    margin-right:30px}
    
.navbar .navbar-collapse .navbar-item,.navbar .navbar-collapse .navbar-item span{color:#585858;
    animation-name:color;
    animation-duration:1.5s;
    animation-timing-function:linear}
    
.navbar .navbar-collapse .navbar-item span{transition:color .4s}

.navbar .navbar-collapse .navbar-item:hover span{color:#1F649D}

.navbar .navbar-collapse .navbar-item.active span{animation-name:color-blue-active;
    animation-duration:3s;
    animation-timing-function:linear;
    animation-fill-mode:forwards}
    
.navbar .navbar-collapse .navbar-item:last-child{margin-right:0}

@media screen and (min-width:768px)
{.navbar .navbar-collapse .navbar-item{margin-right:60px}}
@media screen and (min-width:1364px)
{.navbar .navbar-collapse .navbar-item{margin-right:130px}}

.navbar .navbar-collapse.navbar-collapse-open{position:absolute;
    display:none;
    width:100%;
    padding:0 23px;
    top:88px;
    z-index:2;
    left:0;
    background-color:#2d2d2d}
    
.navbar .navbar-collapse.navbar-collapse-open .navbar-item{display:block;
    padding:5px 0}
    
.navbar .navbar-collapse.navbar-collapse-open .navbar-item:first-child{padding-top:10px}

.navbar .navbar-collapse.navbar-collapse-open .navbar-item:last-child{padding-bottom:10px}

.navbar:after{display:block;
    content:" ";
    clear:both}
    
.navbar .navbar-toggler{background-color:transparent;
    border:2px solid #2d2d2d;
    color: #585858;
    float:right;
    width:40px;
    height:28px;
    font-size:1.25rem;
    line-height:1;
    transition:border-color .4s;}
    
.navbar .navbar-toggler .navbar-toggler-icon{display:inline-block;
    width:1rem;
    height:1rem;
    vertical-align:middle;
    content:"";}
    
@media screen and (min-width:950px)
{.navbar .navbar-toggler{display:none}}

.navbar .navbar-toggler:focus{outline:none}

.navbar .navbar-toggler.active{border-color:#1F649D}

.container-orders{min-height:calc(100% - 88px);
    margin:0 auto;
    background:url(https://van-nimwegen.eu/IMG/bg-prod.png) top}
    
.container-orders,.container-orders .content{display:-webkit-flex;
    -webkit-align-items:center;
    display:flex;
    align-items:center;
    justify-content:center}
    
.container-orders .content{-webkit-flex:1;
    flex:1;
    max-width:600px;
    height:320px;
    border:15px solid #2d2d2d;
    background-color:#111;
    margin:0 15px;
    animation-name:color-border;
    animation-duration:2s;
    animation-timing-function:linear}
    
@media screen and (min-width:360px)
{.container-orders .content{height:400px}}

.container-orders .content p{font-size:11px;
    text-align:center;
    margin:0 auto 40px;
    font-weight:700;
    padding:0 10px}
    
.container-orders .content p.end-event{font-size:15px;
    color:#f70051}