@font-face {
    font-family: 'Arial Narrow';
    font-style: normal;
    font-weight: 400;
    src: local('Arial Narrow'), local('ArialNarrow-Regular'),
        url(../fonts/arial-narrow.woff) format('woff'),
        url(../fonts/arial-narrow.ttf) format('truetype');
}

*:focus {
	outline: none;
}
	
html, body {
	height: 100%;
	background: #A9A9A9; /* For browsers that do not support gradients */    
}

a:link {text-decoration: none}
a:visited {color:none}
a:active {text-decoration: none}

p {
	line-height: 1;
	text-indent: 1.5em;
}

ul {
	margin: 0;
}

ul.footnotes li {
	padding-left: 1.5em;
}

li {
	font-size: 32px;
	line-height: 1;
	word-break: break-all;
}

section {
	padding: 2em 0;
}

img {
	margin-bottom: 1.6rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 4px 12px rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.5);
  box-shadow: 0 4px 12px rgba(0,0,0,.5);
  width: 800px;
  margin:auto;
  margin-top:20px;
  overflow:hidden;
  border:1px solid #C1C2C2;
}

span {
	padding-left: 30%;
	line-height: 1.1;
	display: block;
}

.row {
	width: 100%!important;
	max-width: none;
}

.column, .columns {
    padding-right: .6rem!important;
    padding-left: 1rem!important;
}

.banner {
	position: fixed;
	padding: 0;
	overflow: hidden;
	line-height: 1;
}

.banner_inner {
    width: 100%;
    white-space: nowrap;
}

.banner_text {
	display: inline-block;
	color: black;
	margin-right: 40px;
}

.banner-left {
    bottom: 0;
    left: 0;
    width: 100vh;
    transform: rotate(-90deg) translateY(100%);
    transform-origin: left bottom;
    z-index: 3;
}

.banner-right {
    top: 0;
    right: -100vh;
    width: 100vh;
    transform: rotate(90deg);
    transform-origin: top left;
    z-index: 3;
}


.resposive-web-embed {
	position: relative;
	padding-bottom: 175.176056338%;
	height: 0;
	margin-bottom: .6rem;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.resposive-web-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

@media (min-width: 901px){

	body {
		font-size: 38px;
	}
	
	.content {
		padding: 0 38px;
	}
}

@media (max-width: 900px){

	body {
		font-size: 21px;
	}

	.content {
		padding: 0 21px;
	}
	
	ul.footnotes li {
	 font-size: 21px;
	}
}

.orbit-previous, 
.orbit-next,
.orbit-previous:hover, 
.orbit-next:hover, 
.orbit-previous:active, 
.orbit-next:active, 
.orbit-previous:focus, 
.orbit-next:focus {
	background: transparent;
	color: transparent;
    border: none;
    cursor: pointer;
}	