.ablakok iframe{

      width: 95%;
      height: 90%;
      border: none;
      display: block;
      position: relative;
      margin: 0.5% auto;
     
    }

    .ablakok{
      position: absolute;
      left: 20%;
      top: 10%; 
    
      z-index: 10;
     
      background:black;
  
      border-color:red;
      border-style:groove;
      bottom: 3px;
      width: 50%; 
      height: 60%; 
     
    }

    .titlebar{
     
      
      background-color: red;
     
      text-align: center;
      width:100%;
      height: 50px;
      margin: 0;
      padding: 0;
    }

    .titlebar span{
    
   
    color:#fbbd40;
    font-size:25px;
   
    }

    .X{
      
      background: red;
    
      color:white;
      font-size: 20px;
      border-bottom: white;
    
      right: 2px;
    }
    .Y{
      
      right: 34px;
    }
    

    .titlebar button{
      position: absolute;
      width: 30px;
      height: 30px;
     
    }

    .ablakok:active, .ablakok:hover
    {
      z-index: 12;
    }
    .ablakok:hover{
        box-shadow: 0 0 10px white, 
        0 0 40px white;
    
    }
    .ablakok:visited, .ablakok:link {
        z-index: 10;
    }

    
    @media only screen and (max-height: 700px) {
      .ablakok iframe{
        height: 85%;
      }
    }

    @media only screen and (max-height: 400px) {
      .ablakok iframe{
        height: 70%;
      }
    }


  @media only screen and (max-height: 250px) {
      .ablakok iframe{
        height: 50%;
      }
    }