@font-face {
    font-family: 'Ebrima';
    src: url('font/Ebrima.woff2') format('woff2'), url('font/Ebrima.woff') format('woff');
    font-weight: normal; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Ebrima';
    src: url('font/Ebrima-Bold.woff2') format('woff2'), url('font/Ebrima-Bold.woff') format('woff');
    font-weight: bold; font-style: normal;font-display: swap;
}

html { color: #0a1626; }
html, body, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 { font-family: "Ebrima", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #0a1626; }

a { color: #c0703f; }
a:hover, a:focus { color: #853c0f; text-decoration: none; }

img.border { border: 2px solid #30728c; display: block; }
img.team { border: 3px solid #30728c; display: block; border-radius: 50%; }

.uk-button-primary { background-color: #c0703f; color: #fff; font-weight: bold; font-size: 1.5rem; line-height: 60px; text-transform: none; padding: 0 40px; }
.uk-button-primary:focus,
.uk-button-primary:hover { background-color: #853c0f; color: #fff; }

header .uk-container { position: relative; padding-top: 20px; padding-bottom: 100px; }
header .logo { position: relative; max-width: 140px; }
header h1 { color: #f4e3c7; font-size: 4.75rem; margin-top: 100px; margin-bottom: 40px; }
header h1 span { display: block; }
header p { color: #c0703f; font-size: 2.875rem; position: relative; line-height: 1.3em; }
header .nav { display: block; list-style-type: none; position: relative; padding: 0; margin: 0; }
header .nav li { display: inline-block; padding: 0; margin: 0 0 0 90px; }
header .nav li a { color: #f4e3c7; font-weight: bold; font-size: 1.375rem; }
header .nav li a:hover, header .nav li a:focus { color: #c0703f; }
header hr { border-top: 2px solid #30728c; margin: 20px 0 20px; }
header .contact a { color: #f4e3c7; font-weight: normal; font-size: 1.125rem; line-height: 29px; }
header .contact a:hover, header .contact a:focus { color: #c0703f; }
header .contact img { max-width: 30px; margin-right: 10px; float: left; }

.content h2 { padding-bottom: 15px; border-bottom: 2px solid #30728c; font-size: 3.25rem; }
.content p { font-size: 1.5rem; }
.content ul { list-style-position: outside; padding-left: 24px; }
.content ul li { padding-bottom: 10px; font-size: 1.5rem; max-width: 75%; }

p.name,
p.company { font-size: 1.5rem; margin: 0px; text-align: center; font-weight: bold; }
p.name{ margin-top: 20px; }
p.company { color: #c0703f; }

.events .uk-container { position: relative; }
.events h2 { color: #f4e3c7; padding-bottom: 15px; border-bottom: 2px solid #30728c; font-size: 3.25rem; }
.events p { color: #f4e3c7; }
.event-card .event-card-inner { background-color: #fff; padding: 25px; }
.event-card .event-card-inner h3 { margin-bottom: 15px; }
.event-card .event-card-inner p.small { color: #0a1626; margin-bottom: 0px; font-size: 1rem; margin-top: 10px; }
.event-card .event-card-inner p.date { color: #c0703f; font-size: 1.25rem; margin: 0px; }
.event-card .event-card-image { min-height: 250px; border-top: 2px solid #c0703f; }

.contact-details { background-color: #f8f8f8; padding: 35px; }
.contact-details p { font-size: 1.25rem; margin: 0; }
.contact-details h3 { margin-top: 25px; margin-bottom: 5px; }
.contact-details h3:first-of-type { margin-top: 0; }

.contact-form input { border: 1px solid #f8f8f8; background: #f8f8f8; height: 56px; padding-left: 15px; padding-right: 15px; }
.contact-form textarea { border: 1px solid #f8f8f8; background: #f8f8f8; padding: 15px; min-height: 200px; }
.contact-form input:focus, .contact-form textarea:focus { background: #f8f8f8; border-color: #c0703f; }

footer { background: #0a1626; }
footer .logo { max-width: 100px; margin: 0 auto; }
footer .companyname { color: #f4e3c7; font-size: 2rem; line-height: 1.2em; font-weight: bold; margin-top: 30px; margin-bottom: 0px; text-align: center; }
footer .companyname span { display: block; }
footer .uk-text-small { color: #f4e3c7; margin: 0px; text-align: center; }

@media (max-width: 960px) {
	header h1 { font-size: 2.75rem; margin-top: 80px; margin-bottom: 30px; }
	header p { font-size: 1.875rem; }
	header .nav li {  margin: 0 0 0 60px; }
	header .nav li a { font-size: 1.25rem; }
	.content h2 { padding-bottom: 12px; font-size: 2.25rem; }
	.content p { font-size: 1.25rem; }
	.content ul { padding-left: 25px; }
	.content ul li { padding-bottom: 8px; font-size: 1.25rem; max-width: 100%; }
	img.team { max-width: 200px; margin: 0 auto; display: inline-block; }
	form { max-width: 500px; }
}
@media (max-width: 800px) {
	.nav-grid { display: none; }
	header h1, header p { text-align: center; }
	header .contact.uk-flex-right { justify-content: center; }
	header .logo { position: relative; max-width: 120px; margin-top: 20px; }
	header h1 { font-size: 2.5rem; margin-top: 50px; margin-bottom: 30px; }
	header p { font-size: 1.75rem; }
}
@media (max-width: 640px) {
	header { min-height: 0!important; }
	header hr { margin: 30px 0 30px; }
	header .logo { margin-top: 0; }
	header .uk-container { padding-top: 70px; padding-bottom: 70px; }
	.uk-button-primary { font-size: 1.25rem; line-height: 50px; padding: 0 30px; }
}
@media (max-width: 450px) {
	header .logo { max-width: 100px; }
	header h1 { font-size: 2rem; margin-top: 60px; margin-bottom: 30px; }
	header p { font-size: 1.5rem; }
}
@media (max-width: 405px) {
	header .contact a span { display: none; }
	.content h2 { font-size: 2rem; }
	.content p { font-size: 1.125rem; }
	.content ul li { font-size: 1.125rem; }
}
@media (max-width: 396px) {
	header p { font-size: 1.25rem; }
}