body{
    background-color: #fff;
    font-family: 'Share', cursive;
}

h1, h2, p{
    text-align: center;
}

h1 {
    font-size: 44px;
}

p{
    font-size: 24px;
}

.scoreText {
    text-align: center;
}

.btn {
  padding: 14px 24px;
  border: 0 none;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #00FF87;
  color: #38003C;
  width: 230px;
  }

.btnBig{
  padding: 14px 24px;
  border: 0 none;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #00FF87;
  color: #38003C;
  width: 230px;
}

.btn:hover{
    background: #38003C;
    color: #00ff87;
}

.spacer{
    height: 50px;
}

.spacer20{
    height: 20px;
}

.spacer10{
    height: 10px;
}


.spacer44{
    max-height: 44px;
    line-height: 44px;
}
.clubBadge{
    width: 200px;
    height: 200px;
}

.clubBadge4{
    width: 180px;
    height: 180px;
    border-bottom: 20px;
}

.clubBadge5{
    width: 100px;
    height: 100px;
    border-bottom: 20px;
}

.playerImg{
  width: 180px;
    height: 200px; 
    border: 5px solid #E90052; 
}

.cont{
  display: flex;  
   flex-direction: row;
   flex-wrap: wrap;
   flex-flow: row wrap;
   align-items: center;
   justify-content: center;
}

.nineRow{
    margin-bottom: 15px;
}

.hidden{
    display: block;
}

form{
    text-align: center;
    color: #E90052;
}

.currentPlayer{
    color:  #E90052;
}

.diffText{
    font-size: 14px;
    margin-bottom: 0px;
}

.fb-share-button{
    text-align: center;
}

.button-row{
    margin-bottom: 20px;
}

.allTeamsBtn{
    margin-bottom: 0;
}

.twitter-share-button[style]{
    text-align: center;
}

.fb-share-button[style] {
    display: block!important;
}

@media (max-width: 800px) {
  .btn {
    margin-bottom: 25px;
  }

  .button-row{
      margin-bottom: 0px;
  }

  .btnBig{
      margin-bottom: 0;
  }

  .clubBadge4{
    width: 100px;
    height: 100px;
  }

  .clubBadge{
    width: 150px;
    height: 150px;
  }

  .hidden {
    display: none;
    }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
    .spacer44{
    display: block;
      height: 102px;
  }
}

@media (max-width: 1000px) {
    .clubBadge4{
    width: 150px;
    height: 150px;
    margin-bottom: 25px;
  }
  .btn {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 400px) {
    .clubBadge4{
    width: 100px;
    height: 100px;
  }

  .clubBadge5{
    width: 100px;
    height: 100px;
    border-bottom: 20px;
    
}

}