/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}

/*
 * Colors:
 * background-color: #333;
 * color: #fff;
 * border-bottom-color: #a9a9a9;
 * #999
 */


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
  overflow: hidden;
}

/*
.outer {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    width: 100%;
    height: auto;
    bottom: 0px;
    top: 0px;
    left: 0;
    position: absolute;
}

.center {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0%;
    margin: 0px;
    padding: 0px;
}
*/

.wrapper {
    width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
    position: absolute;
    color: #fff;
}
.center {
    position: fixed;
    top: 50%;
    left: 50%;
    /*
    vertical-align: middle;
    margin: 0
    */

    transform: translate(-50%, -50%);
}

.center h1,h2,p {
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}