@import url(default-7.css)/*tpa=http://www.google.fr/intl/fr/about/css/default.css*/;
  @import url(css-family=Open+Sans-300,600,700.css)/*tpa=http://fonts.googleapis.com/css?family=Open+Sans:300,600,700*/;

  @media screen, projection {

    [dir='rtl'] {
      font-size: .9em;
    }

    #about-main {
      float: left;
      margin: 0 3.06748467% 0 0; /* 0 30px 0 0 */
      overflow: auto;
      width: 74.2331297%; /* 9*54px + 8*30px = 726px */
    }

    [dir='rtl'] #about-main {
      float: right;
      margin: 0 0 0 3.06748467%; /* 0 0 0 30px */
    }

    #about-aside {
      float: left;
      width: 22.4948878%; /* 3*54px + 2*30px = 222px  */
    }

    [dir='rtl'] #about-aside {
      float: right;
    }

    #about-aside div {
      background: #f5f5f5;
      border: 1px solid #efefef;
      border-radius: 2px;
    }

    #about-aside div div {
      border: none;
    }

    #about-aside h3 {
      line-height: 29px;
      margin: 20px 10px 0;
    }

    #about-aside h3 a {
      background: url(gplus-29.png)/*tpa=http://www.google.com/images/icons/product/gplus-29.png*/ no-repeat;
      display: block;
      min-height: 30px;
      padding-left: 38px;
      padding-right: 0;
    }

    [dir='rtl'] #about-aside h3 a {
      background-position: right;
      padding-left: 0;
      padding-right: 38px;
    }

    #about-aside p {
      margin: 0 10px;
    }

    .about-feed-article {
      margin: 20px 0;
    }

    #about-aside .about-feed-date {
      color: #666;
      font-size: 11px;
      margin: 0 10px 5px;
    }

    #about-header {
      margin: 20px auto;
      max-width: 1040px;
      min-height: 318px;
      overflow: hidden;
    }

    #about-header.wide {
      margin: -29px -15px 20px;
      max-width: none;
    }

    #about-corp-sites,
    #about-mission {
      overflow: hidden;
      padding-bottom: 7px;
    }

    #about-corp-sites {
      padding-bottom: 10px;
    }

    #about-mission ul {
      margin: 13px auto;
      text-align: center;
    }

    #about-mission {
      border-bottom: 1px solid #ebebeb;
      margin-bottom: 28px;
    }

    #about-mission ul li {
      display: inline;
      list-style: none;
    }

    #about-mission ul li:before {
      content: '·';
      padding: 0 .35em 0 0;
    }

    #about-mission ul li:first-child:before {
      content: none;
    }

    #about-mission blockquote {
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      margin: 0 auto;
      text-align: center;
    }

    #about-ten-things {
      margin-bottom: 10px;
      overflow: hidden;
    }

    #about-ten-things .about-ten-things-label {
      font-size: 11px;
      margin: 0;
    }

    #about-ten-things h3 {
      font-size: 21px;
      line-height: 30px;
      margin: 10px 0;
    }

    #about-ten-things img {
      float: left;
      margin: -5px 25px 0 -18px;
      width: 22.5895322%;
    }

    #about-initiatives-container {
      clear: both;
    }

    #about-corp-sites div,
    #about-initiatives div {
      float: left;
      margin-left: 4.1322315%;
      margin-right: 0;
      width: 30.5785131%;
    }

    #about-initiatives div {
      margin-left: 6.1322315%;
    }

    [dir='rtl'] #about-corp-sites div,
    [dir='rtl'] #about-initiatives div {
      float: right;
      margin-left: 0;
      margin-right: 4.1322315%;
    }

    [dir='rtl'] #about-initiatives div {
      margin-right: 6.1322315%;
    }

    #about-corp-sites div:first-child,
    #about-initiatives div:first-child {
      margin-left: 0;
    }

    [dir='rtl'] #about-corp-sites div:first-child,
    [dir='rtl'] #about-initiatives div:first-child {
      margin-right: 0;
    }

    #about-corp-sites img {
      border: 1px solid #f2f2f2;
      width: 100%;
    }

    #about-initiatives div#google-giving {
      width: 10.9406952%;
    }

    #about-initiatives div#google-green {
      width: 7.9754601%;
    }

    #about-initiatives div#crisis-response {
      width: 17.9959100%;
    }

    #about-initiatives div#google-elections {
      width: 20.1431492%;
    }

    #about-initiatives div#googleorg {
      width: 8.2822085%;
    }

    #about-header-caption {
      margin: auto;
      max-width: 978px;
      min-height: 318px;
      overflow: hidden;
      padding: 0 15px;
      position: relative;
      text-align: center;
    }

    #about-header-caption span {
      background: rgba(0,0,0,.54);
      bottom: 0;
      box-shadow: inset 0px 2px 12px 2px rgba(0, 0, 0, 0.1);
      color: #fff;
      display: block;
      padding: 15px 0;
      position: absolute;
      right: 15px;
      width: 22.4948878%;
    }

    [dir='rtl'] #about-header-caption span {
      left: 15px;
      right: auto;
    }

    #about-header-caption span a {
       color: #8bf;
    }

    #about-initiatives {
      margin-top: 15px;
      overflow: hidden;
    }

    #about-initiatives div a {
      display: block;
      margin-bottom: 20px;
      min-height: 78px;
    }

    #about-doodles, #about-ventures {
      margin-bottom: 30px;
      margin-top: 15px;
      overflow: hidden;
    }

    #about-doodles p, #about-ventures p {
      margin-left: 34.7107446%;
      margin-top: 0;
      padding-top: 0;
    }

    #about-latest-doodle, #about-ventures-img {
      border: solid #ebebeb;
      border-width: 0 1px;
      color: #666;
      float: left;
      font-size: 11px;
      margin-right: 4.1322315%;
      text-align: center;
      width: 30.5785131%;
    }

    #about-latest-doodle img, #about-ventures-img img {
      width: 67.5675675%;
    }

    #about-latest-doodle p {
      margin: 0;
      padding: 0;
    }

  }

  @media screen and (max-width: 800px) {

    #about-aside {
      clear: both;
      float: none;
      margin-top: 50px;
      overflow: hidden;
      width: 100%;
    }

    #about-main {
      float: none;
      margin-right: 0;
      width: 100%;
    }

  }

  @media screen and (max-width: 480px) {

    #about-aside {
      clear: both;
      float: none;
      width: 100%;
    }

    #about-main {
      float: none;
      margin-right: 0;
      width: 99%;
    }

    #about-header {
      background: none !important;
      display: none;
    }

    #about-ten-things h3 {
      line-height: 30px;
    }

    #about-mission {
      padding: 0 30px;
    }

    #about-corp-sites,
    #about-initiatives,
    #about-doodles {
      margin-bottom: 20px;
      overflow: hidden;
      padding: 0;
    }

    #about-corp-sites div,
    #about-initiatives div {
      float: none;
      margin: 0 0 20px;
      width: 99%; /* 99% so the right border is not cut off */
    }

    #about-header.wide {
      margin: -15px -15px 20px;
      max-width: none;
    }

    #about-header-caption {
      margin: 0;
      min-height: 206px;
    }

    #about-doodles p {
      margin: 20px 0 0;
    }

    #about-latest-doodle {
      border: none;
      float: none;
      margin: 0;
      width: 100%;
    }

    #about-latest-doodle img {
      width: 80%;
    }

  }