body {
    padding: 0;
    margin: 0;
    background:  #000 ;
    color: white;
}
@media screen and (max-width: 375px) {
  body {
    align-items: flex-start;
  }
}
.bgimage {
    background: url('/img/wall.jpg');
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-repeat:no-repeat;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	position: fixed;
  	height: 100vh;
  	width: 100vw;
    padding-top: 60px;
    z-index: -1
}
.ag_img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.ag_img:hover {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}


.ag-link {
    color: #fff;
    cursor: pointer;

}
.ag-link:hover {
    color: #aa2;
}

.navbar {
	position: fixed;
   	width: 100%;
   	top: 0;    
    z-index: 9999
}

.nav-link,
.navbar-brand {
    color: #fff;
    cursor: pointer;
}
.nav-link {
    margin-right: 1em !important;
}
.nav-link:hover {
    color: #aa2;
}
.navbar-collapse {
    justify-content: flex-end;
}
.content {
  margin-top: 50px;
  background: #ddd;
  height: calc(100vh - 50px);
  overflow: auto;
  padding: 12px;
  box-sizing: border-box;
}

.article {
  height: 200px;
  width: 100%;
  background: #ccc;
  margin: 12px 0;
}

.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
}

.description {
	left: 50%;
	position: absolute;
	top: 45%;
	transform: translate(-50%, -55%);
	text-align: center;
	overflow: visible;
}

.mainpage {
  position: absolute;
  top: 64px;
  bottom: 0;
  overflow-y: auto;
}