section {
  width: 100%;
  height: 200px;
  border: none;
  overflow: hidden;
}

:root {
  --myleft-offs: 200px;
  --myleftmore1: 201px;
  --hasleft: 0;
}

#backbut {
  background: var(--bs-gray-600);
  border-radius: 18px;
  padding: 2px 12px;
  color: var(--bs-white);
  /*margin-top: 49px;*/
  margin-left: 2px;
  /*--hasleft: 0;*/
  transition: margin-top 1s;
}

#butmenu {
  background-color: #313437;
}

@media (min-width: 301px) {
  #hamdisp {
    display: flex;
    /*width: 100%;*/
    top: 0;
    left: 5;
    position: absolute;
    margin-top: 9px;
    z-index: 999;
    margin-right: 0px;
    /*right: 11px;*/
  }
}

@media (min-width: 768px) {
  #hamdisp {
    /*display: none;*/
  }
}

@media (min-width: 301px) {
  #leftmenu {
    display: none;
    /*z-index: -20;*/
    width: 0;
    transition: width 1s;
  }
}

@media (min-width: 768px) {
  #leftmenu {
    display: block;
    z-index: 999;
    width: var(--myleft-offs);
    overflow: overlay;
    transition: width 1s;
  }
}

@media (min-width: 301px) {
  .my-left {
    float: left;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .my-left {
    float: left;
    height: 100%;
    border: none;
  }
}

@media (min-width: 301px) {
  .myframe {
    /*left: 0px;*/
    position: absolute;
    z-index: 0;
    transition: left 1s;
  }
}

@media (min-width: 768px) {
  .myframe {
    /*left: var(--myleft-offs);*/
    position: absolute;
    z-index: 0;
    transition: left 1s;
  }
}

@media (min-width: 301px) {
  #myf {
    position: absolute;
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100%;
    border: none;
    transition: left 1s;
  }
}

@media (min-width: 768px) {
  #myf {
    position: absolute;
    top: 0;
    left: var(--myleft-offs);
    width: calc(100% - var(--myleftmore1));
    height: 100%;
    border: none;
    transition: left 1s;
  }
}

.my-menu {
  background-color: var(--bs-gray-dark);
  color: #ffffff;
}

.my-menu a {
  color: white;
  text-decoration: none;
}

.my-menu a:hover {
  background-color: var(--bs-gray-600);
}

.m-control {
  margin: 20px 20px;
}

#bigdiv {
  width: 100%;
}

#myframe {
  width: 100%;
}