html {
  font-size: 0.7em;
}

@media (min-width: 768px) {
  html {
    font-size: 0.7em;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
h1
{
    margin-bottom:20px;
}
.nav-item{
    font-size:18px;
    margin-right:20px;
    
}

.navbar-brand {
    font-size: 22px;
    margin-right:55px;
}
.nav-link{
    color:darkblue!important;
}

@media (max-width: 768px) {
    .k-taskboard-column {
        width: 99%;
    }
    .k-taskboard-edit-pane {
        width: 99%;
    }

    .k-taskboard-card{
        margin-bottom:30px;
    }
}