@media screen and (min-width: 796px){
  .overlay {
    height: 0vh;
    width: 30vw;
    min-width: 250px;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    
    background-color: rgba(0,0,0, 0.7);
    overflow-x: hidden;
    transition: 0.3s;
    text-align: center;
    text-transform: capitalize;
  }
  }
    @media screen and (max-width: 795px){
      .overlay {
        height: 0vh;
        width: 100vw;
        min-width: 250px;
        position: fixed;
        z-index: 3;
        top: 0;
        right: 0;
        background-color: rgba(0,0,0, 0.9);
        overflow-x: hidden;
        transition: 0.3s;
        
        text-transform: capitalize;
      }
    }
    .overlay-content {
      display: flex;
      flex-direction: column;
      position: relative;
      top: 25%;
      width: 100%;
      text-align: center;
      margin-top: 30px;
      font-size: 30px;
        
    font-family: Montserrat, sans-serif; 
    font-weight:normal;
    text-transform:uppercase;    
    }
    .boxDanych{
      position: relative;
      overflow:hidden;
      margin:0 auto;

      text-align: left;

      width:80%;
     
      font-size:20px;
      padding-top: 10px;
      border-top:1px solid rgb(190, 119, 11);
    }

    .overlay a {
      padding: 8px;
      text-decoration: none;
      color: #818181;
      display: block;
      transition: 0.3s;
    }

    .submenuContainer{

      font-size: 20px;
      width:70%;
      margin:0 auto;
      border-bottom:1px solid white;
      display:none;
    }
    .overlay a.strzalkaRozwin {
      padding:0px;
      margin-top: -20px;
      text-decoration: none;
      font-size: 50px;
      color: #818181;
      display: block;
      transition: 0.3s;
      cursor:pointer;
    }

    .overlay span {
      padding: 8px;
      text-decoration: none;
      font-size: 36px;
      color: #818181;
      display: block;
      transition: 0.3s;
    }

    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }

    .overlay .closebtn {
      background-color: rgba(0,0,0, 1);
      position: absolute;
      top: 5px;
      right: 20px;
      font-size: 60px;
      display: block;
      width:25px;
      height:50px;
      
    }



    @media screen and (max-height: 450px) {
      .overlay a {font-size: 20px}
      .overlay a.submenu-rozwijane {font-size: 15px}
      .overlay .closebtn {
      font-size: 40px;
      top: 15px;
      right: 35px;
      }
    }