body {
                  background-color:;
                  background-image: url();
                  background-repeat: no-repeat;
                  }
                  /* The Modal (background) */
                  .modal {
                  display: none; /* Hidden by default */
                  position: fixed; /* Stay in place */
                  z-index: 1; /* Sit on top */
                  padding-top: 100px; /* Location of the box */
                  left: 0;
                  top: 0;
                  width: 100%; /* Full width */
                  height: 100%; /* Full height */
                  overflow: auto; /* Enable scroll if needed */
                  background-color: rgb(0,0,0); /* Fallback color */
                  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
                  }
                  /* Modal Content */
                  .modal-content {
                  position: relative;
                  background-color: #8f0400;
                  margin: auto;
                  padding: 0;
                  border: 1px solid #c80d06;
                  width: 80%;
                  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
                  -webkit-animation-name: animatetop;
                  -webkit-animation-duration: 0.4s;
                  animation-name: animatetop;
                  animation-duration: 0.4s
                  }
                  /* Add Animation */
                  @-webkit-keyframes animatetop {
                  from {top:-300px; opacity:0} 
                  to {top:0; opacity:1}
                  }
                  @keyframes animatetop {
                  from {top:-300px; opacity:0}
                  to {top:0; opacity:1}
                  }
                  /* The Close Button */
                  .close {
                  color: white;
                  float: right;
                  font-size: 28px;
                  font-weight: bold;
                  }
                  .close:hover,
                  .close:focus {
                  color: #000;
                  text-decoration: none;
                  cursor: pointer;
                  }
                  .modal-header {
                  padding: 2px 16px;
                  background-color: #770501;
                  color: white;
                  }
                  .modal-body {padding: 2px 16px;}
                  .modal-footer {
                  padding: 2px 16px;
                  background-color: #770501;
                  color: white;
                  }
/*-----------------------------  me ----------------------------*/
.logos{
	margin-top: -31px;
    padding-bottom: 7px;
	}
#mtext a{
	color:#2c2b2b !important;
	}
.header-game{
	width: 100%;
    height: 24px;
    margin: 10px auto;
    background: url(../images/title.png);
    display: block;
	}
.header-game p{
	width: 100%;
    height: auto;
    text-align: left;
    padding: 0px;
    padding-left: 5px;
    font-size: 0.8rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
    display: block;
	}
.bd{
	border-radius:0px !important;
	}
.lobby-games{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:10px 5px;
	display:block;
	}
.item-gameh{
	width:100%;
	height:auto;
	position:relative;
	margin:5px auto;
	display:block;
	}
.item-gameh span{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	position:absolute;
	left:0;
	bottom:0 !important;
	font-size:1.0rem;
	color:#000000;
	font-weight:bold;
	display:block;
	}
.item-gameh h3{
	width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    line-height: 25px;
    font-size: 1.1rem;
    color: #dc3545;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    letter-spacing: 0px;
    display: blockl;
	}
.box-sport{
	border-bottom: 2px solid #d7a100;
	}
.info-web h3{
	width:100%;
	font-size:1.1rem;
	font-weight:bold;
	float:left;
	color:#b28600;
	padding:5px;
	display:block;
	}
.info-web h3 span{
	color:#dc3545;
	padding-left:3px;
	}
.info-web h4{
	color:#6c373c;
	text-align:left;
	padding:5px;
	font-weight:bold;
	font-size:1.0rem;
	}
.info-web p{
	color:#393939;
	text-align:left;
	font-size:0.8rem;
	}
.btn.focus, .btn:focus {
    outline: 0;
     box-shadow:none;
}
.bannerlogofooter{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:10px;
	background-image: linear-gradient(to right, #e3e1e2,#dc3545, #e3e1e2);
	}
.card-header {
    padding:0px !important;
	}
@media only screen and (min-width: 375px){
	.item-gameh span {
		position: absolute;
		left: 0px;
		bottom: -4px;
		font-size: 0.8rem;
}
	}
@media only screen and (min-width: 768px){
.item-gameh span {
    font-size: 0.9rem;
}
}