@font-face {
          font-family: 'myfont';
          src: url('../fonts/HacenTunisia.ttf');
          font-weight: normal;
          font-style: normal;
          
        }
              main {
                padding-top: 4vw;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 4vw;
                            }

                            


                .container{
                  width: 90%;
                  background-color: white;
                  padding: 1vw;
                  box-shadow: 0 0 0.7vw rgba(0,0,0,0.5);
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                }

                .container div{
                 width: 100%;
                }

                .container div .title{
                    width: 100%;
                    color: #204289;  
                font-family:'myfont';
                  font-size: 2.1vw;
                  font-weight: bold;
                  padding: 2vw;
                    text-align: center;
                }
                    

                table {
                  width: 95%;
          

                }
                
                      
                th, td {
                  padding: 0.3vw;
                  text-align: center;
                  border-bottom: 0.1vw solid #000;
                }

                td{
                  text-align: center;
                  border: 1px  solid #000;
                  font-family: 'myfont';
                  font-size: 1vw;
                  color:#000;
                }
                
                th {
                  border: 1px  solid #000;
                  color: #fff;
                  background-color:  #204289;
                  font-size: 1.2vw;
                  text-align: center;
                }

                .seat{
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  direction: rtl;
                }

        

              
                @media screen and (max-width:768px) {
                  main {
                    padding-top: 6vw;
                    margin-bottom: 6vw;
                                }
    
                  .container div .title{
                    font-size: 4vw;
                    padding: 3vw;
                  }
                      
        
                  table {
                    width: 95%;
                    border-collapse: collapse;
                    margin-bottom: 0w;
        
                  }
                  
                  th, td {
                    padding: 2vw;
                  }
        
                  td{
                    font-size: 3vw;
                  }
                  
                  th {
                    font-size: 3vw;
                  }


                  
            
       
                }
                @media screen and (max-width:480px) {

       
                }