.event { margin-bottom: 20px; font-size: 1.12rem; padding-left:1rem; }
.schedule { margin-bottom: 20px; font-size: 1.1rem; }
.venue { font-weight: bold; }
.adjudicator { font-style: italic; }
.time { font-weight: bold; color: #555; font-size: 0.9rem;}
.competition {font-size: 0.9rem;  }
.competition  a {color: #717276; text-decoration: underline;}
.competition  a:hover {color: #117cbe; }
.competition span {font-weight: normal;}

.h2whatson {font-family:'Oswald', sans-serif; font-size:2.2rem; line-height:1.33; padding:5px 18px !important; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s;}
.h2whatson a {text-decoration: underline;}
.h2whatson a:hover {#d44d18}

.h3whatson {font-family:'Oswald' !important, sans-serif; font-size:2rem !important; line-height:1.33; padding:5px 18px !important; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }

.h4whatson {font-family:'Oswald' !important, sans-serif; font-size:1.3rem !important; line-height:1.33; padding:5px 18px !important; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }



.adimg1 {position: absolute;  left: -16%;top: 4%;transform: rotate(90deg) scale(0.7);z-index: 1; width:200px; } 
.adimg2 {position: absolute;  right: -20%;transform: translate(-50%,-50%);z-index: 1; width:200px;}
.adimg3 {position: absolute;  right: -15%;top:14%;transform: rotate(180deg) scale(0.8);z-index: 1;}
.adimg4 {position: absolute;  left: -15%;top:54%;transform: rotate(330deg) scale(0.5);z-index: 1;}
.adimg5 {position: absolute;  right: -2%;top:55%;transform: rotate(360deg) scale(0.5);z-index: -1;}



/* speech bubble on HP */
.speechbubble {
  position: relative;
  padding: 10px;
  border-radius: 5px;
  border: solid #932a44;
  background: #932a44;
  margin-top: 20px;
  font-size:1.3rem;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 700;
  color: #fff;
}

.speechbubble b {font-size:1.35rem; font-weight: bolder;}
.speechbubble h2  {font-size:1.5rem; color: #fff; font-weight: bolder;}
.speechbubble h3 {font-size:1.2rem; color: #fff; font-weight: bold;}

.speechbubble:before {
  content:"";
  position: absolute;
  right: 100%;
  top: 26px;
  width: 0;
  height: 0;
  
  border-top: 13px solid transparent;
  border-right: 26px solid #932a44;
  border-bottom: 13px solid transparent;
}
.surrounding  {border:1px solid rgb(212, 77, 24); border-radius:20px; padding: 15px;}

.repertoire {color: #717276;font-style: italic;}


/*less than 576px*/
@media (max-width: 576px) {
  .event { margin-bottom: 10px; font-size: 0.9rem; font-weight: normal; }
  .schedule { margin-bottom: 10px; font-size: 0.9rem; font-weight: normal; }
  .competition {font-size: 0.9rem;  }
  .time {font-weight: normal; color: #d44d18 }
  .h2whatson { font-size:1.8rem; }
  .h3whatson { font-size:1.6rem; }
  .h4whatson { font-size:1.2rem }

  .adimg1, .adimg3, .adimg4 ,.adimg5 { display:none; }
  .adimg2 { width:100px;}
  .sidecol {display: none}
  .surrounding  {border-radius:10px; padding: 5px;}
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
  .event { font-size: 1rem; }
  .competition {font-size: 1rem;  }
  .schedule {font-size: 1rem; }
  .h2whatson { font-size:2rem; }
  .h3whatson { font-size:1.8rem; }
  .h4whatson { font-size:1.2rem }
  .sidecol {display: none}
}

/*less than 768px*/
@media (max-width: 768px){
  .event { font-size: 1rem; }
  .competition {font-size: 1rem;  }
  .time {font-weight: normal; color: #d44d18 }
  .schedule {font-size: 1rem; }
  .h2whatson { font-size:2.1rem; }
  .h3whatson { font-size:1.9rem; }
  .h4whatson { font-size:1.3rem }

  .adimg1 { width:150px; }
  .adimg2 { width:100px;}
  .adimg3 { width:100px;}
  .adimg4 { width:150px;}
  .adimg5 { width:100px; top:65%;}
  .sidecol {display: none}

}

/*less than 960px*/
@media (max-width: 960px){
  .event { font-size: 1rem; }
  .competition {font-size: 1rem;  }
  .time {font-weight: normal; color: #d44d18 }

  .hide-on-small-screen {display: none;}

}