/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/roboto-v18-latin-regular.eot?#iefix')
        format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/roboto-v18-latin-regular.woff')
        format('woff'), /* Modern Browsers */
        url('../fonts/roboto-v18-latin-regular.ttf')
        format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-v18-latin-regular.svg#Roboto')
        format('svg'); /* Legacy iOS */
}

.just {text-align:justify;}

.graph { margin:0.5em 0;}


#h2.openarena { background-image: url(../img/openarena_icon.gif); background-repeat:no-repeat;}
#h2.redeclipse { background-image: url(../img/redeclipse_icon.gif);background-repeat:no-repeat;}
#h2.sauerbraten {background-image: url(../img/sauerbraten_icon.gif);background-repeat:no-repeat;}
#h2.teeworlds { background-image: url(../img/teeworlds_icon.gif);background-repeat:no-repeat;}
#h2.tetrinetx {background-image: url(../img/tetrinetx.png);background-repeat:no-repeat;}
#h2.xpilot {background-image: url(../img/xpilot-ng_icon.gif);background-repeat:no-repeat;}
.thumbnail {float:right; margin: 0 0 1em 0.5em;}

.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
margin-right: 5px;
}

a {
    color: #f26822;
    text-decoration:none;
}
a:hover {
  color: #f24022 !important;
  text-decoration: underline;
}
.hero-unit {
    background:#2F2F2F;
    background-image: url("../img/buster.png");background-repeat:no-repeat;
    padding:45px;
}
body {
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.1em !important;
    line-height: 1.25;
}
  }
  .sidebar-nav {
    padding: 9px 0;
  }

  @media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
      float: none;
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  .container-narrow {
    margin: 0 auto;
    max-width: 700px;
  }
  .container-narrow > hr {
    margin: 30px 0;
  }

  /* Main marketing message and sign up button */
  .jumbotron {
    margin: 60px 0;
    text-align: center;
  }
  .jumbotron h1 {
    font-size: 72px;
    line-height: 1;
  }
  .jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
  }

  /* Supporting marketing content */
  .marketing {
    margin: 60px 0;
  }
  .marketing p + h4 {
    margin-top: 28px;
  }

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.small {
    font-size: 14px;
}