@import url(reset.css);
/* http://www.google.com/webfonts#UsePlace:use/Collection:Rammetto+One|Lato:700italic,400,400italic,700 
font-family: 'Rammetto One', cursive;
font-family: 'Convergence', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Inder', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Telex', sans-serif;
font-family: 'Archivo Black', sans-serif;


*/
div#showcase {
  position: relative;
  min-height: 500px;
  width: 500px;
  margin: 150px auto 0;
  text-align: center; }
  div#showcase div#logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: url(../images/logo-white2.png) no-repeat;
    width: 500px;
    min-height: 500px;
    box-shadow: 8px 8px 8px rgba(168, 167, 167, 0.71); }
  div#showcase div#logos {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: white;
    width: 500px;
    min-height: 500px; }
    div#showcase div#logos p:first-child {
      width: 500px;
      margin: 100px auto 0;
      text-align: center; }
    div#showcase div#logos p {
      font-family: 'Lato', sans-serif;
      font-style: italic;
      height: 2em;
      vertical-align: middle;
      width: 500px;
      margin: 50px auto 0;
      text-align: center; }
    div#showcase div#logos div {
      width: 500px;
      margin: 50px auto 0;
      text-align: center; }
      div#showcase div#logos div a img {
        padding: 3px; }
        div#showcase div#logos div a img:hover {
          box-shadow: 0px 0px 4px 4px rgba(0, 118, 233, 0.3); }

div#twanron {
  font-family: 'Rammetto One', cursive;
  font-size: 36pt;
  color: #4a4a4a;
  width: 500px;
  margin: 36pt auto 0;
  text-align: center; }
  div#twanron span {
    letter-spacing: -7px; }
    div#twanron span + span {
      font-size: 24pt;
      letter-spacing: 0; }

div#tagline {
  font-family: 'Lato', sans-serif;
  font-style: italic;
  height: 2em;
  vertical-align: middle;
  width: 500px;
  margin: 1em auto 0;
  text-align: center; }