:root {
  --color-default: #E4AF46;
  --color-text: #707070;
  --border-radius-default:8px;
  --font-size-default: 18px;
  --font-size-h1: 1.8rem;
  --font-size-h2: 1.64rem;
  --font-size-h3: 1.48rem;
  --font-size-h4: 1.32rem;
  --font-size-h5: 1.16rem;
  --font-size-h6: 1rem;
}

.navbar .logo {
  height: 40px;
  width: 74px;
  margin-bottom: 4px;
  float: left;
}

p, li {
  font-weight: 300;
}

h1, h2 {
  font-weight: 400 !important;
  padding-top: 1em;
  color: var(--color-text);
}

h3 {
  font-weight: 400 !important;
  padding-top: 1em;
  color: var(--color-text);
}

.extraheader {
  text-align: center;
  padding-bottom: 1em;
}

.menu-list {
  align-self: flex-end !important;
}


.navbar {
  width: 100%;
}

.navbar .button {
  border-radius: 3px !important;
  background-color: #ef474a;

}

#myTooltip {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  background: rgba(228,175,70,1);
  color: #FCE9D8;
  text-align: center;
  position: absolute;
  display: none;
  width: 230px;
  font-size: 70%;
  font-weight: 600;
  border: solid 3px #FCE9D8;
  border-radius: 2px;
}

#thearea {
  padding-top: 40px;
  padding-bottom: 60px;
}

.menu-list .menu-item button {
  font-size: 16px;
  font-weight: 600 !important;
}

.menu-item .button {
  margin-left: 100px;
}

.button {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  border-width: 1px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 7px 20px;
}

.bg-reverse {
  background: #ffffff;
  color:var(--color-primary);
  border-color:var(--color-primary);
}

p, li {
  color: var(--color-text);
}

.section-text ul li, .plain li {
  list-style-type: none;
  background-position: left center !important;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgZmlsbD0iI0U0QUY0NiIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMzAuNzI1IDMwLjcyNSINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMTMuODMyLDMwLjcyNWMtMC42NDIsMC0xLjI3OS0wLjI0NC0xLjc2OS0wLjczMmMtMC45NzgtMC45NzctMC45NzgtMi41NiwwLTMuNTM1bDExLjA5NS0xMS4wOTNMMTIuMDY0LDQuMjY4DQoJCWMtMC45NzgtMC45NzktMC45NzgtMi41NjIsMC0zLjUzNWMwLjk3OC0wLjk3OCwyLjU2LTAuOTc4LDMuNTM1LDBsMTQuNjI4LDE0LjYzMUwxNS42LDI5Ljk5Mg0KCQlDMTUuMTExLDMwLjQ4LDE0LjQ3MywzMC43MjUsMTMuODMyLDMwLjcyNXogTTQuNzY2LDI5Ljk5MmwxNC42MjgtMTQuNjI4TDQuNzY2LDAuNzMzYy0wLjk3OS0wLjk3OC0yLjU2MS0wLjk3OC0zLjUzNSwwDQoJCWMtMC45NzgsMC45NzctMC45NzgsMi41NiwwLDMuNTM1bDExLjA5NSwxMS4wOTZMMS4yMywyNi40NTdjLTAuOTc4LDAuOTc4LTAuOTc4LDIuNTYxLDAsMy41MzUNCgkJYzAuNDg4LDAuNDg4LDEuMTI3LDAuNzMyLDEuNzY5LDAuNzMyQzMuNjQsMzAuNzI1LDQuMjc1LDMwLjQ4LDQuNzY2LDI5Ljk5MnoiLz4NCjwvZz4NCjwvc3ZnPg==") no-repeat left top;
  background-size: 1em;
  margin: 0.7em auto;
  padding: 0px 0 0px 36px;
  display: block;
}


.socialbox {
  background-position-x: 0;
  background-position-y: 0;
  background-size: 40px 40px !important;
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-top: 40px !important;
}

.fullsize {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.linkedinlink {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDE3NiAxNzYiIHdpZHRoPSI1MTIiIGZpbGw9IiNFNEFGNDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9ImxpbmtlZGluIj48cGF0aCBpZD0iaWNvbiIgZD0ibTE1MiAwaC0xMjhhMjQgMjQgMCAwIDAgLTI0IDI0djEyOGEyNCAyNCAwIDAgMCAyNCAyNGgxMjhhMjQgMjQgMCAwIDAgMjQtMjR2LTEyOGEyNCAyNCAwIDAgMCAtMjQtMjR6bS05MiAxMzkuMjhhMy43MSAzLjcxIDAgMCAxIC0zLjcxIDMuNzJoLTE1LjgxYTMuNzEgMy43MSAwIDAgMSAtMy43Mi0zLjcydi02Ni4yOGEzLjcyIDMuNzIgMCAwIDEgMy43Mi0zLjcyaDE1LjgxYTMuNzIgMy43MiAwIDAgMSAzLjcxIDMuNzJ6bS0xMS42Mi03Ni4yOGExNSAxNSAwIDEgMSAxNS0xNSAxNSAxNSAwIDAgMSAtMTUgMTV6bTk0LjI2IDc2LjU0YTMuNDEgMy40MSAwIDAgMSAtMy40MiAzLjQyaC0xN2EzLjQxIDMuNDEgMCAwIDEgLTMuNDItMy40MnYtMzEuMDVjMC00LjY0IDEuMzYtMjAuMzItMTIuMTMtMjAuMzItMTAuNDUgMC0xMi41OCAxMC43My0xMyAxNS41NXYzNS44NmEzLjQyIDMuNDIgMCAwIDEgLTMuMzcgMy40MmgtMTYuNDJhMy40MSAzLjQxIDAgMCAxIC0zLjQxLTMuNDJ2LTY2Ljg3YTMuNDEgMy40MSAwIDAgMSAzLjQxLTMuNDJoMTYuNDJhMy40MiAzLjQyIDAgMCAxIDMuNDIgMy40MnY1Ljc4YzMuODgtNS44MyA5LjYzLTEwLjMxIDIxLjktMTAuMzEgMjcuMTggMCAyNyAyNS4zOCAyNyAzOS4zMnoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat left top;
}

.instagramlink {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMnB0IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB0IiBmaWxsPSIjRTRBRjQ2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zMDEgMjU2YzAgMjQuODUxNTYyLTIwLjE0ODQzOCA0NS00NSA0NXMtNDUtMjAuMTQ4NDM4LTQ1LTQ1IDIwLjE0ODQzOC00NSA0NS00NSA0NSAyMC4xNDg0MzggNDUgNDV6bTAgMCIvPjxwYXRoIGQ9Im0zMzIgMTIwaC0xNTJjLTMzLjA4NTkzOCAwLTYwIDI2LjkxNDA2Mi02MCA2MHYxNTJjMCAzMy4wODU5MzggMjYuOTE0MDYyIDYwIDYwIDYwaDE1MmMzMy4wODU5MzggMCA2MC0yNi45MTQwNjIgNjAtNjB2LTE1MmMwLTMzLjA4NTkzOC0yNi45MTQwNjItNjAtNjAtNjB6bS03NiAyMTFjLTQxLjM1NTQ2OSAwLTc1LTMzLjY0NDUzMS03NS03NXMzMy42NDQ1MzEtNzUgNzUtNzUgNzUgMzMuNjQ0NTMxIDc1IDc1LTMzLjY0NDUzMSA3NS03NSA3NXptODYtMTQ2Yy04LjI4NTE1NiAwLTE1LTYuNzE0ODQ0LTE1LTE1czYuNzE0ODQ0LTE1IDE1LTE1IDE1IDYuNzE0ODQ0IDE1IDE1LTYuNzE0ODQ0IDE1LTE1IDE1em0wIDAiLz48cGF0aCBkPSJtMzc3IDBoLTI0MmMtNzQuNDM3NSAwLTEzNSA2MC41NjI1LTEzNSAxMzV2MjQyYzAgNzQuNDM3NSA2MC41NjI1IDEzNSAxMzUgMTM1aDI0MmM3NC40Mzc1IDAgMTM1LTYwLjU2MjUgMTM1LTEzNXYtMjQyYzAtNzQuNDM3NS02MC41NjI1LTEzNS0xMzUtMTM1em00NSAzMzJjMCA0OS42MjUtNDAuMzc1IDkwLTkwIDkwaC0xNTJjLTQ5LjYyNSAwLTkwLTQwLjM3NS05MC05MHYtMTUyYzAtNDkuNjI1IDQwLjM3NS05MCA5MC05MGgxNTJjNDkuNjI1IDAgOTAgNDAuMzc1IDkwIDkwem0wIDAiLz48L3N2Zz4=") no-repeat left top;
}

.nolink a {
  color: var(--color-text) !important;
}

a:hover {
  text-decoration: none;
}

ul {
  padding-inline-start: 0px;
}

.honeypot {
    position: absolute;
    left: -9999px;
}

.herobutton {
  width: 250px;
  display: block;
  text-align: center;
  margin: 150px auto !important;
  font-size: 15px;
  padding: 7px 20px;
  font-weight: 600;
}

.anerror {
  color: #ff0000;
}

.imgcenter {
  margin: auto;
  width: 50%;
  padding-top: 20px;
}

.extraspace {
  margin: 150px 0 180px 0;
}

.extraspacebottom {
  margin: 0 0 100px 0;
}


.extraspace {
  margin: 150px 0 180px 0;
}

.extraspacebottom {
  margin: 0 0 100px 0;
}

.extraimgspace {
  margin-bottom: 30px;
}

mark {
  border-radius: 0;
  background-color: var(--color-primary);
  color: #ffffff;
}

.centerme h1 {
    height: 70px;
    width: 70px;
    padding-top: 14px;
    align-content: center;
    vertical-align: middle !important;
    background-color: var(--color-primary);
    color: #fff;
    border-radius: 50%;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    padding-top: auto;
}

.centerme h3 {
  padding-top: 0;
  text-transform: uppercase;
}

.none {
  display: none;
}

.smallimg {
  background-size: 100px;
  background-position: left center;
  background-position-x: 40px;
}

.just {
  margin: 0 auto;
  display: -webkit-flex; 
  display: flex;
}

.justimage {
  width:15%;
  flex: 1 1 1;
  vertical-align: middle;
}

.justimage figure {
  height: 100%;
}

.middleme {
  height: 100%;
}

.middleme img {
  vertical-align: middle;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.justimage figure img {
  width:50%;
  position: relative;
  top: 30%;
  left: 20%;
}

.justtext {
  width:85%;
  flex: 1 1 1;
}


@media (prefers-color-scheme: dark) {

mark {
  color: var(--color-text);
}

.color-white {
  color: var(--color-text);
}

}


@media screen and (max-width: 911px) {

.justimage {
  display: none; 
}

.justtext {
  width:100%;
  display: inline-block; 
  float:left;
}


.mobilefull {
  flex: 0 1 80%;
}

.width-1, .width-2, .width-3, .width-4, .width-5, .width-6  {
  grid-column-end: span 12;
  --basis: 50%;
  grid-column-start: 1 !important;
}

}