/* Basic styles for the site banner.
   These are under component
   because they control the positioning of items.*/

@media only screen and (min-width: 601px) {
  .site-banner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }

  .site-banner .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }

  .site-banner .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
  }
}

.site-banner.census {
  background-color: #fe621a;
}