.content {
 position: relative;
 top: -480px;
}
.content h1 {
 font-size: 48px;
 margin: 10px;
}
.content h1,
.content h2 {
 text-shadow: 2px 2px 5px #eee,-2px -2px 5px #eee;
}
#topimage {
 height:500px;
 overflow:hidden;
 background: linear-gradient(to bottom, #fff0 00%, #fff9 80%, #fffc 90%, #ffff 100%), url(latrobeBundoora.jpg) 0 100%/100% auto;
 background-repeat: no-repeat;
}
.ium3section {
 background: #eee9;
 max-width:600px;
 margin:0 auto;
 margin-top: 15px;
 text-align:left;
 padding: 5px 20px;
}
.bordered {
 border: 1px solid black;
 background: #eeec;
}
.progtable {margin: 0 auto;}
.progtable table {border:1px solid #888; font-size:14px; margin:0 auto;}
.progtable td {padding:5 10px; border:1px solid #eee;}
.progtable th {max-width:160px;}
.menuWrapper {margin-bottom:0;}

.lato {
  padding: 10px;
  background: #ff88;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.95em;
}

.iummenu {
 display: flex;
 margin: 0 auto;
 width: 100%;
 justify-content: space-evenly;
}
.iummenu ul {
 padding: 0;
 text-align: center;
}
.iummenu li {
 background: #fffc;
 list-style-type: none;
 float: left;
 margin: 0 5px;
 padding: 11px;
 border-radius: 3px;
 border: 1px solid #aaa;
}
.iummenu li a {
 color: #336;
 font-weight: bold;
}
.iummenu li:hover {
 border: 1px solid #333;
 background: #ddd;
 padding: 11px;
}

.iummenu li.highlight {
 padding: 10px;
 border: 2px solid #161;
 background: #ee8c;
 box-sizing: border-box;
}

.ium3reglink {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  width: 90%;
  text-align: center;
  font-size: 1.2em;
  padding: 3px;
  border-radius: 2px;
  margin: 20px auto;
}

.tickettable table {
  margin: 0 auto;
}

.tickettable td {
 padding: 2px 6px;
}

.satimg {
 width: 50%;
 margin: 20px auto;
}
.satimg img {
 width: 100%;
 box-shadow: 2px 2px 4px #888;
}
.accomlist li {
 margin: 10px 0;
}

.timetable td {
 min-width: 120px;
}
.timetable tr:hover {
 background-color: #ffe;
}
.timetable .atime {
 text-align: right;
 padding-right: 20px;
}

.briefbiography img {
 float: left;
}

.rooms {
 text-align: center;
 width: 80%;
 margin: 0 auto;
}
.rooms img {
 height: 160px;
}

@media only screen and ( max-width: 768px ){
  .iummenu {
   justify-content: center;
  }
  .iummenu li {
    margin: 5px;
  }
  .content {
   top: -510px;
  }
  .content h1 {
/*   font-size: 36px;*/
  }
  #topimage {
    background-position: 0 0;
    opacity: 0.5;
  }

 .briefbiography img {
  float: none;
 }

 .rooms img {
  width: 230px;
 }

}