hr {
    color: black;
    width: 100%;
}

table {
    position: relative;
    width: auto;
    display: block;
    table-layout: fixed;
    padding: 8px;
    height: 10%;
}

th,
td {
    text-align: left;
    padding: 8px;
}

input[type="button"]{
    height:32px;
    width:100px;
}

input[type="number"], input[type="time"]{
    height:1px;
    width:100px;
}

input[type="date"]{
    height:1px;
    width: 110px;
}

#mapDiv {
    border: 2px solid black;
    height: 820px;
    width: 73%;
}

#headerTitle{
    font-size:26px;
    padding-left: 50%;
}

#reqTypesDiv{
    float: right; 
    width: 25%;
}

@media only screen and (max-width: 1900px){
    .selects {
        display: block;
    }
      
    .selects td {
        display: block;
        padding-top: 5px;
    }
}

@media only screen and (max-width: 1000px){
    .selects {
        display: inline;
    }
      
    .selects td {
        display: inline;
        padding-top: 5px;
    }

    #mapDiv { 
        border: 2px solid black;
        height: 820px;
        width: 100%;   
    }

    #reqTypesDiv{
        float: left;
        width: 100%; 
    }
}

@media only screen and (max-width: 950px){
    #headerTitle{
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    table tr {
      display: block;
    }
    
    table td {
      display: block;
      padding-top: 5px;
    }
}

@media only screen and (max-width: 458px) {
    .selects {
        display: block;
    }
      
    .selects td {
        display: block;
        padding-top: 5px;
    }
}