.wy-side-nav-search {
  display: block;
  width: 300px;
  padding: 0.809em;
  margin-bottom: 0.809em;
  z-index: 200;
  background-color: #2980b9;
  text-align: center;
  color: #fcfcfc;
}
.video-wrapper {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin-bottom: 4.0em;
}
.video-wrapper > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.wy-nav-content {
    max-width: 75%;
}
.rst-content code, .rst-content tt, code {
  border-radius: 4px;
  background: #ddd;
  border: 1px solid #ddd;
  font-size: 80%;
  padding: 1 10px;
  color: #444;
}
.admonition {
  border-radius: 6px;
}
.admonition-title {
  border-radius: 6px 6px 0 0;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: none;
/*
  background-color: DodgerBlue;
*/
}

.piclink {
  background-color: #f1f1f1;
  margin: 10px;
  position: relative;
  text-align: center;

}

.piclink-color {
  position: absolute;
  background-color: #222c;
  margin: 0px;
  width: 100%;
  height: 50px;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;

}
/* Centered text */
.piclink-text {
  position: relative;
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #eee;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5rem;
  bottom: 0;
  left: 50%;
  padding-left: 10px;
  padding-right: 10px;
  
  transform: translate(-50%, 60%);
}