@media only screen and (min-width: 1200px) {
	.wrapper {
	  width: 1200px;
	  margin: 0 auto;
	}
   
        #header{
          width: 930px;
        }

	#footer .wrapper,
	#legal {
	  width: 930px;
	}
}

@media only screen and (min-width: 480px) {
  #branding{
    width: 470px;
  }
}

@media only screen and (max-width: 479px) {
  #branding{
    width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .contents{
     flex-basis: 100%;
  }

  .google-banner-wrapper{
	display: none;
  }
}

.content-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -1em;
  padding: 0;
}

.contents{
  flex: 1;
  margin: 0 1em;
  padding: 0;
  color: #222;
  font-size: .9em;
  background-color:#fff;
}

#sidebar-container{
  flex: 0.5;
  margin: 0 1em;
  padding: 0;
  width: 290px;
}

#sidebar {
  font-size: .85em;
}

#footer {
  clear: both;
  color: #fff;
  background-color: #222;
}