@font-face {
    font-family: AvenirNextCondesed;
    src: url("fonts/AvenirNextCondensed-Regular.otf");
}
html {
    /* vertical bar always visible */
    overflow-y: scroll;
}
body {
    background: url("images/back6.jpg") no-repeat top center;
    font-family: AvenirNextCondesed;
    font-size: 1.375em;
}
#topmenubar {
    min-height: 125px;
    background: url("images/krit2025logo3.png") no-repeat top left; 
}
#picturemenu {
    background: url("images/wetib1.jpg") no-repeat top left;
    height: 278px;
}
#sponsor {
    background: url("images/back6b.jpg") no-repeat top center; 
}
/* picture cropped on the right side */
#bottominfobar {
    width: 100%;
    height: 147px;
    background: url("images/foot6.png") no-repeat top left;
    background-size: cover;
}
/* Vue transition */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.25s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}
.krit1000 {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
/* NavBar */
.nav-tabs .nav-link {
    background-color:#09304F;
    color: white;
    text-decoration: none;
}
.navbar-toggler {
    background-color: #09304F;
}
nav {
    margin-top: 100px;
    margin-bottom: 4px;
}
@media (max-width: 767px) {
    nav {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    nav {
        margin-left: 345px;
    }
}
@media (min-width: 1200px) {
    .krit1000 {
        width: 1000px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 1026px;
    }
}