body{
    margin:0;
    font-family: Arial, sans-serif;
    background:#fff8dc;
}

.site-header {
    padding: 0;
    margin: 0;
    max-width: 100%;
    position: relative;
    z-index: 9;
}
.top-header {
    background-image: url(../images/header-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.header-inner {
    display: flex;
    width: 100%;
}
.site-branding {
    display: inline-flex;
    padding: 20px 0;
    width: 20%;
}
.header-middle {
    flex-grow: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/header2.png), url(../images/header1.png);
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: 100px, 100px;
    padding-left: 15px;
    padding-right: 15px;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
}
img {
    max-width: 100%;
    height: auto;
}
img, svg {
    vertical-align: middle;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
h1 {
    font-size: 48px;
    font-weight: 700;
}
@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.5rem;
    }
}
.h1, h1 {
    font-size: calc(1.375rem + 1.5vw);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.header-right {
    position: relative;
    bottom: 0;
    width: 20%;
    text-align: right;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

/* HEADER */
.header{
    background:#8B0000;
    color:white;
    text-align:center;
    /*padding:15px;*/
	padding:5px;
}

.header img{
    height:70px;
}

.title{
    /*font-size:40px;*/
	font-size:30px;
    font-weight:bold;
    margin-top:10px;
}

.datetime{
    font-size:22px;
    margin-top:5px;
}

/* MAIN BOARD */
.board{
    background:#FFD700;
    margin:20px;
    padding:30px;
    border-radius:15px;
}

/* LABEL SECTION */
.labels{
    display:flex;
    font-weight:bold;
    font-size:30px;
    color:#333;
    border-bottom:3px solid #333;
    padding-bottom:10px;
}

.label-event{
    width:60%;
}

.label-time{
    width:40%;
    text-align:right;
}

/* EVENT ROWS */
.event-row{
    display:flex;
    padding:15px 0;
    /*font-size:28px;*/
	font-size:32px;
    color:#000;
    border-bottom:1px solid #aaa;
}

.event-name{
    width:65%;
}

.event-time{
    width:30%;
    text-align:right;
}

/* RESPONSIVE */

@media (max-width:768px){
    .labels, .event-row{
        flex-direction:column;
        text-align:left;
    }
    .event-time, .label-time{
        text-align:left;
    }
}

@media (min-width:1600px){
    .title{font-size:60px;}
    .labels{font-size:42px;}
    .event-row{font-size:40px;}
    .datetime{font-size:30px;}
}