@media only screen and (max-width: 1000px) {
   #container { background: #021032; padding: 0; }
   #header, nav#main, #wrapper, #main, #id, #rapid_response_focus { width: 100%; height: auto; border: none; }
   #header {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fafe+30,5c61b5+66,5c61b5+66,5355aa+67,5355aa+67,2f3490+100 */
      background: #f9fafe; /* Old browsers */
      background: -moz-linear-gradient(-45deg,  #f9fafe 30%, #5c61b5 66%, #5c61b5 66%, #5355aa 67%, #5355aa 67%, #2f3490 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg,  #f9fafe 30%,#5c61b5 66%,#5c61b5 66%,#5355aa 67%,#5355aa 67%,#2f3490 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg,  #f9fafe 30%,#5c61b5 66%,#5c61b5 66%,#5355aa 67%,#5355aa 67%,#2f3490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafe', endColorstr='#2f3490',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
   #quote { display: block; position: absolute; top: 35px; right: 1em;}
   #quote h2 span.break { display: block; }
   #logo a { 
      background-size: 150px auto;
      background-position: 10px;
      width: 100%; }
   nav#main ul { height: auto; width: 100%; }
   nav#main li { float: none; display: inline-block; height: auto; }
   nav#main li a { padding: 10px 12px; height: auto; font-size: 13px; }
   nav#main ul ul { top: 40px; }
   #package, #top_three { float: none; }
   #package, #flashpackage { background: #f3f5f8; width: 100%; height: auto; margin: 0; }
   #flashpackage a img { width: 100%;  height: auto; }
   #rapid_response_focus .map { display: none; float: none; width: 100%; }
   .boxborder { margin: 0; border: none; }
   .map .box { margin: 0 !important; }
   #index .title {  }
   .map .box iframe { height: 350px !important; margin-right: 0 !important; width: 100% !important; }
   .political { background: #edeff4; }
   #index #primary, #wide_right #primary {
    width: 100%;
    min-height: initial;
    padding: 0;
    margin: 0;
    float: none; }
    .primary_index_wide_nobg, #rr_news #tabs, #rr_news .panel { width: 100%; }
   #rr_news { margin: 0; }
   #index #secondary, #wide_right #secondary, .secondary_index_wide {  }
   .secondary_index_wide { background: #b3c9e4; }
   #index .political #secondary { }
   #tabs { padding: 15px; margin: 5px; }
   #index #secondary { padding: 15px; margin: 0 5px 5px 5px; width: calc(100% - 50px); }
   .col1 { width: auto; margin-right: 30px;}
   .col2 { max-width: 450px; }
   
   #news #wrapper, #page #wrapper, #list #wrapper { background: #e7eaf1; min-height: 0; }
   #page #wrapper .top, #list #wrapper .top { min-height: 0; }
   #list #wrapper .top, #news #wrapper .bottom, #page #wrapper .bottom, #list #wrapper .bottom { background: none; min-height: 0;}
   #primary { width: 90%; padding: 5%; }
   #secondary { width: 100%; background: #d1d8e2; padding: 0; }
   .interior { width: 90%; padding: 2.5%; margin: 2.5%; background: white; }
    
    
   footer { color: white; font-size: 100%; margin: auto; width: 100%; text-align: center; }
   footer span.links { display: block; margin: 1em 0; }
}

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

@media only screen and (max-width: 760px) {
   .col1, .col2 { width: 100%; margin: 0 0 2em 0; display: block; max-width: initial; }
}

@media only screen and (max-width: 720px) { 
   nav#main { position: absolute; top: 3em; right: 1em; border: none;}
   nav ul#menu li { display: none; }
   nav ul#menu li#top-menu { display: block !important; }
   nav ul#menu li#top-menu #top-dropdown li { display: block !important; }
   nav ul#menu li#top-menu  > a { color: #19296b !important;  }
   nav ul#menu li#top-menu  > a:hover { color: white !important;  }
   #quote { top: 35px; right: 90px; font-size: 90%; }
   #tabs .title.cf { font-size: 100%; }
   #tabs .title ul li a { padding: 15px 0; }
}

@media only screen and (max-width: 640px) { 
   fieldset label { float: none; width: 100%; }
   fieldset input { float: none !important; width: calc(100% - 20px) !important; font-size: 18px !important; padding: 10px; }
   .checkbox_check {  width: 20px !important; }
   
   #primary img, #primary embed, #primary iframe { width: 100% !important; }
}

@media only screen and (max-width: 560px) { 
   #header {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fafe+30,5c61b5+66,5c61b5+66,5355aa+67,5355aa+67,2f3490+100 */
      background: #f9fafe; /* Old browsers */
      background: -moz-linear-gradient(-75deg,  #f9fafe 30%, #5c61b5 66%, #5c61b5 66%, #5355aa 67%, #5355aa 67%, #2f3490 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(-75deg,  #f9fafe 30%,#5c61b5 66%,#5c61b5 66%,#5355aa 67%,#5355aa 67%,#2f3490 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(165deg,  #f9fafe 30%,#5c61b5 66%,#5c61b5 66%,#5355aa 67%,#5355aa 67%,#2f3490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafe', endColorstr='#2f3490',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
   #logo a { background-position: center; }
   #tabs .title.cf { font-size: 90%; }
   #quote { top: initial; right: initial; position: relative; text-align: center; padding: 0 0 .5em 0; }
   #quote h2 { font-size: 120%; margin-bottom: .2em; }
   #quote h2 span.break { display: inline-block; }
}

@media only screen and (max-width: 480px) { 
   #tabs .title.cf { font-size: 80%; }
   #quote { font-size: 90%; }
}