#layout {
  padding: 0; }

.sidebar {
  background: #3d4f5d;
  color: #eee; }
  .sidebar .title {
    text-transform: uppercase;
    font-size: 6vw;
    font-weight: bold;
    text-align: center; }
  .sidebar .logo {
    padding: 10%; }

.content {
  padding: 1rem; }
  .content .errbox {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 80%;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem; }
  .content .infobox {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    width: 80%;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem; }
  .content a {
    text-decoration: none;
    color: black; }
  .content .kurs div {
    margin: 0 auto;
    border: 1px solid blue;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem; }
  .content .kurs.full div {
    background: lightpink; }

body {
  height: 100vh; }

@media (min-width: 720px) {
  .sidebar {
    height: 100vh; }
    .sidebar .title {
      font-size: 2.5vw; } }