body {
font-family: Helvetica;
background-color: gainsboro;
margin: 0;
}
@media screen and (min-width: 1100px) {
main img {
width: 600px;
display: auto;
margin: 15px auto 5px auto;
}
main p {
font-size: 36px;
line-height: 40px;
margin: 0 0 30px 0;
}
main p.two {
font-size: 36px;
line-height: 40px;
margin: 0 0 30px 0;
}
.gs-snippet {
margin-left: 100px;
}
.content {
background-color: gainsboro;
margin: 0 auto;
width: 1050px;
padding: 3px 25px 50px 25px;
margin: 20px solid black;
border-radius: 5px;
}
table {
border-spacing: 0 6px;
}
table.indteam {
margin: 20px auto;
border-spacing: 0;
}
table.indteam, th.indteam, td.indteam {
border: 1px solid black;
}
table.leftspace, table.rightspace, table.leftawards, table.rightawards, table.centerawards. table.tm {
border-spacing: 5px 6px;
}
table.left, table.right {
border-spacing: 0 6px;
}
table.leftextra, table.rightextra {
border-spacing: 0 6px;
}
table.full {
border-spacing: 5px 6px;
}
img.player {
height: 20px;
width: 20px;
}
div.mlbteams {
margin-bottom: 21px;
}
h1 {
font-size: 70px;
margin: 0 0 30px 0;
}
h1.one {
font-size: 70px;
margin: 0;
}
h2 {
color: black;
font-size: 45px;
line-height: 20px;
margin: 0;
border: 2.5px dotted black;
padding: 10px 5px;
}
h2.mlbteams {
color: black;
font-size: 45px;
line-height: 20px;
margin: 0 auto;
border: 2.5px dotted black;
padding: 10px 5px;
}
h2.left {
color: black;
font-size: 45px;
line-height: 20px;
margin: 0;
border: 2.5px dotted black;
padding: 10px 5px;
}
h2.right {
color: black;
font-size: 45px;
line-height: 20px;
margin: 0;
border: 2.5px dotted black;
padding: 10px 5px;
}
h2.center {
color: black;
font-size: 45px;
line-height: 20px;
margin: 0 auto;
border: 2.5px dotted black;
padding: 10px 5px;
}
h3 {
font-size: 31px;
margin: 14px 0;
}
h3.one {
font-size: 32px;
margin: auto 0;
}
h3.left {
font-size: 56px;
margin: 0 5px;
}
h3.right {
font-size: 46px;
margin: 1px 6px;
line-height: 44px;
}
h3.center {
font-size: 56px;
margin: 0 15px;
line-height: 39px;
}
h3.righttwo {
font-size: 38px;
margin: 0 14px;
}
h4 {
font-size: 36px;
margin: 5px auto;
line-height: 36px;
}
h4.one {
font-size: 36px;
margin: 5px 12px;
line-height: 38px;
}
h4.two {
font-size: 42px;
margin: 8px auto;
line-height: 38px;
}
h4.playerteam {
font-size: 36px;
margin: 5px auto;
line-height: 38px;
}
h5 {
font-size: 16px;
margin: 10px 0 0 0;
}
p {
line-height: 20px;
font-size: 15px;
margin-top: 10px;
}
th {
padding: 7px;
font-size: 24px;
text-transform: uppercase;
}
.vl {
border-left: 7px solid green;
height: 20px;
margin-left: 10px;
display: inline;
}
p.contact {
font-size: 36px;
padding: 0;
margin: 0;
text-align: center;
}
p.other {
font-size: 25px;
margin: 20px 0;
color: black;
}
td.rank {
border-right: 5px solid darkgray;
}
.navbar {
width: 100%;
background-color: #666;
overflow: auto;
}
.navbar a {
float: left;
padding: 12px 0px;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 31px;
text-align: center;
width: 20%
}
.navbar a:hover {
background-color: #000;
}
.navbar a.active {
background-color: #144ea6;
}
div.box {
margin: 30px 60px;
padding: 15px 40px;
background-color: darkgray;
border-radius: 5px;
}
div.boxtwo {
margin: 0 75px 45px 75px;
}
header img {
color: white;
font-weight: bold;
text-transform: uppercase;
border-radius: 15px;
margin: 5px auto;
padding: 12px;
width: 275px;
font-size: 20px;
}
header img a {
color: white;
text-decoration: none;
font-size: 27px;
}
#block {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 15px;
margin: 4.5px 150px 4.5px 150px;
width: 400px;
padding: 7px 15px;
font-size: 33px;
text-align: center;
}
#block a {
color: white;
text-decoration: none;
}
#sports {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 5px;
padding: 10px 20px;
margin: 0 10px 0 10px;
width: 125px;
font-size: 19px;
text-align: center;
 }
#sports a {
color: black;
text-decoration: none;
 }
#home {
color: white;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
margin: 5px auto 20px auto;
padding: 6px;
width: 500px;
text-align: center;
}
#home a {
color: white;
font-size: 20px;
text-decoration: none;
}
table.left, table.leftawards, table.leftseason {
width: 49%;
margin: 0 5px 25px 0;
float: left;
}
table.right, table.rightawards, table.rightseason {
float: right;
width: 49%;
margin: 0 0 25px 5px;
}
table.tm {
width: 75%;
margin: 0 auto 25px auto;
}
table.leftextra {
width: 49%;
margin: 0 5px -7px 0;
float: left;
}
table.rightextra {
float: right;
width: 49%;
margin: 0 0 -7px 5px;
}
table.center {
float: center;
width: 49%;
margin: 0 auto 25px auto;
}
table.centerawards {
float: auto;
width: 49%;
margin: 0 auto 25px auto;
}
table.full {
float: center;
width: 100%;
margin: 0 auto 25px auto;
}
div.playoffs {
height: 70px;
}
p.notes {
font-size: 22px;
text-align: left;
line-height: 35px;
margin-top: 0;
}
a {
color: white;
text-decoration: none;
}
	#yankees {
	background-color: #0C2340;
	border-top: 4px solid #C4CED3;
	border-bottom: 4px solid #C4CED3;
	}
	#rays {
	background-color: #092C5C;
	border-top: 4px solid #8FBCE6;
	border-bottom: 4px solid #8FBCE6;
	}
	#redsox {
	background-color: #BD3039;
	border-top: 4px solid #0C2340;
	border-bottom: 4px solid #0C2340;
	}
	#bluejays {
	background-color: #134A8E;
	border-top: 4px solid #E8291C;
	border-bottom: 4px solid #E8291C;
	}
	#orioles {
	background-color: #DF4601;
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	}
	#twins {
	background-color: #D31145;
	border-top: 4px solid #002B5C;
	border-bottom: 4px solid #002B5C;
	}
	#guardians {
	background-color: #E50022;
	border-top: 4px solid #00385D;
	border-bottom: 4px solid #00385D;
	}
	#whitesox {
	background-color: #27251F;
	border-top: 4px solid #C4CED4;
	border-bottom: 4px solid #C4CED4;
	}
	#royals {
	background-color: #004687;
	border-top: 4px solid #BD9B60;
	border-bottom: 4px solid #BD9B60;
	}
	#tigers {
	background-color: #0C2340;
	border-top: 4px solid #FA4616;
	border-bottom: 4px solid #FA4616;
	}
	#astros {
	background-color: #EB6E1F;
	border-top: 4px solid #002D62;
	border-bottom: 4px solid #002D62;
	}
	#athletics {
	background-color: #003831;
	border-top: 4px solid #EFB21E;
	border-bottom: 4px solid #EFB21E;
	}
	#angels {
	background-color: #BA0021;
	border-top: 4px solid #003263;
	border-bottom: 4px solid #003263;
	}
	#rangers {
	background-color: #C0111F;
	border-top: 4px solid #003278;
	border-bottom: 4px solid #003278;
	}
	#mariners {
	background-color: #005C5C;
	border-top: 4px solid #0C2C56;
	border-bottom: 4px solid #0C2C56;
	}
	#nationals {
	background-color: #AB0003;
	border-top: 4px solid #14225A;
	border-bottom: 4px solid #14225A;
	}
	#braves {
	background-color: #CE1141;
	border-top: 4px solid #13274F;
	border-bottom: 4px solid #13274F;
	}
	#mets {
	background-color: #002D72;
	border-top: 4px solid #FF5910;
	border-bottom: 4px solid #FF5910;
	}
	#phillies {
	background-color: #E81828;
	border-top: 4px solid #002D72;
	border-bottom: 4px solid #002D72;
	}
	#marlins {
	background-color: #41748D;
	border-top: 4px solid #EF3340;
	border-bottom: 4px solid #EF3340;
	}
	#cardinals {
	background-color: #C41E3A;
	border-top: 4px solid #0C2340;
	border-bottom: 4px solid #0C2340;
	}
	#cubs {
	background-color: #0E3386;
	border-top: 4px solid #CC3433;
	border-bottom: 4px solid #CC3433;
	}
	#reds {
	background-color: #C6011F;
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	}
	#brewers {
	background-color: #12284B;
	border-top: 4px solid #FFC52F;
	border-bottom: 4px solid #FFC52F;
	}
	#pirates {
	background-color: #27251F;
	border-top: 4px solid #FDB827;
	border-bottom: 4px solid #FDB827;
	}
	#dodgers {
	background-color: #005A9C;
	border-top: 4px solid #EF3E42;
	border-bottom: 4px solid #EF3E42;
	}
	#dbacks {
	background-color: #A71930;
	border-top: 4px solid #000000;
	border-bottom: 4px solid #000000;
	}
	#padres {
	background-color: #2F241D;
	border-top: 4px solid #FFC425;
	border-bottom: 4px solid #FFC425;
	}
	#rockies {
	background-color: #33006F;
	border-top: 4px solid #C4CED4;
	border-bottom: 4px solid #C4CED4;
	}
	#giants {
	background-color: #FD5A1E;
	border-top: 4px solid #27251F;
	border-bottom: 4px solid #27251F;
	}
	#freeagent {
	background-color: #242424;
	border-top: 4px solid darkgray;
	border-bottom: 4px solid darkgray;
	}
	#yankeesnav {
	background-color: #0C2340;
	}
	#raysnav {
	background-color: #092C5C;
	}
	#redsoxnav {
	background-color: #BD3039;
	}
	#bluejaysnav {
	background-color: #134A8E;
	}
	#oriolesnav {
	background-color: #DF4601;
	}
	#twinsnav {
	background-color: #D31145;
	}
	#guardiansnav {
	background-color: #E50022;
	}
	#whitesoxnav {
	background-color: #27251F;
	}
	#royalsnav {
	background-color: #004687;
	}
	#tigersnav {
	background-color: #0C2340;
	}
	#astrosnav {
	background-color: #EB6E1F;
	}
	#athleticsnav {
	background-color: #003831;
	}
	#angelsnav {
	background-color: #BA0021;
	}
	#rangersnav {
	background-color: #C0111F;
	}
	#marinersnav {
	background-color: #005C5C;
	}
	#nationalsnav {
	background-color: #AB0003;
	}
	#bravesnav {
	background-color: #CE1141;
	}
	#metsnav {
	background-color: #002D72;
	}
	#philliesnav {
	background-color: #E81828;
	} 
	#marlinsnav {
	background-color: #41748D;
	}
	#cardinalsnav {
	background-color: #C41E3A;
	}
	#cubsnav {
	background-color: #0E3386;
	}
	#redsnav {
	background-color: #C6011F;
	}
	#brewersnav {
	background-color: #12284B;
	}
	#piratesnav {
	background-color: #27251F;
	}
	#dodgersnav {
	background-color: #005A9C;
	}
	#dbacksnav {
	background-color: #A71930;
	}
	#padresnav {
	background-color: #2F241D;
	}
	#rockiesnav {
	background-color: #33006F;
	}
	#giantsnav {
	background-color: #FD5A1E;
	}
	#freeagentnav {
	background-color: #242424;
	}
	#yankeestm {
	background-color: #0C2340;
	border: 4px solid #C4CED3;
	}
	#raystm {
	background-color: #092C5C;
	border: 4px solid #8FBCE6;
	}
	#redsoxtm {
	background-color: #BD3039;
	border: 4px solid #0C2340;
	}
	#bluejaystm {
	background-color: #134A8E;
	border: 4px solid #E8291C;
	}
	#oriolestm {
	background-color: #DF4601;
	border: 4px solid #000000;
	}
	#twinstm {
	background-color: #D31145;
	border: 4px solid #002B5C;
	}
	#guardianstm {
	background-color: #E50022;
	border: 4px solid #00385D;
	}
	#whitesoxtm {
	background-color: #27251F;
	border: 4px solid #C4CED4;
	}
	#royalstm {
	background-color: #004687;
	border: 4px solid #BD9B60;
	}
	#tigerstm {
	background-color: #0C2340;
	border: 4px solid #FA4616;
	}
	#astrostm {
	background-color: #EB6E1F;
	border: 4px solid #002D62;
	}
	#athleticstm {
	background-color: #003831;
	border: 4px solid #EFB21E;
	}
	#angelstm {
	background-color: #BA0021;
	border: 4px solid #003263;
	}
	#rangerstm {
	background-color: #C0111F;
	border: 4px solid #003278;
	}
	#marinerstm {
	background-color: #005C5C;
	border: 4px solid #0C2C56;
	}
	#nationalstm {
	background-color: #AB0003;
	border: 4px solid #14225A;
	}
	#bravestm {
	background-color: #CE1141;
	border: 4px solid #13274F;
	}
	#metstm {
	background-color: #002D72;
	border: 4px solid #FF5910;
	}
	#philliestm {
	background-color: #E81828;
	border: 4px solid #002D72;
	}
	#marlinstm {
	background-color: #41748D;
	border: 4px solid #EF3340;
	}
	#cardinalstm {
	background-color: #C41E3A;
	border: 4px solid #0C2340;
	}
	#cubstm {
	background-color: #0E3386;
	border: 4px solid #CC3433;
	}
	#redstm {
	background-color: #C6011F;
	border: 4px solid #000000;
	}
	#brewerstm {
	background-color: #12284B;
	border: 4px solid #FFC52F;
	}
	#piratestm {
	background-color: #27251F;
	border: 4px solid #FDB827;
	}
	#dodgerstm {
	background-color: #005A9C;
	border: 4px solid #EF3E42;
	}
	#dbackstm {
	background-color: #A71930;
	border: 4px solid #000000;
	}
	#padrestm {
	background-color: #2F241D;
	border: 4px solid #FFC425;
	}
	#rockiestm {
	background-color: #33006F;
	border: 4px solid #C4CED4;
	}
	#giantstm {
	background-color: #FD5A1E;
	border: 4px solid #27251F;
	}
	#freeagenttm {
	background-color: #242424;
	border: 4px solid darkgray;
	}
.sidenav {
height: 100%;
width: 7%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: darkgray;
overflow-x: hidden;
padding-top: 20px;
}
.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenavright {
height: 100%;
width: 7%;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: darkgray;
overflow-x: hidden;
padding-top: 20px;
}
.sidenavright a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.sidenavright a:hover {
color: #f1f1f1;
}
.column {
float: left;
width: 28.5%;
padding: 16px;
}
.row::after {
content: "";
clear: both;
display: table;
}
p.article {
float: right;
font-size: 30px;
line-height: 36px;
color: black;
margin-bottom: 20px;
}
p.article1 {
float: left;
font-size: 30px;
line-height: 39px;
margin-left: 10px;
}
p.title {
color: black;
font-size: 45px;
float: left;
line-height: 40px;
margin: 20px 0 0 0;
}
p.title1 {
background-color: white;
font-weight: bold;
color: black;
font-size: 38px;
float: left;
line-height: 40px;
margin-bottom: 20px;
}
span.title {
background-color: darkgray;
color: white;
font-size: 36px;
float: center;
line-height: 43px;
}
img.articleimg {
float: left;
width: 70%;
margin: 5px auto;
}
img.articleimglarge {
float: left;
width: 60%;
margin: 0;
}
img.article {
float: center;
height: 200px;
margin: 0.5vw auto;
}
h6 {
margin-left: 211px;
margin-bottom: 25px;
font-size: 24px;
}
img.team {
width: 55%;
display: auto;
margin: 15px auto 5px auto;
}
img.teamsmall {
width: 9.8%;
margin: 10px 0 5px 0;
display: inline-block;
}
div.center6 {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #002D72;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 6px;
  right: 25px;
  font-size: 55px;
  margin-left: 50px;
}

div.openbtn {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  cursor: pointer;
  font-weight: 900;
  color: white;
  background-color: #002D72;
  padding: 15px 13px 13px 13px;
  text-transform: uppercase;
  font-size: 72px;
  border-bottom: 3.5px solid gainsboro;
  font-family: "SF Pro";
}
a.xactive {
  color: white;
}
.openbtn:hover {
  background-color: #002D72;
}

#main {
  transition: margin-left .5s;
  padding: 0;
}
#red {
	border-top: 1.5px solid #d9d9d9;
	padding: 6px 0 6px 20px;
	font-size: 42px;
}
#red:hover {
	color: red;
}
hr.black {
border-top: solid 3px black;
margin-left: -0.5vw;
}
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
#new {
	background-color: red;
	font-size: 62px;
	padding: 20px 10px;
	line-height: 30px;
	margin: -48px 8px 40px 8px;
	text-transform: uppercase;
	color: white;
	text-align: left;
	font-weight: bold;
}
img.start {
width: 185px;
margin: 60px auto 0 auto;
}
}
@media screen and (min-width: 800px) and (max-width: 1099px) {
main img {
width: 70%;
margin: 4px auto 1vw auto;
}
main p {
font-size: 3.7vw;
line-height: 5.4vw;
margin: 0 0 3vw 0;
}
main p.two {
font-size: 3.7vw;
line-height: 4.5vw;
margin: 0 0 3vw 0;
}
.gs-snippet {
margin-left: 100px;
}
.content {
box-sizing: border-box;
background-color: gainsboro;
margin: 1.5vw 3vw;
padding: 0.1vw 2vw 1vw 2vw;
border: 0;
border-radius: 5px;
}
table {
border-spacing: 0 0.7vw;
}
table.leftspace, table.full, table.rightspace, table.leftawards, table.rightawards, table.centerawards {
border-spacing: 0.4vw 0.8vw;
}
table.indteam {
margin: 1.5vw auto;
border-spacing: 0;
}
table.indteam, th.indteam, td.indteam {
border: 0.1vw solid black;
}
img.player {
margin: 2vw auto;
width: 50%;
}
div.mlbteams {
margin-bottom: 2.3vw;
}
h1 {
font-size: 7.5vw;
margin: 0 0 3vw 0;
}
h1.one {
font-size: 7.5vw;
margin: 0;
}
h2 {
color: black;
font-size: 5vw;
line-height: 2.5vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1vw 0.6vw;
}
h2.mlbteams {
color: black;
font-size: 5vw;
line-height: 2.5vw;
margin: 0 auto;
border: 0.3vw dotted black;
padding: 1vw 0.6vw;
}
h2.left {
color: black;
font-size: 5vw;
line-height: 2.5vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1vw 0.6vw;
}
h2.right {
color: black;
font-size: 5vw;
line-height: 2.5vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1vw 0.6vw;
}
h2.center {
color: black;
font-size: 5vw;
line-height: 2.5vw;
margin: 0 auto;
border: 0.3vw dotted black;
padding: 1vw 0.6vw;
}
h3 {
font-size: 2.8vw;
margin: 1.2vw auto;
padding: auto;
}
h3.one {
font-size: 3.3vw;
margin: auto;
padding: auto;
}
h3.left {
font-size: 5.5vw;
margin: 0 0.4vw;
}
h3.right {
font-size: 4.3vw;
margin: 0.2vw 0.7vw;
line-height: 4.1vw;
}
h3.center {
font-size: 5.1vw;
margin: 1vw 1vw;
line-height: 4.3vw;
}
h3.righttwo {
font-size: 3.8vw;
margin: 0.7vw;
}
h4 {
font-size: 3.6vw;
margin: 0.5vw 0;
line-height: 3.6vw;
}
h4.one {
font-size: 3.6vw;
margin: 0.6vw 1.4vw;
line-height: 3.9vw;
}
h4.two {
font-size: 4.2vw;
margin: 0.7vw 0;
line-height: 3.9vw;
}
h4.playerteam {
font-size: 3.6vw;
margin: 0.5vw 0;
line-height: 3.8vw;
}
h4.three {
font-size: 3.6vw;
margin: 0.5vw 0;
line-height: 3.9vw;
}
h5 {
font-size: 1.4vw;
margin: 0.2vw 0 0.5vw 0;
}
h5.awards {
font-size: 1.5vw;
margin: 1vw 0 0 0;
}
th {
padding: -2vw;
font-size: 2.1vw;
text-transform: uppercase;
}
.vl {
border-left: 0.5vw solid green;
height: 23vw;
margin-left: 0.8vw;
display: inline;
}
p {
line-height: 3.7vw;
font-size: 2.5vw;
margin: 0.8vw;
}
p.social {
font-size: 2.5vw;
margin: -2.0vw;
}
p.contact {
font-size: 4vw;
text-align: center;
line-height: 4.5vw;
padding-top: 0.5vw;
margin: 0 0 1vw 0;
}
p.other {
font-size: 2.5vw;
margin: 0.5vw;
color: black;
}
div.wrap {
margin-left: 0.5vmax;
}
.navbar {
width: 100%;
background-color: #666;
overflow: auto;
}
.navbar a {
float: left;
padding: 1vw 1.5vw;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 2vw;
text-align: center;
}
.navbar a:hover {
background-color: #000;
}
.navbar a.active {
background-color: #144ea6;
}
.navbar a {
float: none;
display: block;
width: 100%;
text-align: left;
}
div.box {
margin: 3vw 10.2vw 3vw 10.2vw;
padding: 1vw 3vw;
background-color: darkgray;
border-radius: 5px;
}
div.boxtwo {
margin: 3vw 6.5vw 0 6.5vw;
}
td.rank {
border-right: 0.5vw solid darkgray;
}
header img {
font-weight: bold;
text-transform: uppercase;
border-radius: 10px;
margin: 0 auto 1.2vw auto;
padding: 0.6vw;
width: 24vw;
text-align: center;
}
header img a {
color: white;
text-decoration: none;
font-size: 2.3vw;
}
#block {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 15px;
padding: 0.6vw 2vw;
margin: 0.6vw 15vw 0.6vw 15vw;
width: 35vw;
font-size: 3.6vw;
text-align: center;
}
#block a {
color: white;
text-decoration: none;
}
#sports {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 5px;
padding: 1vw 2.2vw;
margin: 0 1vw 3vw 1vw;
width: 13vw;
font-size: 2vw;
text-align: center;
}
#sports a {
color: black;
text-decoration: none;
}
#home {
color: white;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
margin: 0 auto 2vw auto;
padding: 0.5vw;
width: 45vw;
text-align: center;
}
#home a {
color: white;
font-size: 1.8vw;
text-decoration: none;
}
table.leftplayoffs, table.left, table.leftawards, table.leftseason, table.lefttwo {
float: left;
width: 49%;
margin: 0 0 3vw 0;
}
table.rightplayoffs, table.right, table.rightawards, table.rightseason {
float: right;
width: 49%;
margin: 0 0 3vw 0;
}
table.tm {
width: 75%;
margin: 0 auto 3vw auto;
}
table.leftextra {
width: 49%;
margin: 0 0 -0.7vw 0;
float: left;
}
table.rightextra {
float: right;
width: 49%;
margin: 0 0 -0.7vw 0;
}
table.center {
float: center;
width: 49%;
margin: 0 auto 3vw auto;
}
table.centerawards {
float: center;
width: 49%;
margin: 0;
}
table.full {
float: center;
width: 100%;
margin: 0 auto 3vw auto;
}
div.playoffs {
height: 7vw;
margin: 0;
}
p.notes {
font-size: 2.4vw;
margin-top: 0;
text-align: left;
line-height: 3.8vw;
}
a {
color: white;
text-decoration: none;
}
	#yankees {
	background-color: #0C2340;
	border-top: 0.4vw solid #C4CED3;
	border-bottom: 0.4vw solid #C4CED3;
	}
	#rays {
	background-color: #092C5C;
	border-top: 0.4vw solid #8FBCE6;
	border-bottom: 0.4vw solid #8FBCE6;
	}
	#redsox {
	background-color: #BD3039;
	border-top: 0.4vw solid #0C2340;
	border-bottom: 0.4vw solid #0C2340;
	}
	#bluejays {
	background-color: #134A8E;
	border-top: 0.4vw solid #E8291C;
	border-bottom: 0.4vw solid #E8291C;
	}
	#orioles {
	background-color: #DF4601;
	border-top: 0.4vw solid #000000;
	border-bottom: 0.4vw solid #000000;
	}
	#twins {
	background-color: #D31145;
	border-top: 0.4vw solid #002B5C;
	border-bottom: 0.4vw solid #002B5C;
	}
	#guardians {
	background-color: #E50022;
	border-top: 0.4vw solid #00385D;
	border-bottom: 0.4vw solid #00385D;
	}
	#whitesox {
	background-color: #27251F;
	border-top: 0.4vw solid #C4CED4;
	border-bottom: 0.4vw solid #C4CED4;
	}
	#royals {
	background-color: #004687;
	border-top: 0.4vw solid #BD9B60;
	border-bottom: 0.4vw solid #BD9B60;
	}
	#tigers {
	background-color: #0C2340;
	border-top: 0.4vw solid #FA4616;
	border-bottom: 0.4vw solid #FA4616;
	}
	#astros {
	background-color: #EB6E1F;
	border-top: 0.4vw solid #002D62;
	border-bottom: 0.4vw solid #002D62;
	}
	#athletics {
	background-color: #003831;
	border-top: 0.4vw solid #EFB21E;
	border-bottom: 0.4vw solid #EFB21E;
	}
	#angels {
	background-color: #BA0021;
	border-top: 0.4vw solid #003263;
	border-bottom: 0.4vw solid #003263;
	}
	#rangers {
	background-color: #C0111F;
	border-top: 0.4vw solid #003278;
	border-bottom: 0.4vw solid #003278;
	}
	#mariners {
	background-color: #005C5C;
	border-top: 0.4vw solid #0C2C56;
	border-bottom: 0.4vw solid #0C2C56;
	}
	#nationals {
	background-color: #AB0003;
	border-top: 0.4vw solid #14225A;
	border-bottom: 0.4vw solid #14225A;
	}
	#braves {
	background-color: #CE1141;
	border-top: 0.4vw solid #13274F;
	border-bottom: 0.4vw solid #13274F;
	}
	#mets {
	background-color: #002D72;
	border-top: 0.4vw solid #FF5910;
	border-bottom: 0.4vw solid #FF5910;
	}
	#phillies {
	background-color: #E81828;
	border-top: 0.4vw solid #002D72;
	border-bottom: 0.4vw solid #002D72;
	}
	#marlins {
	background-color: #41748D;
	border-top: 0.4vw solid #EF3340;
	border-bottom: 0.4vw solid #EF3340;
	}
	#cardinals {
	background-color: #C41E3A;
	border-top: 0.4vw solid #0C2340;
	border-bottom: 0.4vw solid #0C2340;
	}
	#cubs {
	background-color: #0E3386;
	border-top: 0.4vw solid #CC3433;
	border-bottom: 0.4vw solid #CC3433;
	}
	#reds {
	background-color: #C6011F;
	border-top: 0.4vw solid #000000;
	border-bottom: 0.4vw solid #000000;
	}
	#brewers {
	background-color: #12284B;
	border-top: 0.4vw solid #FFC52F;
	border-bottom: 0.4vw solid #FFC52F;
	}
	#pirates {
	background-color: #27251F;
	border-top: 0.4vw solid #FDB827;
	border-bottom: 0.4vw solid #FDB827;
	}
	#dodgers {
	background-color: #005A9C;
	border-top: 0.4vw solid #EF3E42;
	border-bottom: 0.4vw solid #EF3E42;
	}
	#dbacks {
	background-color: #A71930;
	border-top: 0.4vw solid #000000;
	border-bottom: 0.4vw solid #000000;
	}
	#padres {
	background-color: #2F241D;
	border-top: 0.4vw solid #FFC425;
	border-bottom: 0.4vw solid #FFC425;
	}
	#rockies {
	background-color: #33006F;
	border-top: 0.4vw solid #C4CED4;
	border-bottom: 0.4vw solid #C4CED4;
	}
	#giants {
	background-color: #FD5A1E;
	border-top: 0.4vw solid #27251F;
	border-bottom: 0.4vw solid #27251F;
	}
	#freeagent {
	background-color: #242424;
	border-top: 0.4vw solid darkgray;
	border-bottom: 0.4vw solid darkgray;
	}
	#yankeesnav {
	background-color: #0C2340;
	}
	#raysnav {
	background-color: #092C5C;
	}
	#redsoxnav {
	background-color: #BD3039;
	}
	#bluejaysnav {
	background-color: #134A8E;
	}
	#oriolesnav {
	background-color: #DF4601;
	}
	#twinsnav {
	background-color: #D31145;
	}
	#guardiansnav {
	background-color: #E50022;
	}
	#whitesoxnav {
	background-color: #27251F;
	}
	#royalsnav {
	background-color: #004687;
	}
	#tigersnav {
	background-color: #0C2340;
	}
	#astrosnav {
	background-color: #EB6E1F;
	}
	#athleticsnav {
	background-color: #003831;
	}
	#angelsnav {
	background-color: #BA0021;
	}
	#rangersnav {
	background-color: #C0111F;
	}
	#marinersnav {
	background-color: #005C5C;
	}
	#nationalsnav {
	background-color: #AB0003;
	}
	#bravesnav {
	background-color: #CE1141;
	}
	#metsnav {
	background-color: #002D72;
	}
	#philliesnav {
	background-color: #E81828;
	}
	#marlinsnav {
	background-color: #41748D;
	}
	#cardinalsnav {
	background-color: #C41E3A;
	}
	#cubsnav {
	background-color: #0E3386;
	}
	#redsnav {
	background-color: #C6011F;
	}
	#brewersnav {
	background-color: #12284B;
	}
	#piratesnav {
	background-color: #27251F;
	}
	#dodgersnav {
	background-color: #005A9C;
	}
	#dbacksnav {
	background-color: #A71930;
	}
	#padresnav {
	background-color: #2F241D;
	}
	#rockiesnav {
	background-color: #33006F;
	}
	#giantsnav {
	background-color: #FD5A1E;
	}
	#freeagentnav {
	background-color: #242424;
	}
	#yankeestm {
	background-color: #0C2340;
	border: 0.4vw solid #C4CED3;
	}
	#raystm {
	background-color: #092C5C;
	border: 0.4vw solid #8FBCE6;
	}
	#redsoxtm {
	background-color: #BD3039;
	border: 0.4vw solid #0C2340;
	}
	#bluejaystm {
	background-color: #134A8E;
	border: 0.4vw solid #E8291C;
	}
	#oriolestm {
	background-color: #DF4601;
	border: 0.4vw solid #000000;
	}
	#twinstm {
	background-color: #D31145;
	border: 0.4vw solid #002B5C;
	}
	#guardianstm {
	background-color: #E50022;
	border: 0.4vw solid #00385D;
	}
	#whitesoxtm {
	background-color: #27251F;
	border: 0.4vw solid #C4CED4;
	}
	#royalstm {
	background-color: #004687;
	border: 0.4vw solid #BD9B60;
	}
	#tigerstm {
	background-color: #0C2340;
	border: 0.4vw solid #FA4616;
	}
	#astrostm {
	background-color: #EB6E1F;
	border: 0.4vw solid #002D62;
	}
	#athleticstm {
	background-color: #003831;
	border: 0.4vw solid #EFB21E;
	}
	#angelstm {
	background-color: #BA0021;
	border: 0.4vw solid #003263;
	}
	#rangerstm {
	background-color: #C0111F;
	border: 0.4vw solid #003278;
	}
	#marinerstm {
	background-color: #005C5C;
	border: 0.4vw solid #0C2C56;
	}
	#nationalstm {
	background-color: #AB0003;
	border: 0.4vw solid #14225A;
	}
	#bravestm {
	background-color: #CE1141;
	border: 0.4vw solid #13274F;
	}
	#metstm {
	background-color: #002D72;
	border: 0.4vw solid #FF5910;
	}
	#philliestm {
	background-color: #E81828;
	border: 0.4vw solid #002D72;
	}
	#marlinstm {
	background-color: #41748D;
	border: 0.4vw solid #EF3340;
	}
	#cardinalstm {
	background-color: #C41E3A;
	border: 0.4vw solid #0C2340;
	}
	#cubstm {
	background-color: #0E3386;
	border: 0.4vw solid #CC3433;
	}
	#redstm {
	background-color: #C6011F;
	border: 0.4vw solid #000000;
	}
	#brewerstm {
	background-color: #12284B;
	border: 0.4vw solid #FFC52F;
	}
	#piratestm {
	background-color: #27251F;
	border: 0.4vw solid #FDB827;
	}
	#dodgerstm {
	background-color: #005A9C;
	border: 0.4vw solid #EF3E42;
	}
	#dbackstm {
	background-color: #A71930;
	border: 0.4vw solid #000000;
	}
	#padrestm {
	background-color: #2F241D;
	border: 0.4vw solid #FFC425;
	}
	#rockiestm {
	background-color: #33006F;
	border: 0.4vw solid #C4CED4;
	}
	#giantstm {
	background-color: #FD5A1E;
	border: 0.4vw solid #27251F;
	}
	#freeagenttm {
	background-color: #242424;
	border: 0.4vw solid darkgray;
	}
.sidenav {
height: 100%;
width: 4%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: darkgray;
overflow-x: hidden;
padding-top: 20px;
}
.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenavright {
height: 100%;
width: 4%;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: darkgray;
overflow-x: hidden;
padding-top: 20px;
}
.sidenavright a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.sidenavright a:hover {
color: #f1f1f1;
}
.column {
float: left;
width: 30%;
padding: 1.4vw;
}
.row::after {
content: "";
clear: both;
display: table;
}
p.article {
float: right;
font-size: 2.9vw;
line-height: 4vw;
color: black;
}
p.article1 {
float: left;
font-size: 3vw;
line-height: 4.2vw;
}
p.title {
color: black;
font-size: 4.5vw;
float: left;
line-height: 4vw;
margin: 2.3vw 0 0 0;
}
p.title1 {
background-color: white;
font-weight: bold;
color: black;
font-size: 3.6vw;
float: left;
line-height: 4vw;
margin-bottom: 1.5vw;
}
span.title {
background-color: darkgray;
color: white;
font-size: 3.6vw;
float: center;
line-height: 5vw;
}
img.articleimg {
float: left;
width: 70%;
margin: 0.25vw auto;
}
img.articleimglarge {
float: left;
width: 60%;
margin: 0
}
img.article {
float: left;
height: 20vw;
margin: 0.5vw auto;
}
h6 {
margin-bottom: 3vw;
margin-left: 17.7vw;
font-size: 2.6vw;
}
img.team {
width: 60%;
margin: 3px auto 0.7vw auto;
}
img.teamsmall {
width: 9.8%;
margin: 1vw 0 0.5vw 0;
display: inline-block;
}
div.center6 {
display: block;
margin-left: 3vw;
margin-right: 3vw;
width: 100%;
}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #002D72;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidebar a {
  padding: 2px 8px 2px 32px;
  text-decoration: none;
  font-size: 30px;
  color: white;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}
.sidebar a:hover {
  color: #f1f1f1;
}
.sidebar .closebtn {
  position: absolute;
  top: 42px;
  right: 25px;
  font-size: 50px;
  margin-left: 50px;
}
div.openbtn {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  cursor: pointer;
  font-weight: 900;
  color: white;
  background-color: #002D72;
  padding: 14px 12px 12px 12px;
  text-transform: uppercase;
  font-size: 67px;
  border-bottom: 3px solid gainsboro;
  font-family: "SF Pro";
}
a.xactive {
  color: white;
}
.openbtn:hover {
  background-color: #002D72;
}
#main {
  transition: margin-left .5s;
  padding: 0;
}
#red {
	border-top: 1.5px solid #d9d9d9;
	padding: 5px 0 5px 18px;
	font-size: 42px;
}
#red:hover {
	color: red;
}
img.start {
width: 180px;
margin: 90px auto 0 auto;
}
hr.black {
border-top: solid 2vw black;
}
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
#new {
	background-color: red;
	font-size: 62px;
	padding: 11px 300px 11px 11px;
	line-height: 55px;
	margin: -48px 10px 40px 10px;
	text-transform: uppercase;
	color: white;
	text-align: left;
	font-weight: bold;
}
}
@media screen and (max-width: 799px){
body {
background-color: gainsboro;
}
main img {
width: 70%;
margin: 5px auto 1vw auto;
}
main p {
font-size: 4.5vw;
line-height: 6.2vw;
margin: 0 0 4vw 0;
}
main p.two {
font-size: 4.5vw;
line-height: 5.5vw;
margin: 0 0 4vw 0;
}
.gs-snippet {
margin-left: 100px;
}
.content {
box-sizing: border-box;
background-color: gainsboro;
margin: 1.5vw 2vw;
padding: 0.1vw 5vw 0 5vw;
border: 0;
border-radius: 5px;
}
table.left, table.right, table.center, table.leftextra, table.rightextra, table.leftseason, table.rightseason, table.tm, table.full, table.lefttwo {
border-spacing: 0 0.9vw;
} 
table.leftspace, table.rightspace, table.leftawards, table.rightawards, table.centerawards {
border-spacing: 0.4vw 0.9vw;
}
table.leftteam {
border-spacing: 0.4vw 0.9vw;
}
table.indteam {
margin: 1.5vw auto;
border-spacing: 0;
}
table.indteam, th.indteam, td.indteam {
border: 0.1vw solid black;
}
img.player {
margin: 2vw auto;
width: 50%;
}
div.mlbteams {
margin-bottom: 2.8vw;
}
h1 {
font-size: 9vw;
margin: 0 0 4vw 0;
}
h1.one {
font-size: 9vw;
margin: 0;
}
h2 {
color: black;
font-size: 6.5vw;
line-height: 3vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1.5vw 0.6vw;
}
h2.mlbteams {
color: black;
font-size: 6.5vw;
line-height: 3vw;
margin: 0 auto;
border: 0.3vw dotted black;
padding: 1.5vw 0.6vw;
}
h2.left {
color: black;
font-size: 6.5vw;
line-height: 3vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1.5vw 0.6vw;
}
h2.right {
color: black;
font-size: 6.5vw;
line-height: 3vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1.5vw 0.6vw;
}
h2.center {
color: black;
font-size: 6.5vw;
line-height: 3vw;
margin: 0;
border: 0.3vw dotted black;
padding: 1.5vw 0.6vw;
}
h3 {
font-size: 2.7vw;
margin: 1.5vw auto;
padding: auto;
}
h3.one {
font-size: 2.7vw;
margin: 1vw auto;
padding: auto;
}
h3.left {
font-size: 7.5vw;
margin: 0.6vw 0.5vw;
}
h3.right {
font-size: 6.2vw;
margin: 0.4vw 1vw;
line-height: 5.7vw;
}
h3.center {
font-size: 7.6vw;
margin: 0.8vw 2.5vw;
line-height: 5.7vw;
}
h3.righttwo {
font-size: 4.5vw;
margin: 1.4vw 0.8vw;
}
h4 {
font-size: 5vw;
margin: 0.7vw 0;
line-height: 4.8vw;
}
h4.one {
font-size: 5vw;
margin: 0.7vw 1.5vw;
line-height: 4.8vw;
}
h4.two {
font-size: 5.4vw;
margin: 1vw 0;
}
h4.three {
font-size: 5vw;
margin: 0.9vw 0;
line-height: 4.9vw;
}
h4.playerteam {
font-size: 5vw;
margin: 0.9vw 0;
line-height: 4.9vw;
}
h4.mlbtwo {
font-size: 5vw;
margin: 0.9vw 0;
line-height: 4.8vw;
}
h5 {
font-size: 1.6vw;
margin: 0.3vw 0 0.65vw 0;
}
h5.awards {
font-size: 1.6vw;
margin: 1vw 0 0 0;
}
th {
padding: 0;
font-size: 3.5vw;
text-transform: uppercase;
}
.vl {
border-left: 0.7vw solid green;
height: 25vw;
margin-left: 0.8vw;
display: inline;
}
p {
line-height: 4vw;
font-size: 2.7vw;
margin: 1vw;
}
p.social {
font-size: 2.7vw;
margin: -2vw;
}
p.contact {
font-size: 5vw;
text-align: center;
line-height: 6vw;
margin: 0;
}
p.other {
font-size: 3vw;
margin: 0.7vw;
color: black;
}
div.wrap {
margin-left: 0.5vmax;
}
.navbar {
width: 100%;
background-color: #666;
overflow: auto;
}
.navbar a {
float: left;
padding: 9px;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 19px;
width: 20%;
text-align: center;
}
.navbar a:hover {
background-color: #000;
}
.navbar a.active {
background-color: #144ea6;
}
.navbar a {
float: none;
display: block;
width: 100%;
text-align: left;
}
div.box {
margin: 2vw;
padding: 1.5vw 5vw;
background-color: darkgray;
border-radius: 5px;
}
div.boxtwo {
margin: 3vw 6.5vw 0 6.5vw;
}
td.rank {
border-right: 0.5vw solid darkgray;
}
header img {
font-weight: bold;
text-transform: uppercase;
border-radius: 2vw;
margin: 0 auto 1vw auto;
padding: 1.2vw;
width: 34vw;
text-align: center;
}
header img a {
color: white;
text-decoration: none;
font-size: 2.3vmax;
}
#block {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 15px;
padding: 1vw;
margin: 0.8vw 13vw 0.8vw 13vw;
width: 45vw;
font-size: 4.5vw;
text-align: center;
}
#block a {
color: white;
text-decoration: none;
}
#sports {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 5px;
padding: 1vw 2.2vw;
margin: 0 1vw 3vw 1vw;
width: 13vw;
font-size: 2vw;
text-align: center;
}
#sports a {
color: black;
text-decoration: none;
}
#home {
color: white;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
margin: 0 auto 2vw auto;
padding: 0.5vw;
width: 45vw;
text-align: center;
}
#home a {
color: white;
font-size: 1.8vw;
text-decoration: none;
}
table.leftplayoffs, table.left, table.leftawards {
width: 100%;
margin: 0 0 -1vw 0;
}
table.rightplayoffs, table.right, table.rightawards {
width: 100%;
margin: 0 0 4vw 0;
}
table.tm {
width: 100%;
margin: 0 auto 4vw auto;
}
table.leftseason {
width: 100%;
margin: 0 0 4vw 0;
}
table.rightseason {
width: 100%;
margin: 0 0 4vw 0;
}
table.leftextra {
width: 100%;
margin: 0 0 -1vw 0;
float: center;
}
table.rightextra {
float: center;
width: 100%;
margin: 0 0 -1vw 0;
}
table.center {
float: center;
width: 100%;
margin: 0 0 4vw 0;
}
table.lefttwo {
float: center;
width: 100%;
margin: 0 0 -1vw 0;
}
table.centerawards {
float: center;
width: 100%;
margin: 0 0 1vw 0;
}
table.full {
width: 100%;
margin: 0 0 4vw 0;
}
div.playoffs {
height: 7vw;
margin: 0;
}
p.notes {
font-size: 2.4vw;
margin-top: 0;
text-align: left;
line-height: 3.8vw;
}
a {
color: white;
text-decoration: none;
}
	#yankees {
	background-color: #0C2340;
	border-top: 0.5vw solid #C4CED3;
	border-bottom: 0.5vw solid #C4CED3;
	}
	#rays {
	background-color: #092C5C;
	border-top: 0.5vw solid #8FBCE6;
	border-bottom: 0.5vw solid #8FBCE6;
	}
	#redsox {
	background-color: #BD3039;
	border-top: 0.5vw solid #0C2340;
	border-bottom: 0.5vw solid #0C2340;
	}
	#bluejays {
	background-color: #134A8E;
	border-top: 0.5vw solid #E8291C;
	border-bottom: 0.5vw solid #E8291C;
	}
	#orioles {
	background-color: #DF4601;
	border-top: 0.5vw solid #000000;
	border-bottom: 0.5vw solid #000000;
	}
	#twins {
	background-color: #D31145;
	border-top: 0.5vw solid #002B5C;
	border-bottom: 0.5vw solid #002B5C;
	}
	#guardians {
	background-color: #E50022;
	border-top: 0.5vw solid #00385D;
	border-bottom: 0.5vw solid #00385D;
	}
	#whitesox {
	background-color: #27251F;
	border-top: 0.5vw solid #C4CED4;
	border-bottom: 0.5vw solid #C4CED4;
	}
	#royals {
	background-color: #004687;
	border-top: 0.5vw solid #BD9B60;
	border-bottom: 0.5vw solid #BD9B60;
	}
	#tigers {
	background-color: #0C2340;
	border-top: 0.5vw solid #FA4616;
	border-bottom: 0.5vw solid #FA4616;
	}
	#astros {
	background-color: #EB6E1F;
	border-top: 0.5vw solid #002D62;
	border-bottom: 0.5vw solid #002D62;
	}
	#athletics {
	background-color: #003831;
	border-top: 0.5vw solid #EFB21E;
	border-bottom: 0.5vw solid #EFB21E;
	}
	#angels {
	background-color: #BA0021;
	border-top: 0.5vw solid #003263;
	border-bottom: 0.5vw solid #003263;
	}
	#rangers {
	background-color: #C0111F;
	border-top: 0.5vw solid #003278;
	border-bottom: 0.5vw solid #003278;
	}
	#mariners {
	background-color: #005C5C;
	border-top: 0.5vw solid #0C2C56;
	border-bottom: 0.5vw solid #0C2C56;
	}
	#nationals {
	background-color: #AB0003;
	border-top: 0.5vw solid #14225A;
	border-bottom: 0.5vw solid #14225A;
	}
	#braves {
	background-color: #CE1141;
	border-top: 0.5vw solid #13274F;
	border-bottom: 0.5vw solid #13274F;
	}
	#mets {
	background-color: #002D72;
	border-top: 0.5vw solid #FF5910;
	border-bottom: 0.5vw solid #FF5910;
	}
	#phillies {
	background-color: #E81828;
	border-top: 0.5vw solid #002D72;
	border-bottom: 0.5vw solid #002D72;
	}
	#marlins {
	background-color: #41748D;
	border-top: 0.5vw solid #EF3340;
	border-bottom: 0.5vw solid #EF3340;
	}
	#cardinals {
	background-color: #C41E3A;
	border-top: 0.5vw solid #0C2340;
	border-bottom: 0.5vw solid #0C2340;
	}
	#cubs {
	background-color: #0E3386;
	border-top: 0.5vw solid #CC3433;
	border-bottom: 0.5vw solid #CC3433;
	}
	#reds {
	background-color: #C6011F;
	border-top: 0.5vw solid #000000;
	border-bottom: 0.5vw solid #000000;
	}
	#brewers {
	background-color: #12284B;
	border-top: 0.5vw solid #FFC52F;
	border-bottom: 0.5vw solid #FFC52F;
	}
	#pirates {
	background-color: #27251F;
	border-top: 0.5vw solid #FDB827;
	border-bottom: 0.5vw solid #FDB827;
	}
	#dodgers {
	background-color: #005A9C;
	border-top: 0.5vw solid #EF3E42;
	border-bottom: 0.5vw solid #EF3E42;
	}
	#dbacks {
	background-color: #A71930;
	border-top: 0.5vw solid #000000;
	border-bottom: 0.5vw solid #000000;
	}
	#padres {
	background-color: #2F241D;
	border-top: 0.5vw solid #FFC425;
	border-bottom: 0.5vw solid #FFC425;
	}
	#rockies {
	background-color: #33006F;
	border-top: 0.5vw solid #C4CED4;
	border-bottom: 0.5vw solid #C4CED4;
	}
	#giants {
	background-color: #FD5A1E;
	border-top: 0.5vw solid #27251F;
	border-bottom: 0.5vw solid #27251F;
	}
	#freeagent {
	background-color: #242424;
	border-top: 0.5vw solid darkgray;
	border-bottom: 0.5vw solid darkgray;
	}
	#yankeesnav {
	background-color: #0C2340;
	}
	#raysnav {
	background-color: #092C5C;
	}
	#redsoxnav {
	background-color: #BD3039;
	}
	#bluejaysnav {
	background-color: #134A8E;
	}
	#oriolesnav {
	background-color: #DF4601;
	}
	#twinsnav {
	background-color: #D31145;
	}
	#guardiansnav {
	background-color: #E50022;
	}
	#whitesoxnav {
	background-color: #27251F;
	}
	#royalsnav {
	background-color: #004687;
	}
	#tigersnav {
	background-color: #0C2340;
	}
	#astrosnav {
	background-color: #EB6E1F;
	}
	#athleticsnav {
	background-color: #003831;
	}
	#angelsnav {
	background-color: #BA0021;
	}
	#rangersnav {
	background-color: #C0111F;
	}
	#marinersnav {
	background-color: #005C5C;
	}
	#nationalsnav {
	background-color: #AB0003;
	}
	#bravesnav {
	background-color: #CE1141;
	}
	#metsnav {
	background-color: #002D72;
	}
	#philliesnav {
	background-color: #E81828;
	}
	#marlinsnav {
	background-color: #41748D;
	}
	#cardinalsnav {
	background-color: #C41E3A;
	}
	#cubsnav {
	background-color: #0E3386;
	}
	#redsnav {
	background-color: #C6011F;
	}
	#brewersnav {
	background-color: #12284B;
	}
	#piratesnav {
	background-color: #27251F;
	}
	#dodgersnav {
	background-color: #005A9C;
	}
	#dbacksnav {
	background-color: #A71930;
	}
	#padresnav {
	background-color: #2F241D;
	}
	#rockiesnav {
	background-color: #33006F;
	}
	#giantsnav {
	background-color: #FD5A1E;
	}
	#freeagentnav {
	background-color: #242424;
	}
	#yankeestm {
	background-color: #0C2340;
	border: 0.5vw solid #C4CED3;
	}
	#raystm {
	background-color: #092C5C;
	border: 0.5vw solid #8FBCE6;
	}
	#redsoxtm {
	background-color: #BD3039;
	border: 0.5vw solid #0C2340;
	}
	#bluejaystm {
	background-color: #134A8E;
	border: 0.5vw solid #E8291C;
	}
	#oriolestm {
	background-color: #DF4601;
	border: 0.5vw solid #000000;
	}
	#twinstm {
	background-color: #D31145;
	border: 0.5vw solid #002B5C;
	}
	#guardianstm {
	background-color: #E50022;
	border: 0.5vw solid #00385D;
	}
	#whitesoxtm {
	background-color: #27251F;
	border: 0.5vw solid #C4CED4;
	}
	#royalstm {
	background-color: #004687;
	border: 0.5vw solid #BD9B60;
	}
	#tigerstm {
	background-color: #0C2340;
	border: 0.5vw solid #FA4616;
	}
	#astrostm {
	background-color: #EB6E1F;
	border: 0.5vw solid #002D62;
	}
	#athleticstm {
	background-color: #003831;
	border: 0.5vw solid #EFB21E;
	}
	#angelstm {
	background-color: #BA0021;
	border: 0.5vw solid #003263;
	}
	#rangerstm {
	background-color: #C0111F;
	border: 0.5vw solid #003278;
	}
	#marinerstm {
	background-color: #005C5C;
	border: 0.5vw solid #0C2C56;
	}
	#nationalstm {
	background-color: #AB0003;
	border: 0.5vw solid #14225A;
	}
	#bravestm {
	background-color: #CE1141;
	border: 0.5vw solid #13274F;
	}
	#metstm {
	background-color: #002D72;
	border: 0.5vw solid #FF5910;
	}
	#philliestm {
	background-color: #E81828;
	border: 0.5vw solid #002D72;
	}
	#marlinstm {
	background-color: #41748D;
	border: 0.5vw solid #EF3340;
	}
	#cardinalstm {
	background-color: #C41E3A;
	border: 0.5vw solid #0C2340;
	}
	#cubstm {
	background-color: #0E3386;
	border: 0.5vw solid #CC3433;
	}
	#redstm {
	background-color: #C6011F;
	border: 0.5vw solid #000000;
	}
	#brewerstm {
	background-color: #12284B;
	border: 0.5vw solid #FFC52F;
	}
	#piratestm {
	background-color: #27251F;
	border: 0.5vw solid #FDB827;
	}
	#dodgerstm {
	background-color: #005A9C;
	border: 0.5vw solid #EF3E42;
	}
	#dbackstm {
	background-color: #A71930;
	border: 0.5vw solid #000000;
	}
	#padrestm {
	background-color: #2F241D;
	border: 0.5vw solid #FFC425;
	}
	#rockiestm {
	background-color: #33006F;
	border: 0.5vw solid #C4CED4;
	}
	#giantstm {
	background-color: #FD5A1E;
	border: 0.5vw solid #27251F;
	}
	#freeagenttm {
	background-color: #242424;
	border: 0.5vw solid darkgray;
	}
.column {
float: left;
width: 30%;
padding: 1.6vw;
}
.row::after {
content: "";
clear: both;
display: table;
}
p.article {
float: center;
font-size: 3.2vw;
line-height: 4vw;
color: black;
}
p.article1 {
float: left;
font-size: 4vw;
line-height: 5.5vw;
}
p.title {
color: black;
font-size: 5vw;
float: left;
line-height: 5.3vw;
margin: 2vw 0 0 0;
}
p.title1 {
background-color: white;
font-weight: bold;
color: black;
font-size: 4.5vw;
float: left;
line-height: 5.3vw;
margin-bottom: 2vw;
}
span.title {
background-color: darkgray;
color: white;
font-size: 4.5vw;
float: center;
line-height: 5.3vw;
}
span.small {
background-color: darkgray;
color: white;
font-size: 3.8vw;
float: center;
line-height: 5.2vw;
margin-right: 3vw;
}
img.articleimg {
float: left;
width: 50%;
margin: 0.25vw 0;
}
img.articleimglarge {
float: left;
width: 60%;
margin: 0;
}
img.article {
float: center;
height: 25vw;
margin: 2vw auto;
}
h6 {
margin-left: 10.5vw;
margin-bottom: 3vw;
font-size: 3.2vw;
}
img.team {
width: 75%;
margin: 2px auto 0.6vw auto;
}
img.start {
width: 170px;
margin: 100px auto 0 auto;
}

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #002D72;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 2px 8px 2px 32px;
  text-decoration: none;
  font-size: 30px;
  color: white;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 9px;
  right: 25px;
  font-size: 45px;
  margin: 35px 0 0 0;
}
div.openbtn {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  cursor: pointer;
  font-weight: 900;
  color: white;
  background-color: #002D72;
  padding: 13px 11px 11px 11px;
  text-transform: uppercase;
  font-size: 63px;
  border-bottom: 2.5px solid gainsboro;
  font-family: "SF Pro";
}
a.xactive {
  color: white;
}
.openbtn:hover {
  background-color: #002D72;
}
#main {
  transition: margin-left .5s;
  padding: 0;
}
#red {
	border-top: 1px solid #d9d9d9;
	padding: 5px 0px 5px 20px;
	font-size: 41px;
}
#red:hover {
	color: red;
}
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
#new {
	background-color: red;
	font-size: 60px;
	padding: 10px;
	line-height: 50px;
	margin-top: -48px;
	margin-bottom: 40px;
	text-transform: uppercase;
	color: white;
	text-align: left;
	font-weight: bold;
}
hr.black {
border-top: solid 0.3vw black;
margin-left: -0.5vw;
}
}
@media (orientation: portrait) {
body {
background-color: gainsboro;
}
main img {
width: 70%;
margin: 5px auto 1vw auto;
}
main p {
font-size: 6vw;
line-height: 8vw;
margin: 0 0 4vw 0;
}
main p.two {
font-size: 6vw;
line-height: 8vw;
margin: 0 0 4vw 0;
}
.gs-snippet {
margin-left: 100px;
}
p.mlbteams {
font-size: 6vw;
}
span.mlbteams {
padding: 0;
background-color: gainsboro;
}
.content {
box-sizing: border-box;
background-color: gainsboro;
margin: 1.5vw;
padding: 0.1vw 4vw 0 4vw;
border: 0;
border-radius: 5px;
}
table.left, table.right, table.center, table.leftextra, table.rightextra, table.leftseason, table.rightseason,  table.tm, table.lefttwo {
border-spacing: 0 1vw;
} 
table.leftspace, table.full, table.rightspace, table.leftawards, table.rightawards, table.centerawards {
	border-spacing: 0 1vw;
}
table.leftteam {
border-spacing: 0.4vw 0.9vw;
}
table.indteam {
margin: 1.5vw auto;
border-spacing: 0;
}
table.indteam, th.indteam, td.indteam {
border: 0.1vw solid black;
}
img.player {
margin: 2vw auto;
width: 50%;
}
div.mlbteams {
margin-bottom: 3vw;
}
h1 {
font-size: 12vw;
margin: 0 0 4vw 0;
}
h1.one {
font-size: 12vw;
margin: 0;
}
h2 {
color: black;
font-size: 7.5vw;
line-height: 7vw;
margin: 0;
border: 0.3vw dotted black;
padding: 0 1vw;
}
h2.mlbteams {
color: black;
font-size: 7.5vw;
line-height: 7vw;
margin: 0 auto;
border: 0.3vw dotted black;
padding: 0 1vw;
}
h2.other {
color: black;
font-size: 7.5vw;
line-height: 7vw;
margin: 0;
border: 0.3vw dotted black;
padding: 0 1vw;
}
h2.left {
color: black;
font-size: 7.5vw;
line-height: 7vw;
margin: 0;
border: 0.3vw dotted black;
padding: 0 1vw;
}
h2.right {
color: black;
font-size: 7.5vw;
line-height: 7vw;
margin: 0;
border: 0.3vw dotted black;
padding: 0 1vw;
}
h2.center {
color: black;
font-size: 7.5vw;
line-height: 7vw;
margin: 0;
border: 0.3vw dotted black;
padding: 0 1vw;
}
h3 {
font-size: 3.5vw;
margin: 1.5vw auto;
padding: auto;
}
h3.one {
font-size: 3vw;
margin: 1vw auto;
padding: auto;
}
h3.left {
font-size: 9vw;
margin: 0 0.5vw;
}
h3.right {
font-size: 7.5vw;
margin: 0.5vw 1vw;
line-height: 6.8vw;
}
h3.center {
font-size: 9.3vw;
margin: 0.8vw 3vw;
line-height: 5.5vw;
}
h3.righttwo {
font-size: 4.5vw;
margin: 1.4vw 0.8vw;
}
h4 {
font-size: 5.8vw;
margin: 0.7vw 0;
line-height: 5.9vw;
}
h4.one {
font-size: 6vw;
margin: 0.9vw 1.5vw;
line-height: 6.4vw;
}
h4.two {
font-size: 6.4vw;
margin: 0.9vw 0;
line-height: 6.4vw;
}
h4.three {
font-size: 6vw;
margin: 0.9vw 0;
line-height: 6.4vw;
}
h4.playerteam {
font-size: 6vw;
margin: 0.9vw 0;
line-height: 6.4vw;
}
h4.mlbtwo {
font-size: 6vw;
margin: 0.9vw 0;
line-height: 6.4vw;
}
h5 {
font-size: 1.6vw;
margin: 0.3vw 0 0.65vw 0;
}
h5.awards {
font-size: 1.6vw;
margin: 1vw 0 0 0;
}
th {
padding: 0;
font-size: 3.5vw;
text-transform: uppercase;
}
.vl {
border-left: 0.7vw solid green;
height: 25vw;
margin-left: 0.8vw;
display: inline;
}
p {
line-height: 4vw;
font-size: 2.7vw;
margin: 1vw;
}
p.social {
font-size: 2.7vw;
margin: -2vw;
}
p.contact {
font-size: 5.8vw;
line-height: 6.5vw;
margin: 0;
text-align: center;
}
p.other {
font-size: 3vw;
margin: 0.7vw;
color: black;
}
div.wrap {
margin-left: 0.5vmax;
}
.navbar {
width: 100%;
background-color: #666;
overflow: auto;
}
.navbar a {
float: left;
padding: 9px;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 19px;
width: 20%;
text-align: center;
}
.navbar a:hover {
background-color: #000;
}
.navbar a.active {
background-color: #144ea6;
}
.navbar a {
float: none;
display: block;
width: 100%;
text-align: left;
}
div.box {
margin: 2vw;
padding: 1.5vw 4vw;
background-color: darkgray;
border-radius: 5px;
}
div.boxtwo {
margin: 3vw 6.5vw 0 6.5vw;
}
td.rank {
border-right: 0.7vw solid darkgray;
}
header img {
font-weight: bold;
text-transform: uppercase;
border-radius: 2vw;
margin: 0 auto 1vw auto;
padding: 1.2vw;
width: 34vw;
text-align: center;
}
header img a {
color: white;
text-decoration: none;
font-size: 2.3vmax;
}
#block {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 10px;
padding: 1vw 0;
margin: 1.3vw 8vw 1.3vw 8vw;
width: 60vw;
font-size: 5.6vw;
float: center;
text-align: center;
}
#block a {
color: white;
text-decoration: none;
}
#sports {
color: white;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
border-radius: 5px;
padding: 1vw 2.2vw;
margin: 0 1vw 3vw 1vw;
width: 13vw;
font-size: 2vw;
text-align: center;
}
#sports a {
color: black;
text-decoration: none;
}
#home {
color: white;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
margin: 0 auto 2vw auto;
padding: 0.5vw;
width: 45vw;
text-align: center;
}
#home a {
color: white;
font-size: 1.8vw;
text-decoration: none;
}
table.leftplayoffs, table.left, table.leftawards {
width: 100%;
margin: 0 0 -1vw 0;
}
table.rightplayoffs, table.right, table.rightawards {
width: 100%;
margin: 0 0 4vw 0;
}
table.tm {
width: 100%;
margin: 0 0 4vw 0;
}
table.leftseason {
width: 100%;
margin: 0 0 2vw 0;
}
table.rightseason {
width: 100%;
margin: 0 0 2vw 0;
}
table.leftextra {
width: 100%;
margin: 0 0 -1vw 0;
float: center;
}
table.rightextra {
float: center;
width: 100%;
margin: 0 0 -1vw 0;
}
table.center {
float: center;
width: 100%;
margin: 0 0 4vw 0;
}
table.lefttwo {
float: center;
width: 100%;
margin: 2vw 0 0 0;
}
table.centerawards {
float: center;
width: 100%;
margin: 0 0 1vw 0;
}
table.full {
width: 100%;
margin: 0 0 4vw 0;
}
div.playoffs {
height: 7vw;
margin: 0;
}
p.notes {
font-size: 2.4vw;
margin-top: 0;
text-align: left;
line-height: 3.8vw;
}
a {
color: white;
text-decoration: none;
}
	#yankees {
	background-color: #0C2340;
	border-top: 0.5vw solid #C4CED3;
	border-bottom: 0.5vw solid #C4CED3;
	}
	#rays {
	background-color: #092C5C;
	border-top: 0.5vw solid #8FBCE6;
	border-bottom: 0.5vw solid #8FBCE6;
	}
	#redsox {
	background-color: #BD3039;
	border-top: 0.5vw solid #0C2340;
	border-bottom: 0.5vw solid #0C2340;
	}
	#bluejays {
	background-color: #134A8E;
	border-top: 0.5vw solid #E8291C;
	border-bottom: 0.5vw solid #E8291C;
	}
	#orioles {
	background-color: #DF4601;
	border-top: 0.5vw solid #000000;
	border-bottom: 0.5vw solid #000000;
	}
	#twins {
	background-color: #D31145;
	border-top: 0.5vw solid #002B5C;
	border-bottom: 0.5vw solid #002B5C;
	}
	#guardians {
	background-color: #E50022;
	border-top: 0.5vw solid #00385D;
	border-bottom: 0.5vw solid #00385D;
	}
	#whitesox {
	background-color: #27251F;
	border-top: 0.5vw solid #C4CED4;
	border-bottom: 0.5vw solid #C4CED4;
	}
	#royals {
	background-color: #004687;
	border-top: 0.5vw solid #BD9B60;
	border-bottom: 0.5vw solid #BD9B60;
	}
	#tigers {
	background-color: #0C2340;
	border-top: 0.5vw solid #FA4616;
	border-bottom: 0.5vw solid #FA4616;
	}
	#astros {
	background-color: #EB6E1F;
	border-top: 0.5vw solid #002D62;
	border-bottom: 0.5vw solid #002D62;
	}
	#athletics {
	background-color: #003831;
	border-top: 0.5vw solid #EFB21E;
	border-bottom: 0.5vw solid #EFB21E;
	}
	#angels {
	background-color: #BA0021;
	border-top: 0.5vw solid #003263;
	border-bottom: 0.5vw solid #003263;
	}
	#rangers {
	background-color: #C0111F;
	border-top: 0.5vw solid #003278;
	border-bottom: 0.5vw solid #003278;
	}
	#mariners {
	background-color: #005C5C;
	border-top: 0.5vw solid #0C2C56;
	border-bottom: 0.5vw solid #0C2C56;
	}
	#nationals {
	background-color: #AB0003;
	border-top: 0.5vw solid #14225A;
	border-bottom: 0.5vw solid #14225A;
	}
	#braves {
	background-color: #CE1141;
	border-top: 0.5vw solid #13274F;
	border-bottom: 0.5vw solid #13274F;
	}
	#mets {
	background-color: #002D72;
	border-top: 0.5vw solid #FF5910;
	border-bottom: 0.5vw solid #FF5910;
	}
	#phillies {
	background-color: #E81828;
	border-top: 0.5vw solid #002D72;
	border-bottom: 0.5vw solid #002D72;
	}
	#marlins {
	background-color: #41748D;
	border-top: 0.5vw solid #EF3340;
	border-bottom: 0.5vw solid #EF3340;
	}
	#cardinals {
	background-color: #C41E3A;
	border-top: 0.5vw solid #0C2340;
	border-bottom: 0.5vw solid #0C2340;
	}
	#cubs {
	background-color: #0E3386;
	border-top: 0.5vw solid #CC3433;
	border-bottom: 0.5vw solid #CC3433;
	}
	#reds {
	background-color: #C6011F;
	border-top: 0.5vw solid #000000;
	border-bottom: 0.5vw solid #000000;
	}
	#brewers {
	background-color: #12284B;
	border-top: 0.5vw solid #FFC52F;
	border-bottom: 0.5vw solid #FFC52F;
	}
	#pirates {
	background-color: #27251F;
	border-top: 0.5vw solid #FDB827;
	border-bottom: 0.5vw solid #FDB827;
	}
	#dodgers {
	background-color: #005A9C;
	border-top: 0.5vw solid #EF3E42;
	border-bottom: 0.5vw solid #EF3E42;
	}
	#dbacks {
	background-color: #A71930;
	border-top: 0.5vw solid #000000;
	border-bottom: 0.5vw solid #000000;
	}
	#padres {
	background-color: #2F241D;
	border-top: 0.5vw solid #FFC425;
	border-bottom: 0.5vw solid #FFC425;
	}
	#rockies {
	background-color: #33006F;
	border-top: 0.5vw solid #C4CED4;
	border-bottom: 0.5vw solid #C4CED4;
	}
	#giants {
	background-color: #FD5A1E;
	border-top: 0.5vw solid #27251F;
	border-bottom: 0.5vw solid #27251F;
	}
	#freeagent {
	background-color: #242424;
	border-top: 0.5vw solid darkgray;
	border-bottom: 0.4vw solid darkgray;
	}
	#yankeesnav {
	background-color: #0C2340;
	}
	#raysnav {
	background-color: #092C5C;
	}
	#redsoxnav {
	background-color: #BD3039;
	}
	#bluejaysnav {
	background-color: #134A8E;
	}
	#oriolesnav {
	background-color: #DF4601;
	}
	#twinsnav {
	background-color: #D31145;
	}
	#guardiansnav {
	background-color: #E50022;
	}
	#whitesoxnav {
	background-color: #27251F;
	}
	#royalsnav {
	background-color: #004687;
	}
	#tigersnav {
	background-color: #0C2340;
	}
	#astrosnav {
	background-color: #EB6E1F;
	}
	#athleticsnav {
	background-color: #003831;
	}
	#angelsnav {
	background-color: #BA0021;
	}
	#rangersnav {
	background-color: #C0111F;
	}
	#marinersnav {
	background-color: #005C5C;
	}
	#nationalsnav {
	background-color: #AB0003;
	}
	#bravesnav {
	background-color: #CE1141;
	}
	#metsnav {
	background-color: #002D72;
	}
	#philliesnav {
	background-color: #E81828;
	}
	#marlinsnav {
	background-color: #41748D;
	}
	#cardinalsnav {
	background-color: #C41E3A;
	}
	#cubsnav {
	background-color: #0E3386;
	}
	#redsnav {
	background-color: #C6011F;
	}
	#brewersnav {
	background-color: #12284B;
	}
	#piratesnav {
	background-color: #27251F;
	}
	#dodgersnav {
	background-color: #005A9C;
	}
	#dbacksnav {
	background-color: #A71930;
	}
	#padresnav {
	background-color: #2F241D;
	}
	#rockiesnav {
	background-color: #33006F;
	}
	#giantsnav {
	background-color: #FD5A1E;
	}
	#freeagentnav {
	background-color: #242424;
	}
	#yankeestm {
	background-color: #0C2340;
	border: 0.5vw solid #C4CED3;
	}
	#raystm {
	background-color: #092C5C;
	border: 0.5vw solid #8FBCE6;
	}
	#redsoxtm {
	background-color: #BD3039;
	border: 0.5vw solid #0C2340;
	}
	#bluejaystm {
	background-color: #134A8E;
	border: 0.5vw solid #E8291C;
	}
	#oriolestm {
	background-color: #DF4601;
	border: 0.5vw solid #000000;
	}
	#twinstm {
	background-color: #D31145;
	border: 0.5vw solid #002B5C;
	}
	#guardianstm {
	background-color: #E50022;
	border: 0.5vw solid #00385D;
	}
	#whitesoxtm {
	background-color: #27251F;
	border: 0.5vw solid #C4CED4;
	}
	#royalstm {
	background-color: #004687;
	border: 0.5vw solid #BD9B60;
	}
	#tigerstm {
	background-color: #0C2340;
	border: 0.5vw solid #FA4616;
	}
	#astrostm {
	background-color: #EB6E1F;
	border: 0.5vw solid #002D62;
	}
	#athleticstm {
	background-color: #003831;
	border: 0.5vw solid #EFB21E;
	}
	#angelstm {
	background-color: #BA0021;
	border: 0.5vw solid #003263;
	}
	#rangerstm {
	background-color: #C0111F;
	border: 0.5vw solid #003278;
	}
	#marinerstm {
	background-color: #005C5C;
	border: 0.5vw solid #0C2C56;
	}
	#nationalstm {
	background-color: #AB0003;
	border: 0.5vw solid #14225A;
	}
	#bravestm {
	background-color: #CE1141;
	border: 0.5vw solid #13274F;
	}
	#metstm {
	background-color: #002D72;
	border: 0.5vw solid #FF5910;
	}
	#philliestm {
	background-color: #E81828;
	border: 0.5vw solid #002D72;
	}
	#marlinstm {
	background-color: #41748D;
	border: 0.5vw solid #EF3340;
	}
	#cardinalstm {
	background-color: #C41E3A;
	border: 0.5vw solid #0C2340;
	}
	#cubstm {
	background-color: #0E3386;
	border: 0.5vw solid #CC3433;
	}
	#redstm {
	background-color: #C6011F;
	border: 0.5vw solid #000000;
	}
	#brewerstm {
	background-color: #12284B;
	border: 0.5vw solid #FFC52F;
	}
	#piratestm {
	background-color: #27251F;
	border: 0.5vw solid #FDB827;
	}
	#dodgerstm {
	background-color: #005A9C;
	border: 0.5vw solid #EF3E42;
	}
	#dbackstm {
	background-color: #A71930;
	border: 0.5vw solid #000000;
	}
	#padrestm {
	background-color: #2F241D;
	border: 0.5vw solid #FFC425;
	}
	#rockiestm {
	background-color: #33006F;
	border: 0.5vw solid #C4CED4;
	}
	#giantstm {
	background-color: #FD5A1E;
	border: 0.5vw solid #27251F;
	}
	#freeagenttm {
	background-color: #242424;
	border: 0.5vw solid darkgray;
	}
.column {
float: center;
width: 75%;
margin: 0 10vw;
padding: 1.6vw;
}
.row::after {
content: "";
clear: both;
display: table;
}
p.article {
float: center;
font-size: 5.5vw;
line-height: 6vw;
color: black;
}
p.article1 {
float: left;
font-size: 5vw;
line-height: 6vw;
}
p.title {
color: black;
font-size: 6vw;
float: left;
line-height: 5.3vw;
margin: 2vw 0 0 0;
}
p.title1 {
background-color: white;
font-weight: bold;
color: black;
font-size: 4vw;
float: left;
line-height: 5.3vw;
margin-bottom: 2vw;
}
span.title {
background-color: darkgray;
color: white;
font-size: 6.5vw;
float: center;
line-height: 8vw;
}
span.small {
background-color: darkgray;
color: white;
font-size: 3.8vw;
float: center;
line-height: 5.2vw;
margin-right: 3vw;
}
img.articleimg {
float: left;
width: 75%;
margin: 0.5vw 0;
}
img.articleimglarge {
float: left;
width: 60%;
margin: 0;
}
img.article {
float: center;
height: 25vw;
margin: 2vw auto;
}
h6 {
margin-left: 8.5vw;
margin-bottom: 4vw;
font-size: 4vw;
}
img.team {
width: 80%;
margin: 8px auto 1vw auto;
}
img.start {
width: 26vw;
margin: 3.5vw auto 0 auto;
}

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #002D72;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 2vw 2vw 2vw 4vw;
  text-decoration: none;
  font-size: 6vw;
  color: white;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 3px;
  right: 25px;
  font-size: 50px;
  margin-left: 50px;
}
div.openbtn {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  cursor: pointer;
  font-weight: 900;
  color: white;
  background-color: #002D72;
  padding: 2.3vw 1vw 1.8vw 1vw;
  text-transform: uppercase;
  font-size: 11.5vw;
  border-bottom: 0.5vw solid gainsboro;
  font-family: "SF Pro";
}
a.xactive {
  color: white;
}
  .openbtn:hover {
  background-color: #002D72;
}
#main {
  transition: margin-left .5s;
  padding: 0;
}
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
#new {
	background-color: red;
	font-size: 11vw;
	padding: 2vw;
	line-height: 10vw;
	margin: -45px 2vw 5vw 2vw;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	text-align: left;
}
#red {
	border-top: 1.5px solid #d9d9d9;
	padding-top: 1vw;
	padding-bottom: 1vw;
	font-size: 8.2vw;
	margin-bottom: 0;
}
#red:hover {
	color: red;
}
hr.black {
border-top: solid 0.3vw black;
margin-left: -0.5vw;
}
}
#navbar {
font-family: 'Roboto';
width: 100%;
}
#navbar a {
color: black;
font-weight: lighter;
font-family: Roboto, Arial;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}
#news {
box-sizing: border-box;
background-color: #909090;
margin: 10px 2vw;
padding: 1vw 1.3vw;
border: 0.4vw solid white;
}
main p, p.mlbteams, main p.two {
font-family: 'Roboto', sans-serif;
font-weight: lighter;
text-align: left;
}
h1 {
font-family:  "SF PRO", Helvetica;
text-transform: uppercase;
text-decoration: underline;
color: black;
font-weight: 900;
text-align: left;
border-radius: 0;
}
h1.bordernone {
border: none;
}
h2 {
font-family:  "SF PRO", Helvetica;
text-transform: normal;
color: black;
font-weight: 800;
width: fit-content;
}
h2.left {
text-align: left;
}
h2.right {
text-align: right;
}
h3 {
font-family: "Microsoft Sans Serif", Helvetica;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: white;
padding: 0;
}
h3.indteam {
font-family: Roboto, Arial;
text-align: center;
color: white;
text-decoration: underline;
text-transform: uppercase;
font-weight: bold;
}
h3.left, h3.one {
font-family: "Lucida Grande", Roboto;
text-align: auto;
}
h3.right, h3.righttwo {
font-family: "Lucida Grande", Roboto;
text-align: right;
}
h3.center {
font-family: "Lucida Grande", Roboto;
text-align: left;
}
h4 {
font-family: Helvetica;
text-align: center;
color: white;
text-transform: uppercase;
font-weight: 340;
}
h4.one, h4.playerteam {
text-align: left;
}
h4.center {
text-align: center;
}
h4.indteams {
font-weight: normal;
text-align: center;
}
#link a {
text-decoration: none;
color: white;
}
h5 {
text-align: center;
font-family: Roboto, Arial;
color: white;
text-transform: uppercase;
}
h5.title {
text-transform: uppercase;
}
h6 {
text-align: left;
opacity: 100%;
font-weight: normal;
color: gray;
text-transform: uppercase;
}
h6.teams {
text-align: center;
}
p {
text-align: center;
font-family: sans-serif;
}
p.article1, p.title {
text-align: left;
}
p.title {
font-weight: bold;
text-decoration: underline;
}
table {
font-family: Roboto, Arial;
}
table.three {
width: 100%;
margin: 0;
}
table.indteam {
width: 95%;
}
#blue {
background-color: #1e51a1;
}
#orange {
background-color: #eb4d08;
}
td {
border-radius: 0;
}
td.rank {
background-color: #4b7698;
}
td.name {
border-right: 0.3vw solid darkgray;
}
td.one {
padding: 0;
}
td.two {
margin: 0 5vw;
}
a.link {
color: white;
text-decoration: none;
}
tr {
border-collapse: separate;
display: table-row;
vertical-align: inherit;
}
th {
background-color: #7E8086;
color: black;
text-align: center;
}
th {
color: black;
}
hr {
border: solid gainsboro;
width: 100%;
}
img {
margin: 0 auto;
display: block;
}
img.winner {
margin: 0 auto 0.6vw auto;
display: block;
}
main a{
color: black;
}
.sticky {
position: sticky;
width: 100%;
top: -1px;
}
.sticky + .content {
padding-top: 4px;
}
* { 
margin: 0; 
padding: 0; 
}
fieldset {
margin: 3vw auto 3vw auto;
width: 40vw;
padding: 1vw 5vw 2vw 5vw;
border: 1px solid white;
display: block;
}
legend {
padding: 4px 6px 4px 6px;
border: 1px solid white;
font-size: 3vw;
color: white;
font-style: italic;
}
ul { list-style: none; margin-bottom: 15px;}
.results-bar {
padding: 10px;
color: white;
background: url(images/result-bar-bg.png) left center;
white-space: nowrap;
}
span.total-votes {
font-size: 2.6em;
}
div.one {
background-color: gray;
height: 40vw;
width: 40vw;
}
h4 a {
color: white;
}
#gray {
background-color: gray;
}
td.tm {
border-radius: 20px;
}
* {
  box-sizing: border-box;
}
div.a {
	width: 75%;
	margin: 50px auto;
}


body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #e9e9e9;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}