body {font-family: "Open Sans"; font-size:100%; max-width:800px; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
p {font-size:1.1em;}
#search-explanation {margin:0 0 10px 0; padding:0; }
h1, h2, h3 {text-transform: uppercase;}

/* Teal: #0084AC; Purple: #743182; White: #FFFFFF; */
h1 {color: #730027; font-weight: 100;}
h2 {color: #730027; font-size: 1.8em; margin: 1em 0 .5em 0; font-weight: 100;}
h3 {color: #730027; font-weight: bold;}

a:link {font-weight:bold;}
a:hover, a:focus {color: #730027; text-decoration: none;}
a:active {color: #730027;}

#input-container {max-width:500px;}
label {position: absolute;left:-99999px;}
#keywords {color: #000000; width:70%; font-size:1em; padding: .4em 1em;}
#links  {padding-left:1em;}
#links li {list-style-type: none;}
#links a {display: inline-block; padding: 12px 12px 8px 12px; margin: 10px 2%; background: #730027; font-size: 1.4em; border-radius: 4px; text-transform: none;  font-weight: bold; text-decoration: none; color: #FFFFFF; text-decoration:none;}
#links a:link {color: #FFFFFF;}
#links a:hover, #links a:focus {color: #303030; background: #FAAF00; text-decoration: none;}
#links a:active, #links a:active {color: #FFFFFF;}


.two-col {width:100%; position:relative; display:inline-block;}
.col1 {float:left;}
.col2 {float:right;}
.col1, .col2 {width:48%;}



.ui-autocomplete {padding-left:1em;}
input {color:#730027; font-size: 1.1em; border: 1px solid #ccc; border-radius: 3px; }


@media screen and (max-width:320px)
{
    h1,h2 {position:absolute; left: -99999px; }
    body {font-size:74%;}
    .col2 {margin-top:10px;}
    img {height:40%; width:40%}
    #links a {padding:6px; margin-top:0; margin-bottom: 2px;}    
}