@media only screen and (max-width: 546px) {

    *{
        margin: 0;
        padding: 0;
        font-family: 'Mulish', sans-serif;
    }
    .heading{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    
        font-size: 20px;
        padding: 20px;
    }

    input[type="text"]{
        border: 0px;
        background-color: rgb(255, 255, 224);
        padding-left: 10px;
        border-radius: 10px;
        word-wrap: normal;
        color: #333;
    }
    ::selection{
        background-color: red;
    }
    input[type="text"]:hover{
        border: 0px;
        transition: ease-in-out 0.3s;
        transform: scale(1);
        background-color: rgb(255, 255, 224);
        padding-left: 10px;
        box-shadow: 0px 0px 10px 2px gray;
        word-wrap: normal;
        color: #333;
    }
    
    input[name="submit_button"]{
        
        background-color: rgba(43, 2, 107, 0.609);
        padding: 10px;
        border-radius: 10px;
        color: #fff;
        border: 0px;
        box-shadow: 0px 1px 3px 1px #222;
        word-wrap: normal;
        
    }
    div.tracking_system{
        display: grid;
        
        grid-template-columns: 1fr 1fr;
    
    }
    
     div#ocpd-header{
    padding: 5px;
    
        display: grid;
      
        font-size: 33px;
    box-shadow: 0px 1px 5px 2px grey;
    color: rgb(61, 61, 61);
        
        
        transition: ease-in 1s;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    
        font-size: 30px;
       grid-column: 1/-1;
       margin-left: 2px;
     margin-right: 2px;
    }
    #div_track{
        display: grid;
        padding: 10px;
     
        font-size: 22px;
        background-color: rgba(255, 255, 246, 0.801);   
        font-family: 'Baloo Da 2', cursive;
        text-align: center;
     
    }
  }

*{
    margin: 0;
    padding: 0;
    font-family: 'Mulish', sans-serif;
}
.heading{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;
    padding: 20px;
}
input[type="text"]{
    border: 0px;
    background-color: rgb(255, 255, 224);
    padding-left: 10px;
    border-radius: 10px;
    word-wrap: normal;
    color: #333;
}
::selection{
    background-color: rgb(56, 182, 255);
    box-shadow: 0px 0px 10px 2px black;
}
input[type="text"]:hover{
    border: 0px;
    transition: ease-in-out 0.3s;
    transform: scale(1);
    background-color: rgb(255, 255, 224);
    padding-left: 10px;
    box-shadow: 0px 0px 10px 2px gray;
    word-wrap: normal;
    color: #333;
}

input[name="submit_button"]{
    
    background-color: rgba(43, 2, 107, 0.609);
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    border: 0px;
    box-shadow: 0px 1px 3px 1px #222;
    word-wrap: normal;
    
}
.tracking_system{
    display: grid;
    
    grid-template-columns: 1fr 1fr 1fr 1fr;

}

 div#ocpd-header{
padding: 5px;

    display: grid;
  
    font-size: 33px;
box-shadow: 0px 1px 5px 2px grey;
color: rgb(61, 61, 61);
    
    
    transition: ease-in 1s;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

    font-size: 30px;
   grid-column: 1/-1;
   margin-left: 2px;
 margin-right: 2px;
}

#div_track{
    display: grid;
    padding: 10px;
    font-size: 22px;
    background-color: rgba(255, 255, 246, 0.801);   
    font-family: 'Baloo Da 2', cursive;
    text-align: center;
 
}
.aboutus{
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
    
    background-color: #333;
     text-align: center;
    margin: 39px;
 
}
.aboutus-1{
    /* background-color: rgba(39, 122, 255, 0.335); */
    background-color: #333333;
    box-shadow: 0 0 12px 1px black;
    color: #fff;
    padding: 29px;
    border-radius: 29px;
}