/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
    body {
 
    }

    /* Default link styling */
    a:link { color:#ff1493; text-decoration: none; }
    a:visited { color:#ff1493; text-decoration: none; }
    a:hover, a:focus { color: #3e7dc1; text-decoration: none; }
    a:active { color:#ff1493; text-decoration: none; } 
    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
    body {
      padding: 12px;
      background-color: black;
      color: white;
    }

    .main {
      text-align: center;
    }

    #logo {
      width: 300px;
      margin-top: 30px;
      margin-bottom: 10px;
    }

    .logos {
      width: 250px;
      margin-top: 30px;
      margin-bottom: 10px;
      border: 1px solid white;
    }

    .m-b {
      margin-bottom: 2em;
    }

    .m-t-b {
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .f-l {
      font-size: 1.1em;
    }
    
    .f-s {
      font-size: 0.9em;
    }

    .f-xs {
      font-size: 0.8em;
    }

    #htgf-tweet {
      max-width: 360px;
    }

    .darker {
      color: #777;
    }

    .darker a:link { color:#0090ff; text-decoration: none; }
    .darker a:visited { color:#0090ff; text-decoration: none; }
    .darker a:hover, a:focus { color: #0090ff; text-decoration: none; }
    .darker a:active { color:#0090ff; text-decoration: none; } 

#partners {
  width: 100%;
  text-align: center;
  margin-top: 77px;
  position: absolute;
}

#grandma3-rig {
  background-color: black;
  margin: 2em auto;
  max-width: 960px;
}

#grandma3-rig img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.left, .right {
  width: 10em;
  height: 100%;
  display:inline-block;
  text-align: center;
  vertical-align:middle;
}

.right {
  padding-top:  9px;
}

.r2 {
  background: #0A2540;
  color: white;
  font-size: 1.2em;
  padding: 10px 10px 10px 10px;
  margin-left: 2em;
  margin-right: 2em;
}

.flex-container {
  display: flex;
  justify-content: center; /* Horizontal center */
  align-items: center;     /* Vertical center */
  height: 100vh;           /* Full viewport height */
}

/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}