@media screen {
	#sponsors-container{
		text-align:center;
		padding:30px 0 60px 0;
	}

	#sponsors{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		gap:20px;
	}

	#sponsors a{
		flex: 0 0 150px;
	}

  :root{
    --font-large: clamp(17px, 4vw, 19px);
   
  }

  #midlands h1.entry-title{
    text-align:center;
  }

  #midlands .content-padding{
    padding:30px 0;
  }

  #midlands .full-padding{
    padding:30px;
  }

  #midlands p.font-large{
    font-size: var(--font-large); 
    font-weight:bold;
  }

  #midlands .white-bg{
    background-color: white;
  }


  #midlands .events{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:25px;
  }

  #midlands .events .event{
    flex:1 0 250px;
    background-color:white;
    padding:15px;
  }

  #midlands table.race-info-table :is(td:first-child,th) {
    min-width: 60px;
  }


  #midlands :is(
    .courses, 
    .other-info-container, 
    .midmar-dam, 
    .banner) {
    background-image:url(/wp-content/uploads/ultra-triathlon-race-cycle.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height:calc(100% - 60px);
  }

  #midlands .banner{
    min-height:400px;
    display: flex;
    align-items: center;
  }

  #midlands .banner.left{
    justify-content: flex-start;

  }

  #midlands .banner.right{
    justify-content: flex-end;
  }



  #midlands .banner .banner-content{
    max-width:500px;
  }



  #midlands .courses{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    gap:25px;   
  }

  #midlands .courses .course{
    flex:1 1 250px;
    background-color:#f4f4f4;
    padding:15px;
  }

  #midlands .col2{
    display:flex;
    flex-wrap:wrap;
  }

  #midlands .col2 .col{
    flex-grow:1;
  }


  #midlands .col2 .col:is(:first-child, :last-child){
    flex: 1 1 400px; 
  }

  #midlands p.title{
    font-weight:bold;
  }



  p.date{
    font-size:30px;
    text-align:center;
  }
  


}