@media (min-width:576px) {
  #defn-search {
    display:         flex;
    justify-content: space-between;
  }

  #search-div {
    width:     calc(100% - 245px);
    min-width: 245px;
    max-width: 370px;
  }
}

#defn-search > * {
    text-align:    center;
    margin-bottom: 1em;
}

#search {
    width: 100%;
}  

/* comment this out to fix the placeholder opacity in Firefox
::-moz-placeholder { opacity: 1; }*/
::-webkit-input-placeholder,
:-moz-placeholder,       /* Firefox 18- */
::-moz-placeholder,      /* Firefox 19+ */
:-ms-input-placeholder,  /* IE 10+ */
::-ms-input-placeholder, /* Edge */
:placeholder-shown       /* Standard (last) */
{ color: #8d9297; font-style: italic; }

#definitions-div dl {
    display:   flex;
    flex-wrap: wrap;
    margin:    0;
}
#definitions-div dl dt {
    width:  100px;
    margin: 0 0 0.75em auto;
}
#definitions-div dl dt a {
    display:         block;
    font-weight:     bold;
    text-decoration: none;
}

dd {
    width:  calc(100% - 100px);
    margin: 0 0 0.75em auto;
}

ul.tabs { margin-bottom: 0 !important; }

.section {
    border:           solid 1px #dcdee0;
    background-color: #c6cace;
    padding:          15px;
    box-shadow:
        0.7px  0.7px  0.7px rgba(0, 0, 0, 0.028),
        1.7px  1.7px  1.7px rgba(0, 0, 0, 0.040),
        3.1px  3.1px  3.1px rgba(0, 0, 0, 0.050),
        5.6px  5.6px  5.6px rgba(0, 0, 0, 0.060),
        10.4px 10.4px 10.4px rgba(0, 0, 0, 0.072),
        25.0px 25.0px 25.0px rgba(0, 0, 0, 0.100);
}

.section h2 { padding-bottom: 0.25em; margin-bottom: 0.25em; }

.subsection {
    padding: 15px;
    border:  solid 1px #dcdee0;
    box-shadow:
        0.3px  0.3px  0.3px rgba(0, 0, 0, 0.100),
        0.7px  0.7px  0.7px rgba(0, 0, 0, 0.072),
        1.3px  1.3px  1.3px rgba(0, 0, 0, 0.060),
        2.2px  2.2px  2.2px rgba(0, 0, 0, 0.050),
        4.2px  4.2px  4.2px rgba(0, 0, 0, 0.040),
        10.0px 10.0px 10.0px rgba(0, 0, 0, 0.028);
}

ul.resources li {
    margin-bottom: 1em;
}

#searchReturn { background-color: #EEEEEE; }
#element      { background-color: #E8F6FA; }
#spatial-rez  { background-color: #E8F9EC; }
#output-type  { background-color: #FFFBEE; }
#special-data { background-color: #FFF4E9; }
#oconus       { background-color: #F6E8FA; }
#data-mgt     { background-color: #F9ECEC; }
#references   { background-color: #F6ECD1; }

#element .subsection      { background-color: #D1ECF6; }
#spatial-rez .subsection  { background-color: #D1F3DA; }
#output-type .subsection  { background-color: #FFF7DE; }
#special-data .subsection { background-color: #FFE8D2; }
#oconus .subsection       { background-color: #ECD1F6; }
#data-mgt .subsection     { background-color: #F3DAD9; }
#references .subsection   { background-color: #ECDAA2; }