:root {
  --my-brown: brown;
  --my-red: red;
}

footer {
  position: fixed;
  bottom: 0;
}

/*flebox itn*/
.flexbox {
  display: flex;
  max-width: auto;
  margin: auto;
}

.menu,
.panel {
  flex: 1;
}

.obsah {
  flex: 3;
}

body {
  background-image: url(obrazky/white-21.jpg);
  background-size: 100%;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 25px;
  /* obrázek na pozadí */
  /*background-attachment: fixed;*/
  /* pozadí neroluje */
  /*background-color: black;  /* případná barva pozadí černá */
  /*color: white; } /* bílý text */
}

@media screen and (max-width: 600px) {
  body {
    width: calc(100% - 16px);
  }
}
/* <style> */
a.tlacitko {
  /*border-bottom : 1px solid #D1D1D1;*/
  background-color: transparent;
  font-size: 10pt;
  font-family: Arial, Helvetica, sans-serif;
  width: 160px;
  /* padding: 0px 5px 0px 5px; */
  color: #666666;
  /* margin: 0px 10px 0px 10px; */
  /* display: block; */
}

a.tlacitko:link {
  text-decoration: none;
  color: var(--my-brown);
}

a.tlacitko:visited {
  text-decoration: none;
  color: var(--my-red);
}

a.tlacitko:hover {
  text-decoration: none;
  /*border-bottom : 1px solid orange;*/
  color: var(--my-brown);
}
/* </style> */
.dot {
  list-style-type: none;
}

/* .menu {
}

.obsah {
} */

@media screen and (max-width: 600px) {
  .flexbox {
    width: calc(100% - 16px);
    flex-direction: column;
  }
  .menu {
    order: -1;
  }
  .obsah {
    flex-direction: column;
    order: 1;
  }
}

/* web s projekty */
.flexbox-project {
  flex-direction: column;
}
.h1pr {
  text-align: center;
}

@media screen and (max-width: 600px) {
  .flexbox-projekt {
    width: calc(100% - 16px);
    flex-direction: column;
    display: flex;
  }
  .h1pr {
    text-align: center;
  }
  /* .dot.pr {
    text-align: center;
    color: red;
  } */
  .content-pr {
    /* display: flex; */
    text-align: center;
    padding: auto;
  }
  .project {
    /* display: flex; */
    text-align: center;
    padding: auto;
  }
}