.container {
  max-width: 1000px;
  
}

@media (min-width: 768px) {
    .container {
        padding-right: 35px;
        padding-left: 35px;
    }
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.site-header .nav-item>a {
  color: #aaa;
  transition: ease-in-out color .15s;
}

.site-header .dropdown-menu>a {
  color: #aaa;
  transition: ease-in-out color .15s;
}

.site-header .nav-item>a:hover {
  color: #fff;
  text-decoration: none;
}

.dropdown-header {
  color: #f8f9fa;
  font-size: 1.0rem;
}

/*
 * Extra utilities
 */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }

/* pixelglass stuff*/

a {
    color: white;
}

body {    
    overflow-x: hidden;
    background:url(images/back.png);
    background-size:100%;	
    color:#c8c8c8;
    background-color: black;			       
}

.navbar-nav > li > .dropdown-menu { background-color: #000; }

.pixel-header-row {
    background :black;
}

.pixel-header-image {
    max-width:100%;
    max-height: 175px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.pixel-tile {
    background: rgba(14,35,39,0.5);         
}

@media (min-width: 768px) {
    .pixel-tile {
	    border:none;
	    border-radius:1px;
	    box-shadow: -3px -3px 3px rgba(0,0,0,.85) inset, 3px 3px 3px rgb(120,120,120) inset;    	
    }
}

.pixel-thumb-border {
    display: inline-grid;
    background: rgb(11,25,29);
    padding: 12px 12px 12px 12px;    
    border:none;
    border-radius:1px;
    box-shadow: -3px -3px 3px rgba(0,0,0,.85) inset, 3px 3px 3px rgb(120,120,120) inset;    
}

.pixel-thumb { 
    border:none;
    border-radius:3px;
    padding: 3px 3px 3px 3px;        
    box-shadow: 3px 3px 3px rgba(0,0,0,.85) inset, -3px -3px 3px rgb(120,120,120) inset;
}

.pixel-btn,.pixel-btn:focus {
    background: rgb(19,43,49);    
    padding: 6px 18px 8px 18px;
    border:none;
    border-radius:1px;
    box-shadow: -3px -3px 3px rgba(0,0,0,.85) inset, 3px 3px 3px rgb(120,120,120) inset;
}

.btn-dark:not(:disabled):not(.disabled).pixel-btn:active:focus {
    background: rgb(9,23,29);    
    padding: 6px 18px 8px 18px;
    border:none;
    border-radius:1px;
    box-shadow: -3px -3px 3px rgba(0,0,0,.85) inset, 3px 3px 3px rgb(120,120,120) inset;
}

.pixel-container { 
    background:rgba(0, 0, 0, 0.79);   
}

.pixel-footer {
    background: black;           
}