.container {
  padding-left: 15px;
  padding-right: 15px;
}

h4 {
  margin-top: 25px;
}
.row {
  margin-bottom: 0px;
  margin-right: 0px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0px;
}
.navbar-brand {
padding: 1px;

}

.col-md-3 {
padding-right: 0px;
}

.homepagecontent hr {
	border-top: 1px solid #000000;
}

.col-md-3 .homepagecontent {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
}

.col-md-3 .homepagecontent h2 {
font-size: 18px;
font-weight: bold;
}

.col-md-6 {
padding-right: 0px;
}

.navbar-collapse {
    max-height: none;
}

.navbar-default .navbar-brand {
color: #000;
font-weight: bold;
background-color: #fff;
padding: 13px;
}

.navbar-default .navbar-toggle {
border-color: #000;
}

.navbar-header {
background-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0, 0, 0, 0);
}

.navbar-default .navbar-nav > li > a {
color: #000;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #000;
font-weight: bold;
}

.headertext {
font-weight: bold;
color: #000;
font-size: 16px;
float: right;
margin-top: 0px;
padding: 2px 10px;
position: relative;
}

    .headertext a {
        color: #000;
	    text-decoration:underline;
    }

.Headersidetext {
color: #000;
font-size: 12px;
float: right;
margin-top: 0px;
padding: 2px 10px;
position: relative;
}

/*this is to be able to hide up to 480px...then show above that*/
.hidden-xs-xs {
  display: block !important;
}

tr.hidden-xs-xs {
  display: table-row !important;
}

th.hidden-xs-xs,
td.hidden-xs-xs {
  display: table-cell !important;
}

@media (max-width: 479px) {
  .hidden-xs-xs {
    display: none !important;
  }
  tr.hidden-xs-xs {
    display: none !important;
  }
  th.hidden-xs-xs,
  td.hidden-xs-xs {
    display: none !important;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .hidden-xs-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs-xs.hidden-sm,
  td.hidden-xs-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs-xs.hidden-md,
  td.hidden-xs-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs-xs.hidden-lg,
  td.hidden-xs-xs.hidden-lg {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .hidden-sm.hidden-xs-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs-xs,
  td.hidden-sm.hidden-xs-xs {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .hidden-md.hidden-xs-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs-xs,
  td.hidden-md.hidden-xs-xs {
    display: none !important;
  }
}

/*this is to be able to show up to 480px...then hisw above that...also there is a transition from 768px...so another file has to hide from 768px and above...grid_out.css*/
.visible-xs-xs {
  display: none !important;
}

tr.visible-xs-xs {
  display: none !important;
}

th.visible-xs-xs,
td.visible-xs-xs {
  display: none !important;
}

@media (max-width: 480px) {
  .visible-xs-xs {
    display: block !important;
  }
  tr.visible-xs-xs {
    display: table-row !important;
  }
  th.visible-xs-xs,
  td.visible-xs-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs-xs.visible-sm,
  td.visible-xs-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs-xs.visible-md,
  td.visible-xs-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}