
<style>
    
   

.teamcontent-wrapper {
  background-color: #2196F3;
  padding: 16px;
  float: left;
  width: 100%; 

 font-size: 26px;
  background: #ffffff;
  color: #000000;
  
}


.teamcontent-right {
  background-color: #2196F3;
  padding: 16px;
  float: left;
  width: 100%; 

 font-size: 26px;
  background: #ffffff;
  color: #000000;

 
}



.TeamPage1 {
  background-color: #ffffff;
  padding: 20px;
  float: left;
  width: 50%; 
  position: relative;
}

.TeamPage2 {
  background-color: #ffffff;
  padding: 20px;
  float: left;
  width: 50%; 
  position: relative;
}

 
.winter-wrapper {
  background-color: #2196F3;
  padding: 16px;
  float: left;
  width: 100%; 
  background: #0f0f6f;
  color: white;
  
}


.winter-left {
  background-color: #2196F3;
  padding: 20px;
  float: left;
  width: 30%; 
   padding:0px;

  background: #0f0f6f;
  color: white;

 
}

.winter-right {
  background-color: #f1f1f1;
  padding: 20px;
  float: left;
  width: 70%; 
  top: 0;
  padding:0px;
 
  background: #0f0f6f;
  color: #ffffff;
  font-size: 26px;
  z-index: 1;
  

}

.match-wrapper {
  background-color: #ffffff;
  padding: 16px;
  float: left;
  width: 100%; 
  background: #ffffff;
  color: black;
  
}


.match-left {
  background-color: #ffffff;
   float: left;
  width: 70%; 
   padding:0;
 font-size: 26px;
  background: #ffffff;
  color: black;

 
}

.match-right {
  background-color: #ffffff;
  padding: 20px;
  float: left;
  width: 30%; 
  top: 0;
  padding:0px;
 
  background: #ffffff;
  color: #0f0f6f;
  
  z-index: 1;
  

}



/* Mobile formatting = On smaller screens, change formatting to fit screen */
@media only screen and (max-width: 400px) {
    
    
       .teamcontent-right {width: 100%}
   
     .teamcontent-right {font-size: 16px}
  
    .winter-left, .winter-right {font-size: 16px}
    .match-left, .match-right {font-size: 16px}
    
    
    
}

 
/* Mobile formatting = On ipads screens, change formatting to fit screen */
@media only screen and (max-width: 800px) {
 
   .winter-left, .winter-right {width: 100%}
    .match-left, .match-right {width: 100%}
     

   
 
}

</style>

