@media (max-width: 900px) {
   #recordmatchup {
		display: none;
	}
}

@media (min-width: 900px) {
   #recordmatchup_m {
		display: none;
	}
}

.matchupHead {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background:#eeeeee;
    background:linear-gradient(top, #eeeeee 0%, #ffffff 100%);
    background:-moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
    background:-ms-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
    background:-o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
    background:-webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
    border:1px #dddddd solid;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
}

@media (max-width: 650px) {
    .teamname {
      font-size: 1em !important;
  } 

  .matchupHead {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

  .team {
      font-size: 1em;
      text-align: center !important;
  }

  .gameInfo {
      font-size: 0.8em;
      display: none;
  }

  .line2 {
      display: block !important;
      padding: 0 10px;
      text-align: center;
      color: gray;
  }

}


.team {
    -webkit-flex: 1;
    flex: 1;
    margin: 2px 10px;
    font-size: 1.5em;

}

.rightteam {
  text-align: right;
}

.teamname {
    font-size: 2em;
}


.gameInfo {
    -webkit-flex: 0;
    flex: 0;
    white-space: nowrap;
    background-size: auto 100%;
    padding: 0 30px !important;
}


.line2 {
  width: 100%;
  display: none;
}


#closeDiv {
  padding-top: 5px;
   padding-bottom:10px;
   padding-right:20px;
   padding-left: 8px;
   position: fixed;
   right: 3%;
   top: 2%;
   background-color: White;
   z-index: 200;
   border-radius: 5px;
}

#matchupPop {

    z-index: 1001;
    border: 1px solid gray;
    border-radius: 8px;
    position: fixed;
    background-color: White;
    overflow: scroll;
    padding: 10px;
    left: 3%;
    right: 3%;
    top: 5%;
    bottom: 3%;
  }

#closeit {
    float: right;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px;
    padding-right: 20px;
    margin-bottom: 5px;
  }


.wrapper {
  border: 1px solid red;
  padding: 10px;
}

@media (max-width: 650px) {
  .mydiv {
    min-width: 100% !important;
    /* padding:10px !important;
    margin-top:10px !important; */
	} 
}

.mydiv {
  float:left;
  min-width: 300px;
  width: 49%;
  margin-right: 5px;
  padding: 10px;
  margin-top:5px;
  border:1px solid #dee2e6;
  background-color: #f8f9fa;
}

.mydiv .bar {
    width: 50%;
    margin-top: 5px;
    margin-right: 5px;
    padding:2px 5px;
    text-align: right;
    display:inline-block;
  }

  .mydiv .league {
    background-color: gray;
    color: White;
  }

  span.label {
    display:inline; 
    font-weight: bold;
    color:black;
  }

  div.title {
    font-weight: bold;
    color:black;
  }

  #compSwitch {
    cursor:pointer;
    padding-left: 5px;
  }

div.roadnews {display:none;}
div.homenews {display:none;}
div.teamNews {margin-bottom: 5px;}
.showroad {cursor: pointer;}
.showhome {cursor: pointer;}
.hideswitch {display:none;}