.container .game-section.matchup { 	
	padding: 1rem 0;
    background-color: #282828;
}

.game-section.matchup::before { 
	background-color: #282828;
	background-size: 16px 16px;

}
.game-section.matchup::after { 
	background-color: #282828;
	background-size: 16px 16px;
}

.matchup .weather {margin-top:0px !important;}
.matchup .weather .gameWeather {line-height:1.3em;}
.matchup .game-info .game-time {padding:0; font-weight:500 !important;}
.matchup .away-score-wrpr,
.matchup .home-score-wrpr {margin-top:0; width:34%;}

.matchup .away-score-wrpr .game-team, 
.matchup .home-score-wrpr .game-team {display:inline-block; width:75%;}

.matchup .away-score-wrpr .team-score {position:relative; display:inline-block; width:23%; float:right; top:20px;}
.matchup .home-score-wrpr .team-score {position:relative; display:inline-block; width:23%; float:left; top:20px;}


.matchup .game-info .game-team span {display:inline-block;font-weight:normal;}
.matchup .game-info .game-team span .team {font-size: 1.3rem; width:100%; line-height:1.6rem; font-weight:500;}
.matchup .game-info .team-score .teamAbbv {display:none;}

.matchup .game-info .game-team icon {display:block;}
.matchup .game-info .team-score .iconMobile {display:none;  width:100px; height:100px;}


.matchup .game-info .away-score-wrpr .game-team span.icon {display:inline-block; width:50%; }
.matchup .game-info .home-score-wrpr .game-team span.icon {display:inline-block; width:50%; float:right;}

.matchup .game-info .game-team span.awayRecord,
.matchup .game-info .game-team span.homeRecord {display:inline-block; width:47%; position:relative; vertical-align:top; }

@media only screen and (max-width: 1200px) {
	.matchup .game-time {width:100%; margin:0px auto 10px;}
	.matchup .away-score-wrpr .team-score {float:none; top:0; width:100%; display:block; right:0px !important;}
    .matchup .home-score-wrpr .team-score {float:none; top:0; width:100%; display:block; left:0px !important;}
	.matchup .game-info .game-team span .team {font-size: 1.1rem;}
}

@media only screen and (max-width: 1024px) {
	.matchup .away-score-wrpr,
	.matchup .home-score-wrpr {top:0px;}	
	
	.matchup .away-score-wrpr .game-team,
	.matchup .home-score-wrpr .game-team {display:block; margin-top:10px; width:100%;}
	
	.matchup .game-info .game-team span {width:100% !important;}
	.matchup .game-info .game-team span .team {width:100% !important;}
	
	.matchup .game-info .game-team span .team {display:none;}
	.matchup .game-info .team-score .teamAbbv {display:block; font-size: 1.5rem; font-weight:500;}
		
	.matchup .game-info .game-team .icon {display:none !important;}
	.matchup .game-info .team-score .iconMobile {display:block; width:100px; height:100px; margin:0px auto 10px;}
		
	.matchup .game-info .game-team .icon img {max-width:100px !important;}
	
	.matchup .game-info .game-team span.awayRecord, 
	.matchup .game-info .game-team span.homeRecord {font-size:0.65em;}
	
	.game-section.matchup { background:#262626;}
	.game-section::before { background:#262626;}
	.game-section::after { background:#262626;}
	.matchup .weather {margin-top: 40px !important;}
	
}	

@media only screen and (max-width: 890px) {
	.matchup .gameDate {margin-right:0;}
}

@media only screen and (max-width: 756px) {
	.matchup .game-info .game-team .icon {margin-top:10px; width:100% !important;}	
	.matchup .game-info .game-team .icon img {max-width:70px !important;}
	.matchup .away-score-wrpr,
	.matchup .home-score-wrpr {margin-top:0; width:33%;}
	
	
}

@media only screen and (min-width:48em){
	.game-info .team-score .score {font-size:3rem;height:90px;width:90px;line-height:2.5rem;}	
}

@media only screen and (max-width: 480px) {
	.matchup .game-info .game-team .icon img {max-width:50px !important;}
	.matchup .weather {margin-top: 20px !important;}
}