:root {
  --primary-color:#9037AA;
  --secondary-color1:#F5DA9A;
  --secondary-color2:#33302A;
  --secondary-color3:#37AB7D;
}

* {
  box-sizing: border-box;
}

.fa-landmark,.fa-person {
	font-size:200px;
	color:var(--secondary-color3);
	padding:24px 0px;
}

body {
    font-family:"adobe-garamond-pro",serif;
	font-weight:400;
    font-size:18px;
    line-height:1.5;
}

table {
	background-color:var(--secondary-color1);
	margin-block-start:1em;
	padding: 10px;
	border-radius:10px;
}

.normal-flow {
	width:100%;
	max-width:980px;
	padding: 0.01em 16px;
	margin-left: auto;
    margin-right: auto;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "josefin-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform:uppercase;
	color:var(--primary-color);
    margin:10px 0;
}

h1 {
	/*color:var(--primary-color)!important;*/
	font-size:48px;
	font-weight: 600!important;
	letter-spacing: 5px;
	clear:both;
	padding: 30px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:var(--secondary-color3);
}

h2 {
	margin-block-start:1em;
}

p,table {
	color:var(--secondary-color2);
}

a:link {
    background-color: transparent;
    color: inherit
}

a:active,a:hover {
    outline-width: 0;
    color: var(--primary-color);
    background-color: var(--secondary-color1);
}

img {
	max-width: 90%;
    height: auto;
    padding-top: 1em;
}

.page-body {
	padding-bottom: 50px;
}

.top-bar {
	font-family: "josefin-sans", sans-serif;
	text-transform:uppercase;
}

.top-bar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 0;
}

.top-bar li {
	float:left;
}

.top-bar li a {
	display: block;
	text-align: center;
	color:var(--secondary-color2);
	padding: 14px 16px;
	text-decoration: none;
	border-radius: 10px;
}

.dropdown-menu {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16 px;
	z-index: 1;
	right: 0;
}

.dropdown-menu li {
	float:left;
	width:100%
}

.dropdown-menu li a {
	display: block;
	text-align: right;
	color:var(--secondary-color2);
	padding: 14px 16px;
	text-decoration: none;
	border-radius: 0px;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.contact-button {
	color:white!important;
	background-color:var(--primary-color)!important;
	border-radius: 10px;
}

.menu-button {
	color:var(--primary-color)!important;
	background-color:inherit!important;
	font-size:18px;
}

.top-left-logo {
	width:100%;
}

.top-bar-menu {
	float: right;
	padding-top: 28px;
}

.clearfix::after, .clearfix::before {
    content: "";
    display: table;
    clear: both
}

.page-title {
	width:100%!important;
	text-align:center;
	margin-bottom:25px;
}

.top-left-logo-div {
	float:left;
	padding: 5px;
	width: 300px;
}

.top-left-logo-div a:hover {
	background-color: inherit!important;
}

.leftcolumn-wide {   
  float: left;
  width: 60%;
}

.rightcolumn-narrow {
  float: left;
  width: 40%;
  padding-left: 20px;
}

.leftcolumn-narrow {   
  float: left;
  width: 40%;
}

.rightcolumn-wide {
  float: left;
  width: 60%;
  padding-left: 20px;
}

.center-aligned {
	text-align:center;
}

@media screen and (max-width: 800px) {
  .leftcolumn-narrow, .leftcolumn-wide, .rightcolumn-narrow, .rightcolumn-wide {   
    width: 100%;
    padding: 0;
  }
  
  .top-left-logo-div {
	width:200px;
  }
  
  .top-left-logo {
	width:100%;
  }
  
  h1 {
  	font-size:28px;
	font-weight: 600!important;
	letter-spacing: 5px;
	clear:both;
	padding: 15px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:var(--secondary-color3);
  }
}

@media screen and (max-width: 925px) {
	.dropdown {
		position: relative;
		display: inline-block;
	}
	
	.navbar-top {
		display: none;
	}
}

@media screen and (min-width: 926px) {
	.dropdown {
		display: none;
	}
	
	.navbar-top {

	}
}


.footer {
	width: 100%;
	background-color:var(--secondary-color2);
}

.footer-text {
	text-align:center;
	font-size:24px;
	color:white;
	padding: 40px;
}

.copyright-notice {
	text-align:center!important;
}