* { margin: 0;padding:  0 }
html,body { height: 100%; }


::selection {       background: rgba(50,150,255,0.7); color: #ffffff;}
::-moz-selection {  background: rgba(50,150,255,0.7); color: #ffffff;}

body { background-color: rgba(50, 50, 50, 0.5);
    font-size: 16px;
}

h1 {
    font-family:    'Montserrat', Trebuchet, sans-serif;
    font-size:      28px;
    font-weight:    400;
    text-align:     center;
    color:          #ffbb11;
    letter-spacing: .7rem;
    word-spacing: 1.1rem;
    margin: 0px 0px 1rem 0px
}


p {
    font-family:    'Dosis', Trebuchet, sans-serif;
    font-size:      14px;
    font-weight:    400;
    text-align:     center;
    letter-spacing: .2em;
}

a, a:link  {
    color:              #aaa;
    text-decoration:    none;
}

a:hover, a:focus, a:active {
    color:              #888;
    text-decoration:    none;
}

#page {                 display:table;  overflow:hidden;    margin:0px auto; }
#content_container {    display:table-cell; vertical-align: middle; }
#content {              position:relative;  top:-50%; }
#page {                 height:100%;    width:90%; }


#container {
    height:         100%;
    width:          100%;
    display:        table;
    vertical-align: middle;
}

#outer {
    display:        table-cell;
    vertical-align: middle;
}

#panel {
    position:       relative;
    left:           50%;
    float:          left;
}

#panel1 {
    padding:        20px 20px;
    position:       relative;
    text-align:     right;
    left:           -50%;
}

._fill-overlay {
  position: fixed;
  bottom: auto;
  min-width: 105%;
  min-height: 105%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(20, 25, 30, 0.95);
  z-index: -80;
}
._pattern-overlay {
  position: fixed;
  bottom: auto;
  min-width: 100%;
  min-height: 100%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
	background-image: url('../images/pattern-05.png');
	z-index: -90;
}