#logo_header { display: none; }

#header { display: block; }

#header_left { width: 45%; display: inline-block; overflow: hidden; }

#header_right {width: 54%; display: inline-block; overflow: hidden; }

#eventref {
     height: 150px;
     width: auto;
     background: url("https://liveoresults.org.uk/logos/British-Orienteering-logo.svg") left top no-repeat;
     background-size: contain;
     overflow: hidden;
     display: block;
     margin-left: 5px;
     margin-right: 5px;
}

#eventref span { display: none; }

#HHclub {
     height: 150px;
     width: auto;
     background: url("https://www.herts-orienteering.club/uploads/results/hh_logo_round.svg") right top no-repeat;
     background-size: contain;
     overflow: hidden;
     display: block;
     margin-left: 5px;
     margin-right: 5px;
}

#HHclub span { display: none; }

/* ----------------------
   CSS smaller than 1200px, all devices
---------------------- */
@media handheld and (max-width:1200px), screen and (max-width: 1200px) {

#eventref { height: 120px; }
#HHclub {  height: 120px; }

}

/* ----------------------
   CSS smaller than 800px, all devices
---------------------- */
@media handheld and (max-width: 800px), screen and (max-width: 800px) {

#eventref { height: 90px; }
#HHclub {  height: 90px; }

}

/* ----------------------
   CSS smaller than 600px, all devices
---------------------- */
@media handheld and (max-width: 600px), screen and (max-width: 600px) {

#eventref { height: 75px; }
#HHclub {  height: 75px; }

}


/* ----------------------
   CSS smaller than 400px, all devices
---------------------- */
@media handheld and (max-width: 400px), screen and (max-width: 400px) {

#eventref { height: 60px; }
#hhClub {  height: 60px; }

}