html {
    height: 100%;
}

/* Font & Text */
body {
    font-family: 'Lato', sans-serif;
}

nav a.nav-link {
    text-transform: uppercase;
}

.content {
    font-size: .8rem;
}

/* Kleuren */
.text-logogroen {
    color: #7eccbf
}
.footer,
.text-logoblauw {
    color: #152282;
}

.text-grijs {
    color: rgb(73, 73, 73);
}
    

/* foto's en plaatjes*/

.img-cover {
    object-fit: cover;  
    max-height: 50vh;
    width: 100%;    
}

.logo {
    max-width: 128px;    
}


.timestamp {
    font-size: .7rem;
    color:rgb(165, 165, 165);
    text-decoration: underline;
}

nav.navbar .navbar-nav a.nav-link.active,
nav.navbar .navbar-nav a.nav-link:hover {
    background-color: #7eccbf;
    border-radius: 5px;
    color: #fff;
}

.footer {
    background-color: #7eccbf;
    font-size: .8rem;
}

.list-group-item {
    padding: .5rem .5rem;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}




/******************/
/* MEDIUM SCREENS */
/******************/
@media screen and (min-width: 768px) {
    .content {
        font-size: 1rem;
    }    
}


/*****************/
/* LARGE SCREENS */
/*****************/
@media screen and (min-width: 992px) {

}

/***********************/
/* EXTRA LARGE SCREENS */
/***********************/
@media screen and (min-width: 1200px) {

}