@media screen and (max-width: 768px) {
    .game-title {
       font-size: 15px !important;
    }

    .score-board {
       font-size: 18px !important;
    }

	.sb-team-score {
		flex: 2 !important;
	}

	.sb-team-logo {
		width: 20px !important;
		height: 20px !important;
	}

}


.score-board {
	padding:0px;
	font-size:25px;
	border:1px solid grey;
	border-radius:4px;
}

.sb-top-team {
	flex: 9;
	padding-left:10px;
	background-color:white;
	text-align:left;
	border-top-left-radius:4px;
}

.sb-bottom-team{
	flex: 9;
	padding-left:10px;
	background-color:white;
	text-align:left;
	border-bottom-left-radius:4px;
}

.sb-team-score {
	flex: 1;
	text-align:center;
}

.sb-top-team-score {
	background-color:#BBDEFB;
	border-top-right-radius:4px;
}

.sb-bottom-team-score {
	background-color:#FFCDD2;
	border-bottom-right-radius:4px;
}

.sb-team-logo {
	width: 30px;
	height: 30px;
}

/* Player typeahead on Add Plays — match native select affordance */
.player-typeahead {
	position: relative;
}

.player-typeahead .form-control {
	cursor: pointer;
	padding-right: 30px;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L2 4h8z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.player-typeahead .form-control:focus {
	cursor: text;
}

.player-typeahead .form-control::placeholder {
	color: #999;
}