*{
    max-width: 100%;
    outline: none;
    box-sizing: border-box;
    font-family:sans-serif;
    }
    
    body{
        margin:0;
    }
    
    header{
        display: inline-block;
        background: white;
        padding:20px;
    }
    header{
        display:flex;
        align-items:center;
        
    }

    header .mo{
        display: none;
    }

header .left img{

    width: 180px;
    margin: 7px;
    
}

header label{
    color: #0033a0;
    
}

header .right label{
    margin:20px;

}

    header .left{
        display:flex;
        align-items:center;
        width:30%;
    }

    header .right{
        display:flex;
        align-items:center;
        width:70%;
        
    }
header button{
     width:60%;
    padding:10px;
    font-size:0.7em;
    background:#e4002b;
    color:white;
    border:none;
   
}
    
header .end{
    display:flex;
    align-items:center;
    width:20%;
    justify-items: end;

}
    main{
     text-align: center;

    }

    .continer{

        display: inline-block;
        margin-top:60px;
        width:600px;
       
    }

    .contener1{

        display: inline-block;
        margin-top:60px;
        width:340px;
       
    }

.table{
    text-align: center;
   display:inline-block;
    
}


.textt label{
    font-size:0.9em;
   
}


   .table td, th {
        border: 1px solid #dddddd;
        padding: 8px;
      }
      
      .table tr:nth-child(even) {
        background-color: #0033a0;
        color: white;
      }
   
.col button{

    width:30%;
    padding:10px;
    background:#e4002b;
    color:white;
    border:none;
    margin-top:10px;
}

.col1 button{

    width:100%;
    padding:10px;
    background:#e4002b;
    color:white;
    border:none;
    margin-top:10px;
}

.dates{
    margin:20px 0;
    text-align:center;

}

.date{
    display:inline-block;
    background:#ffc72c;
    padding:10px;
    font-weight:bold;
   
    
}


.fotr{

    background: #0033a0;
    text-align: center;
    color:white;
    padding:40px;
    margin-top: 60px;
}





.text a{
    text-decoration: none;
     color:#d2cbcb;
     margin: 26px;
     font-weight:bold;
}

.col1 input{
    width: 100%;
    padding: 14px;
}

@media screen and (max-width: 904px) {
  
header .right label{
   
    display:none;
    
}
    header .mo {
        display:block;
          display:flex;
        align-items:center;
        width:50%;
       
        
    } 
.mo label{
     margin:10px;
}
    
   .text a{
    text-decoration: none;
     color:#d2cbcb;
     margin: 12px;
       font-size:0.6em;
     font-weight:bold;
}
    .fotr{

    background: #0033a0;
    text-align: center;
    color:white;
    padding:40px;
    margin-top: 310px;
}
 
 }