A:active, A:link {
	color: #fc0328;
	text-decoration: none;
	}
A:visited {
	color: #fc0328;
	text-decoration: none;
	}
A:hover {
	color: #fff;
	text-decoration: none;
	}
A.uppercase {
	color: #A5A5A5;
	font-style:  "cabin", "museo-sans-2", Helvetica, Arial, Sans-Serif;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: 700; padding-top: 20px; font-size: 10.5px;
	}

.wiggly {
  --s: 20px;

  width: 300px;
  aspect-ratio: 1;
  padding: var(--s);
  box-sizing: border-box;
  mask:
    radial-gradient(var(--s), black 100%, transparent calc(100% + 1px)) 
      0 0 / calc(4*var(--s)) calc(4*var(--s)),
    conic-gradient(black 0 0) no-repeat 
      50% / calc(100% - 6*var(--s)) calc(100% - 6*var(--s)),
    radial-gradient(var(--s), transparent 100%, black) 
      var(--s) var(--s) / calc(2*var(--s)) calc(2*var(--s));
}

HTML, BODY {
	color: #fcddd8;
	margin: 0;
	padding: 0;
	background-image: url("images/backGroundTAN.png");
	background-repeat: repeat;
	background-position: left top;
	}
#commentform {
	font-family: cabin;
	font-size: 11px;
	font-weight: 300;
	color: #55544A;
	text-decoration: none;
	}
	#contactForm{
	font-family: cabin, sans-serif;
	font-size: 11px;
	color: #699;
	font-weight: 300;
}
H1 {
	margin: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Josefin Sans, quicksand, sans-serif;
	font-size: 11.5px;
	line-height: 23px;
	font-weight: 800;
	padding-top: 20px;
	color: #443f3e;
	}
	H2 {
	margin: 0;
	letter-spacing: normal;
	/*text-transform: uppercase;*/
	font-family: Josefin Sans, quicksand, sans-serif;
	font-size: 15px;letter-spacing: .5px;
	line-height: 24px;
	font-weight: 750;
	padding-top: 20px;
	color: #fc0328;
	}
H1.small {
	margin: 0;
	letter-spacing: 3px;
	text-transform: none;
	font-family: Josefin Sans, quicksand, sans-serif;
	font-size: 12px;
	font-weight: 900;
	}
	
	.description {
	align: center;
	margin: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: Josefin Sans, quicksand, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: 700;
	padding-top: 0px;
	
	}
	
	
	H5 {
	font-family: cabin, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	letter-spacing: 1.5px;
	line-height: 18px;
	font-weight: 300;
	color: #272525;
	}
IMG {
	border:0;
	}
	.textField{
	font-family: cabin, sans-serif;
	font-size: 11px;
}
UL {
	font: 300 11px/18px museo-sans-1, museo-sans-2, Helvetica, Arial, Sans-Serif;
	margin-bottom: 18px;
	margin-top: 0px;
	text-indent: 0px;
	}
LI {
	padding:0px;
	list-style: disc inside;
	}
UL.about LI {
	list-style: disc inside url("/graphics/bullet.gif");
	}
P  {
	margin-bottom: 18px;
	margin-top: 0px;
	text-indent: 0px;
	color: #443f3e;
	font-family: Josefin Sans, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: 800;
	}
P.big {
	font: 300 14px/22px;
	margin-bottom: 18px;
	margin-top: 0px;
	}
TD {
	font: 300 11px/18px museo-sans-1, museo-sans-2, Helvetica, Arial, Sans-Serif;
	}
.serif {
	color: #969696;
	font: 16px/24px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
	}
.small {
	font: 250 10px/10px museo-sans-1, museo-sans-2, Helvetica, Arial, Sans-Serif;letter-spacing: 2px;
	text-transform: uppercase;line-height: 13px;
	}
.smaller {
	font: 300 10px/18px museo-sans-1, museo-sans-2, Helvetica, Arial, Sans-Serif;
	margin: 0;
	}
.uppercase {
	background-color: transparent;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
      /* .button-red {
    background-color: transparent;
    color: #fc0328;
    border: 3.2px solid #fc0328;
	 margin-right: 1em;
    padding: 7 10 5 10;
}*/
.button-red {
  background-color: transparent;
  color: #fc0328;
  border: 3.2px solid #fc0328;
  padding: 10px 20px;
  border-radius: 30px; /* makes it rounded */
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 1em;
  transition: all 0.3s ease;
}

.button-red:hover {
  background-color: #fc0328;
  color: #f1ebe2;
}
.button-red.current {
  background-color: #fc0328;
  color: #f1ebe2
  /*border: 3.2px #f1ebe2;*/
}

    .button-grey{
	color: #45484c;
	border: 3px solid #45484c;
	margin-right: 1em;
	padding: 5 10 5 10;
}
var TxtRotate = function(el, toRotate, period) {
  this.toRotate = toRotate;
  this.el = el;
  this.loopNum = 0;
  this.period = parseInt(period, 10) || 2000;
  this.txt = '';
  this.tick();
  this.isDeleting = false;
};

TxtRotate.prototype.tick = function() {
  var i = this.loopNum % this.toRotate.length;
  var fullTxt = this.toRotate[i];

  if (this.isDeleting) {
    this.txt = fullTxt.substring(0, this.txt.length - 1);
  } else {
    this.txt = fullTxt.substring(0, this.txt.length + 1);
  }

  this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';

  var that = this;
  var delta = 300 - Math.random() * 100;

  if (this.isDeleting) { delta /= 2; }

  if (!this.isDeleting && this.txt === fullTxt) {
    delta = this.period;
    this.isDeleting = true;
  } else if (this.isDeleting && this.txt === '') {
    this.isDeleting = false;
    this.loopNum++;
    delta = 500;
  }

  setTimeout(function() {
    that.tick();
  }, delta);
};

window.onload = function() {
  var elements = document.getElementsByClassName('txt-rotate');
  for (var i=0; i<elements.length; i++) {
    var toRotate = elements[i].getAttribute('data-rotate');
    var period = elements[i].getAttribute('data-period');
    if (toRotate) {
      new TxtRotate(elements[i], JSON.parse(toRotate), period);
    }
  }
  // INJECT CSS
  var css = document.createElement("style");
  css.type = "text/css";
  css.innerHTML = ".txt-rotate > .wrap { border-right: 0.08em solid #666 }";
  document.body.appendChild(css);
};
/*.buttonStyles__buttonStyles___hsHoH {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: 800 .75rem/1.1rem Verlag A,Verlag B,sans-serif;
    margin-right: 1.875em;
    padding: 0 0 0 1rem;
    text-decoration: none;
    text-transform: uppercase;*/