.BurgerMenuContainer {
  height: 100%;
  display: none;
  float: right; }
  @media only screen and (max-width: 980px) {
    .BurgerMenuContainer {
      display: block; } }
  .BurgerMenuContainer .BurgerMenu {
    margin-top: 70px;
    margin-right: 20px;
    cursor: pointer; }
  .BurgerMenuContainer .bar1, .BurgerMenuContainer .bar2, .BurgerMenuContainer .bar3 {
    width: 35px;
    height: 5px;
    background-color: #262a30;
    margin: 6px 0;
    transition: 0.4s; }

.turnMenuOff.active {
  display: block;
  z-index: 99;
  width: 45%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0; }

.turnMenuOff {
  display: none; }

.menuContainerMobile {
  z-index: 99;
  color: white;
  width: 55%;
  height: 100%;
  background-color: rgba(46, 49, 49, 0.95);
  position: fixed;
  top: 0;
  right: 0;
  margin-right: -55%; }
  .menuContainerMobile h1 {
    margin-top: 15px; }
  .menuContainerMobile a {
    color: white;
    margin-top: 50px;
    font-size: 1.3em;
    display: block;
    text-decoration: none; }
  .menuContainerMobile a:hover {
    text-decoration: underline; }
  .menuContainerMobile li {
    text-decoration: none;
    list-style-type: none; }

.menuContainerMobile.active {
  margin-right: 0%; }
  @media only screen and (min-width: 980px) {
    .menuContainerMobile.active {
      display: none; } }