

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.container {
  padding:0;
}

.table {

  text-align: center;
}

thead>tr>th {

  text-align: center;
}

h2 {

  text-align: center;
}


.holder {
    
    width:100%;
}

.wrapper {
    float:left;
    width:33%;
}

.location {

  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid black;
  font-size: 1.5em;
}

.versus {
    text-align: center;
    font-size: 3em;
   }

.score {
  font-size: 2.6em;
  color: red;
}

.awayteam {
    
    text-align: right;
    font-size: 1.5em;
}

.hometeam {

      font-size: 1.5em;

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.hometeam, .awayteam {
  font-size: 1em;
}

.score {

  font-size: 1.5em;
}

.versus {

  font-size: 2em;
}

}
















