/* Large and up */
@media screen and (min-width: 64em) {

	body { font-family: "kepler-std-condensed-display",serif; font-size: 44px; line-height:normal; background-color: rgb (246,246,246); color: black; }
	
	h1, h2, h4, h5, h6 { font-family: "kepler-std-condensed-display",serif; font-size: 2em; margin-bottom: -8px; }
	
	h3 { font-family: "din-condensed-web",sans-serif; font-size: 0.4em; text-transform: uppercase;}
	
	p { line-height: 1.1; }
	
	.row { margin: 0 1.8em; }
	
	span.firm { font-style: italic; font-size: 0.5em !important; line-height: 0.1; }
	
	.logo { width: 100%; }
	
	a, a:visited { color: black; }
	a:hover { font-style: italic; color: #00329e; }
	
	a.svg {
	  position: relative;
	  display: inline-block; 
	  width: 35px;
	  height: 35px;
	  cursor: pointer;	  
	}
	
	a.svg.xing { width: 27px; }
	
	a.svg:after {
	  content: ""; 
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left:0;
	}
	
	object { width: 100%; }
	polygon { fill: #00329e; }
	
	p.r-ttb {
		position: absolute;
		text-transform: uppercase;
		text-align: right;
		font-size: 0.5em;
		letter-spacing: 1px;
		-webkit-transform:	rotate(90deg) translateY(-100%);
		-moz-transform: 	rotate(90deg) translateY(-100%);
		-ms-transform:		rotate(90deg) translateY(-100%);
		-o-transform:		rotate(90deg) translateY(-100%);
		transform:			rotate(90deg) translateY(-100%);
		-webkit-transform-origin:	left top;
		-moz-transform-origin: 		left top;
		-ms-transform-origin:		left top;
		-o-transform-origin:		left top;
		transform-origin:			left top;
	}
	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	body { font-family: "kepler-std-condensed-display",serif; font-size: 32px; line-height:normal; background-color: rgb (246,246,246); color: black; }
	
	h1, h2, h4, h5, h6 { font-family: "kepler-std-condensed-display",serif; font-size: 2em;}
	
	h3 { font-family: "din-condensed-web",sans-serif; font-size: 0.4em; text-transform: uppercase;}
	
	p { line-height: 1.1; }
	
	.row { margin: 0 1.5em; }
	
	span.firm { font-style: italic; font-size: 0.5em !important; line-height: 0.1; }
	
	.logo { width: 100%; }
	
	a, a:visited { color: black; }
	a:hover { font-style: italic; color: #00329e; }
	
	a.svg {
	  position: relative;
	  display: inline-block; 
	  width: 30px;
	  height: 30px;
	  cursor: pointer;
	}
	
	a.svg.xing { width: 25px; }
	
	a.svg:after {
	  content: ""; 
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left:0;
	}
	
	object { width: 90%; }
	
	p.r-ttb {
		position: absolute;
		text-transform: uppercase;
		text-align: right;
		font-size: 0.5em;
		letter-spacing: 1px;
		-webkit-transform:	rotate(90deg) translateY(-100%);
		-moz-transform: 	rotate(90deg) translateY(-100%);
		-ms-transform:		rotate(90deg) translateY(-100%);
		-o-transform:		rotate(90deg) translateY(-100%);
		transform:			rotate(90deg) translateY(-100%);
		-webkit-transform-origin:	left top;
		-moz-transform-origin: 		left top;
		-ms-transform-origin:		left top;
		-o-transform-origin:		left top;
		transform-origin:			left top;
	}
	
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	body { font-family: "kepler-std-condensed-display",serif; font-size: 22px; line-height:normal; background-color: rgb (246,246,246); color: black; }
	
	h1, h2, h4, h5, h6 { font-family: "kepler-std-condensed-display",serif; font-size: 2em; }
	
	h3 { font-family: "din-condensed-web",sans-serif; font-size: 0.5em; text-transform: uppercase; }
	
	p { line-height: 1.2; }
	
	.row { margin: 0 0.2em; }	
	
	span.firm { font-style: italic; font-size: 0.7em !important; line-height: 0.1; }
	
	.logo { width: 100%; }
	
	a, a:visited { color: black; }
	a:hover { font-style: italic; color: #00329e; }
	
	a.svg {
	  position: relative;
	  display: inline-block; 
	  width: 30px;
	  height: 30px;
	  cursor: pointer;
	}
	
	a.svg.xing { width: 25px; }	
	
	a.svg:after {
	  content: ""; 
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left:0;
	}
	
	object { width: 90%; }
	
	p.r-ttb {
		position: absolute;
		text-transform: uppercase;
		text-align: right;
		font-size: 0.5em;
		letter-spacing: 1px;
		-webkit-transform:	rotate(90deg) translateY(-100%);
		-moz-transform: 	rotate(90deg) translateY(-100%);
		-ms-transform:		rotate(90deg) translateY(-100%);
		-o-transform:		rotate(90deg) translateY(-100%);
		transform:			rotate(90deg) translateY(-100%);
		-webkit-transform-origin:	left top;
		-moz-transform-origin: 		left top;
		-ms-transform-origin:		left top;
		-o-transform-origin:		left top;
		transform-origin:			left top;
	}
	
}