/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 8rem;
  color: #5a5a5a;
  background-color:#003060;
}

.fade{
  background-color:rgba(0, 0, 0, 0.8);
}
.modal-content{
  background-color:rgba(0, 0, 0, 0);
  border-style:none;
}

.close span{
  color:white;
}
#pills-tabContent img{
  width:100%;
  height:auto;
}

.game-item, .dropdown-toggle{
  background-color:#0066CC!important;
  border-radius:5px;
  margin:0 3px;
}
.game-item a, .dropdown-toggle{
  color:white!important;
  font-weight:bolder;
  
}
.game-item .active{
  background-color:white!important;
  color:#0072E3!important;
}


/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px){
  #body-container{
	margin-bottom:4vh;
  }
  .title, .dropdown-toggle{
	margin-bottom:2vh;
  }
  .close span{
    font-size:40px;
  }
  .game-item a, .tab-pane p{
	font-size:16px;
  }
  #pills-tab{
	display:none;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px){
  #body-container{
	 margin:4vh auto;
  }
  .title, .game-item{
	margin-bottom:4vh;
  }
  .close span{
    font-size:40px;
  }
  .game-item a, .tab-pane p{
	font-size:12px;
  }
  #dropdown-tab{
	display:none;
  }
}

/* Medium devices (tablets, 768px and up) [ | ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait){
  #body-container{
	 margin:3vh auto;
  }
  .title, .game-item{
	margin-bottom:2vh;
  }
  .close span{
    font-size:45px;
  }
  .game-item a, .tab-pane p{
	font-size:14px;
  }
  #dropdown-tab{
	display:none;
  }
}

/* Medium devices (tablets, 768px and up) [ - ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape){
  #body-container{
	 margin:4vh auto;
  }
  .title, .game-item{
	margin-bottom:4vh;
  }
  .close span{
    font-size:45px;
  }
  .game-item a, .tab-pane p{
	font-size:14px;
  }
  #dropdown-tab{
	display:none;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px){
  #body-container{
	 margin:3vh auto 4vh auto;
  }
  .title, .game-item{
	margin-bottom:3vh;
  }
  .close span{
    font-size:45px;
  }
  .game-item a, .tab-pane p{
	font-size:20px;
  }
  #dropdown-tab{
	display:none;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1439.98px){
  #body-container{
	margin:5vh auto 6vh auto;
  }
  .title, .game-item{
	margin-bottom:3vh;
  }
  .close span{
    font-size:45px;
  }
  .game-item a, .tab-pane p{
	font-size:18px;
  }
  #dropdown-tab{
	display:none;
  }
}

/* Extra large devices (large desktops, 1440px and up) */
@media screen and (min-width: 1440px){
  #body-container{
	margin:4vh auto 5vh auto;
  }
  .title, .game-item{
	margin-bottom:2vh;
  }
  .close span{
    font-size:45px;
  }
  .game-item a, .tab-pane p{
	font-size:18px;
  }
  #dropdown-tab{
	display:none;
  }
}