body {
  padding-top: 50px;
  background-color: #181f23;
  font-family: 'Orbitron', sans-serif;
}
.content-default {
  padding: 40px 15px;
  text-align: center;
}
/* start header */
.navbar-default {
    background-color: #e3e3e3;
    /*border-color: #fafdff;*/
	border:none;
	font-weight: bold;
}
.navbar-default .navbar-nav>.active>a{
	color: #181f23;
    background-color: #ffd53e;
}
.navbar-default .navbar-nav>.active>a:hover{
	color: #181f23;
    background-color: #D2D2D2;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #181f23;
    background-color: #D2D2D2;
}

.navbar-default .navbar-nav > li > a{
    color: #3A4044;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}
.navbar-brand>img {
    position: relative;
    height: 40px;
    top: -9px;
    display: block;
}
.dropdown-toggle:active, .open .dropdown-toggle {
	background:#ffd53e !important; 
	color:#3A4044 !important;
}
#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: #ffd540;
}
#login-dp .bottom {
    background-color: #e3e3e3;
    border-top: 2px solid #181F23;
    clear: both;
    padding: 14px;
}

.bottom > a:not(.btn),
.help-block > a:not(.btn){
	color: #3A4044;
}

#login-dp .text-left{
    color: #3A4044;
}

.btn-primary {
    color: #3A4044;
    background-color: #e3e3e3;
    border-color: #3A4044;
	font-weight: bold;
}
.btn-primary:hover,
.btn-primary:active,
.btn.btn-primary:active {
    color: #e3e3e3;
    background-color: #3A4044;
    border-color: #3A4044;
	font-weight: bold;
}

.btn-link {
    width: 140px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    
    color: #3A4044;
    background-color: #e3e3e3;
    border-color: #3A4044;
	font-weight: bold;
}
.btn-link:hover,
.btn-link:active,
.btn.btn-link:active {
    color: #3A4044;
    background-color: #ffd540;
    border-color: #3A4044;
	font-weight: bold;
    text-decoration: none;
}
/* end header */

/* start content */
.content{
    margin-top: 20px;
}

.panel-default{
	min-height:100%;
}

.item-row {
    min-width:300px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #3A4044;
}

.item-description .text-left {
    min-height: 107px;
    max-height: 107px;
}

.item-title{
    margin-top: 0;
    color: #ffd53e;
}

.game-image {
	min-width: 100%;
}
.platform {
    font-size: 20px;
    margin-left: 5px;
    vertical-align: middle;
}

/**/
svg{
  width:100%;
  margin:0 auto;
}
#hex{
  stroke-width:1px;
  stroke: #ffd53e;
  fill-opacity:1;
  transition:fill-opacity .8s;
}
/* end content */



/* start sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #e3e3e3;
  color: #3A4044;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-container{
	max-width: 60%;
	margin:auto;
	vertical-align: middle;
	text-align:center;
}
/* end sticky footer */





.item-heading {
    height: 210px;
}
@media (min-width: 992px){
    .item-heading {
        height: 190px;
    }
}
@media (min-width: 1200px){
    .item-heading {
        height: 240px;
    }
}