@font-face {
	font-family: 'muliregular';
	src: url('muli-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
}

.content {
  font-family: 'muliregular';
  color: rgb(255, 255, 255);
  background: #246fa8;
  height: 1080px;
}

p, td {
	margin: 0;
	font-size: 40px;
}
  
h1 {
	margin: 0;
	padding: 0.5%;
	font-size: 70px;
}

.daily-message {
	position: fixed;
	top: 40px;
	left: 40px;
	width: 1840px;
	height: 350px;
	font-size: 28px;
	text-align: justify;
	border: 3px solid rgb(255, 255, 255);
	border-radius: 25px;
}

.daily-message h1 {
	padding: 40px 40px 10px;
}

.daily-message p {
	margin: 15px 0 0 0;
	padding: 0 40px;
}

.imageEl {
	position: fixed;
	bottom: 4%;
	left: 40px;
	width: 1090px;
	height: 605px;
	display: inline-block;
}
  
.imageEl > img, .imageEl > video {
  display: block;
  margin: auto;
  height:100%;
  width: 100%;
  object-fit: contain;
}

table {
	width: 100%;
	height: 95%;
	padding-top: 15px;
	background-color: transparent;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
}

.opening-hours {
	position: fixed;
	top: 427px;
	right: 40px;
	width: 720px;
	height: 490px;
	text-align: justify;
	border: 3px solid rgb(255, 255, 255);
	border-radius: 25px;
}

.opening-hours h1 {
	padding: 15px 15px 0;
}

#openingHoursVert td {
	padding: 0px;
}

.timeDate {
	position: fixed;
	bottom: 40px;
	right: 40px;
	height: 8%;
	width: 720px;
	border: 3px solid rgb(255, 255, 255);
	border-radius: 25px;
	text-align: center;
}

.timeDate span {
	position: relative;
	top: 22px;
	font-size: 42px;
}

#time {
	margin-left: 20px;
}
