body { margin: 0; padding: 0; font-family: 'Nunito', sans-serif; font-size: 16px; }

header { padding: 25px 15px; background-color: #ffffff; }

header div.logo { width: 100%; }

header div.logo img { display: block; margin: 0 auto 20px; }

header div.contact-details { display: grid; grid-template-columns: 1fr 1fr; text-align: center; }

header div.contact-details a:link, header div.contact-details a:visited { color: #414042; text-decoration: none; }

header div.contact-details svg { width: auto; height: 14px; margin-right: 3px; }

header div.contact-details div.phone svg { height: 16px; }

header div.contact-details div.phone svg path { fill: none; stroke: #95b93d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 0.6px; opacity: 1; }

.event-banner {
    background: #a0bf53;
    text-align: center;
}

.event-banner a {
    display: inline-block;
    padding: 15px 10px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.event-banner a:hover {
    opacity: 0.8;
}

section.content-wrapper { display: grid; grid-template-rows: 50% 50%; grid-template-columns: 100%; height: 90vh; }

section.content-wrapper div.left a:link, section.content-wrapper div.left a:visited, section.content-wrapper div.right a:link, section.content-wrapper div.right a:visited { height: 100%; text-decoration: none; overflow: hidden; display: grid; place-items: end center; grid-template-rows: 100px 1fr 100px; grid-template-columns: 1fr 70% 1fr; }

section.content-wrapper div.left a:link img, section.content-wrapper div.left a:visited img, section.content-wrapper div.right a:link img, section.content-wrapper div.right a:visited img { grid-row: 1 / 4; grid-column: 1 / 4; width: 100%; height: 100%; object-fit: cover; }

section.content-wrapper div.left a:link div.text-wrapper, section.content-wrapper div.left a:visited div.text-wrapper, section.content-wrapper div.right a:link div.text-wrapper, section.content-wrapper div.right a:visited div.text-wrapper { position: relative; z-index: 5; color: #ffffff; grid-row: 2 / 3; grid-column: 2 / 3; border-radius: 3px; padding: 20px 40px; max-width: 350px; transition: all 0.4s ease-in-out; }

section.content-wrapper div.left a:link div.text-wrapper svg, section.content-wrapper div.left a:visited div.text-wrapper svg, section.content-wrapper div.right a:link div.text-wrapper svg, section.content-wrapper div.right a:visited div.text-wrapper svg { height: 9px; margin-left: 5px; }

section.content-wrapper div.left a:link div.text-wrapper h2, section.content-wrapper div.left a:visited div.text-wrapper h2, section.content-wrapper div.right a:link div.text-wrapper h2, section.content-wrapper div.right a:visited div.text-wrapper h2 { text-align: center; font-weight: 600; }

section.content-wrapper div.left a:link div.text-wrapper p, section.content-wrapper div.left a:visited div.text-wrapper p, section.content-wrapper div.right a:link div.text-wrapper p, section.content-wrapper div.right a:visited div.text-wrapper p { text-align: center; font-weight: 300; text-transform: uppercase; font-size: 12px; }

section.content-wrapper div.left a:hover div.text-wrapper, section.content-wrapper div.right a:hover div.text-wrapper { transform: scale(1.05); }

section.content-wrapper div.left { grid-column: 1 / 2; grid-row: 1 / 2; }

section.content-wrapper div.left div.text-wrapper { background-color: rgba(28, 62, 100, 0.92); }

section.content-wrapper div.right { grid-column: 1 / 2; grid-row: 2 / 3; }

section.content-wrapper div.right div.text-wrapper { background-color: rgba(149, 185, 61, 0.9); }

@media only screen and (min-width: 992px) { header { display: grid; grid-template-columns: 30% 70%; padding: 25px 40px; }
		header div.logo { grid-column: 1 / 2; }
		header div.logo img { margin: 0; width: auto; height: auto; max-height: 60px; }
		header div.contact-details { grid-column: 2 / 3; text-align: right; grid-template-columns: auto 150px; place-items: center end; }
		section.content-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; }
		section.content-wrapper div.column { width: 50%; grid-column: unset; grid-row: unset; box-sizing: border-box; transition: width 1000ms cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: width 1000ms cubic-bezier(0.645, 0.045, 0.355, 1); }
		section.content-wrapper div.column a:link, section.content-wrapper div.column a:visited { grid-template-columns: 1fr 300px 1fr; grid-template-rows: 250px 1fr 250px; }
		section.content-wrapper div.column a:link div.text-wrapper, section.content-wrapper div.column a:visited div.text-wrapper { width: 100%; }
		section.content-wrapper div.column a:hover div.text-wrapper { transform: none; }
		section.content-wrapper div.column:hover { width: 70%; } }