/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body {
  margin-top: 50vh;
  background: transparent;
  color: rgba(255, 255, 255, 0.2);
  transition: all 1s ease; }
  body:hover {
    background: rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 0.7); }

h1, h3 {
  font-family: 'Orbitron', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 0;
  transition: all 1s ease; }

h1 {
  font-weight: 900; }
  h1:hover {
    color: white; }
  @media (max-width: 768px) {
    h1 {
      font-size: 150%; } }
  h1 span {
    font-weight: 400;
    font-size: 0.75em; }

h3 {
  font-weight: 400;
  padding: 0.25em 0; }
  h3:hover {
    color: #4b9bff; }
  @media (max-width: 768px) {
    h3 {
      font-size: 120%; } }

/*.full {
  transition: all 1s ease;
  background: url("../img/1.jpg") no-repeat center right fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; }*/

  .full { background:  black; }

.status {
  padding: 2em 0em 1.4em 1em; }

.uptime {
  transition: all 0.75s ease;
  text-transform: uppercase;
  font-size: 125%;
  color: rgba(255, 255, 255, 0); }
  .uptime .glyphicon {
    transition: all 1s ease;
    font-size: 85%;
    margin-right: 0.25em;
    color: rgba(255, 255, 255, 0.1); }
  .uptime .time {
    transition: all 1s ease; }
  .uptime:hover .time {
    color: white; }
  .uptime:hover .glyphicon {
    color: #4b9bff; }