/*
 * style.css
 */


body {
    background-color: #f5f2e8;
}

.content-main img {
    width: 70%;
}

.img50 {
    width: 50%
}


/*
 * header / title
 */

#title-block-header  {
    display: flex;
    justify-content: start;
}

#title-block-header #title-image {
    margin: 5px;
    display: inline-block;
    flex-basis: 25%;
}

#title-image img {
    width: 100%;
}

#title-block-header #title-text {
    margin-top: 5px;
    margin-left: 35px;
}


/*
 * navigation
 */
 
.content-wrapper {
  display: flex;
}

.content-navigation {
  flex-shrink: 0; /* Prevent sidebar from shrinking */
  background-color: #e9e6dd;
  color: black;
  padding: 20px;
}

.content-navigation a {
    text-decoration: none;
    color: black;
}

.content-navigation a:hover {
    color: blue;
}

.content-main {
  flex-grow: 1; /* Allow content to take up remaining space */
  padding: 20px;
}

/*
 * mobile / responsive
 */

.hamburger {
    display: none;
}

@media screen and (max-width: 1000px) {
    .hamburger {
        display: block;
    }

    .content-wrapper {
        flex-direction: column;
    }

    .content-navigation.hidden {
        display: none;
    }
}