@charset "utf-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
@font-face {
	font-family: Katana;
	src: url("katana.ttf");
}
html, body {
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
	min-height: 100%;
}
body {
	min-height: 100%;
}
h1, h2, h3 {
	text-align: center;
	font-family: Katana;
}
a {
	color: #fff;
}
a[href]:hover {
	color: #FFD59F;
}
a[href]:active {
	color: #FF8E00;
}

.lefted { text-align:left; }
.righted { text-align:right; }
.centered { text-align:center; }

.clearfloat { clear:both; }
.nobr { white-space:nowrap; }


.toleft { float:left; margin-right:1em; }
.toright { float:right; margin-left:1em; }

header {
	text-align:center;
}

#content {
	width: 1260px;
	min-width: 300px;
	max-width: 90%;
	z-index: 1000;
	font-family: Verdana, sans-serif;
	background-color: rgba(255,79,0,0.80);
	margin: 20% 2em;
	padding: 2em;
	color: #fff;
	position: relative;
	box-shadow: 0 0 10px #000;
	border-radius: 0.5em;
}

footer {
	/*position: absolute;
	bottom: 1em;
	right: 1em;
	*/
	    text-align: right;
    border-top: 1px solid;
    padding: 1em 2em 0;
    margin: 1em -2em;
	
}
nav { border-top:1px solid; border-bottom:1px solid; margin:0.5em -2em; padding:0.5em 1em; background:rgba(0,0,0,0.2); font-family: Katana;  /*background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 5%, rgba(0,0,0,0.2) 95%, rgba(0,0,0,0) 100%);*/  }
nav a { display:inline-block; padding: 0 0.5em 0 0.1em; border-right:1px solid; text-decoration:none;  font-size: 1.2em; } /* margin:0 1em;*/
nav a:last-child { border-right:none; }

.lectures { display:table; }
	.lectures a { display:table-row; transition:0.1s; text-decoration:none; }
	.lectures a[href]:hover { background-color:rgba(0,0,0,0.2); }	
	.lectures a span { display:table-cell; vertical-align:middle;  padding:0.2em 1em; }
	.lectures a span:first-child { width:20%; }
	.lectures a span:last-child { width:80%; }
	.lectures a img { width:100%; }
			
@media screen and (max-width:700px) {
    .lectures { display:block; }
    	.lectures a { display:block; margin-bottom:1em; }
    	.lectures a span { display:block; }
    	.lectures a span:first-child { display:none; }
    	.lectures a span:last-child { width:100%; }

}			
.trips li { margin:1em 0; padding-left:6em; padding-top:1em;border-top:1px solid }
        .trips span { display:block; position:relative; margin-bottom:0.3em; }
        .trips span span { font-size:0.5em; position:absolute; bottom:0; left:-10em; }
            
.videoWrapper { width:100%; padding-bottom:56.25%; position:relative;}
.videoWrapper iframe { position:absolute; width:100%; height:100%; position:absolute; }



@media all and (max-width:801px) {
		
	#content { 
		width: auto;
		margin: 0;
		padding: 10px;
		border-radius: 0;
	}
	nav {
		margin: 0 -10px;
	}
	.iframe__wrapper {
		padding-bottom: 200%;
	}
	footer {
		margin: 1em -10px;
	}
		
}