@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");
/* @import url("fontawesome-all.min.css"); */

body, input, textarea, select {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 300;
  font-size: 18pt;
  line-height: 1.50em;
  color: #39454b;

  letter-spacing: 0.025em; }
  @media screen and (max-width: 1920px) {
    body, input, textarea, select {
      font-size: 17pt; } }
  @media screen and (max-width: 1680px) {
    body, input, textarea, select {
      font-size: 15pt; } }
  @media screen and (max-width: 1280px) {
    body, input, textarea, select {
      font-size: 13pt; } }
  @media screen and (max-width: 1000px) {
    body, input, textarea, select {
      font-size: 13pt; } }
  @media screen and (max-width: 736px) {
    body, input, textarea, select {
      font-size: 12pt;
      line-height: 1.5em; } }

:root {
  --a_col: #a60a46;
  --a_visited: #70072f;
  --a_hover:  #db427c;
}

#header{
    font-size: 1.0rem;
    font-weight: 300;
    background: hsl(0, 0%, 97%);
}

#footer {
   
    /*color: #acb3c2;*/
    color:  var(--a_col);
}

#noiseContainer{
	position: absolute;
	top: 80px;
	right: 0px;
}

.imgstyle{
	padding: 10px;
}

.bg-footer{
	/*background: #f8f9fa!important;*/
	background: #6a6b6b!important;
}

#myContainer{
	position: relative;
	top:80px;
}

.card .card-header{
	padding: 0.4rem;
}
  

a{
    color: var(--a_col);
   
}

a:visited{
    color: var(--a_visited);
}

a:focus, a:hover, a:active, a.active { color: #db427c; text-decoration: underline; }

.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
    color: #a60a46!important;
}

/* MOBILE */

.mobile-menu .button_container span {
	background: var(--a_col);
}

.overlay {
	background: #4b4d4b;
}

.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover {
	color: var(--a_hover)!important;
  font-size: 28pt;
  font-weight: 500;
}

.treemenu li a {
  font-size: 28pt;
  font-weight: 500;
  margin-bottom: 28px;
}

.maxsize {
    /*max-height: 100vh; */ /* subtract height of fixed header if needed */
    max-width: 100%;
    display: block;
    margin: auto;
}