@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url('font/TitilliumWeb-Light.woff') format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('font/TitilliumWeb-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('font/TitilliumWeb-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url('font/TitilliumWeb-LightItalic.woff') format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url('font/TitilliumWeb-Italic.woff') format('woff');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url('font/TitilliumWeb-BoldItalic.woff') format('woff');
}

body {
  /*background-color: #661166;*/
  /*font-weight: 400;
  font-size: 20px;
  text-shadow: 4px 4px 4px #aaa;*/
  font-family: -apple-system, "Titillium Web", system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  color: #212121;
}

.heading {
  font-family: 'Titillium Web', Arial;
  color: #EEE;
  font-weight: 300;
  font-size: 9vw;
}



html {
  font-size: 1.0em;
  font-family: -apple-system, "Titillium Web", system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Helvetica Neue", sans-serif;

}


h1 {
  background: url("../images/head_bg2.png") no-repeat left center;
  color: #996699;
  padding-left: 35px;
  font-size: 2.5rem;
}

h2 {
  color: #663366;
}

.z-background {
  background-image: url("../images/bg.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.highlight {
  color: #663366;
  font-size: 16px;
  font-weight: bolder;
  background-color:#e4d8e6;
  padding: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.button-z {
  background-color: #ffffff;
  color: #663366;
  border-color: #663366;
  text-decoration: none;
}

.button-z:hover {
  background-color: #663366;
  color: #ffffff;
}

a.button-z:link {
  text-decoration: none;
}

a:link, a:hover, a:visited {
  /*color: #663366;*/
}



.dropdown-toggle::before
{
  border-color: #ffffff;
}


@media screen and (min-width: 0px) {
  html, body, input, select, textarea, .select-input, .prepend {
    font-size: 0.9em;
  }
}

@media screen and (min-width: 576px) {
  html, body, input, select, textarea, .select-input, .prepend {
    font-size: 1.0em;
  }
}

@media screen and (min-width: 768px) {
  html, body, input, select, textarea, .select-input, .prepend {
    font-size: 1.1em;
  }
}

@media screen and (min-width: 992px) {
  html, body, input, select, textarea, .select-input, .prepend {
    font-size: 1.1em;
  }
}