/* style adjustments to improve layout on small screens */

#search,
#breadcrumbs,
#share,
.feature.stay-informed,
.facebook-embed,
.feature.twitter-embed,
[data-twttr-id],
[id|="twitter-widget"],
#f_contact img,
.feature-block .feature-image,
iframe[src*="//www.youtube.com/"] {
  display: none;
}
body,
#wrap,
#headerwrap,
#topicswrap,
#topics,
#bodywrap,
#footerwrap,
#column1-3,
#column1,
#column2,
#column3,
#column4,
#body_1column,
#body_2column,
#body_3column,
#rsidebar,
#f_contact,
#f_subnav,
#f_sub_wrap,
#f_socialmedia1,
#f_socialmedia2,
#column2-3,
#column1-3,
#column1-3 .column1-box #column2-3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
body {
  background: #eeeeee;
  min-width: inherit;
}
img {
  max-width: 300px;
  height: auto;
}
#headerwrap {
  height: 60px !important;
  background-color: #4c721d !important;
  background-image: none !important;
}
#logo {
  position: static;
  top: initial;
  left: initial;
  padding: 10px 0 0 0;
  margin: 0 auto;
}
#navigation {
  right: initial;
  left: initial;
  top: 36px;
  width: 100%;
  background: #fff;
  font-size: 1em;
}
#topicswrap {
  height: auto;
  background: none;
}
#topics {
  margin: 5px 0;
}
#topics .sf-menu li {
  font-size: .9em;
}
#topic-menu > li > a {
  background: #444;
  border-radius: 5px;
  margin: 3px;
  padding: 0.3em 0.75em;
}
#navigation .sf-menu {
  margin-bottom: 0;
}
#bodywrap > div {
	margin-top: 15px;
}
#intro {
  margin: 0 0 20px 0;
}
.h2intro {
  padding-top:1em;
}
#lsidebar {
  width: 100%;
  margin: 5px 0 15px 0;
}
#lsidebar h3 {
  text-align: center;
  font-size: .9em;
}
#lsidebar li {
  line-height: 2em;
  font-size: .9em;
}
#column1-3,
#column2-3,
#column1,
#column2,
#column3,
#column4,
#body_1column,
#body_2column,
#body_3column {
  margin: 0 !important;
  padding: 0 5px 15px 5px;
}
#rsidebar {
  margin: 0;
  padding: 0 3px;
}
#rsidebar .feature {
  margin: 0 0 15px 0;
}
#footerwrap {
  font-size:0.825em;
}
#f_contact,
#f_subnav,
#f_socialmedia1,
#f_socialmedia2 {
  margin: 0;
  padding: 0 3px 15px 3px;
}
.feature,
.feature-block,
.feature-block .feature-text {
  max-width:100%;
  width:100%;
  margin-bottom:20px;
}
#body_2column.data-highlight img {
  margin: 1em 2em 1em 1.5em;
  padding-left: 1em;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}