/*GLOBAL START*/
@import url("fontfaces.css");
*, *:before, *:after { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; min-width: 320px;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h1 {font-weight: bold; margin: 5px 5px;}
h2 {margin: 5px 5px;}
p {font-size: 1em; margin: 5px 5px;}
ul {padding-left: 10px; margin: 10px 0;}
li {margin-left: 10px; padding-left: 10px;}
body {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; background-color: black;}
body.subpage{background:url('../images/space_background2.jpg') repeat-x fixed center top #040809;}
body { word-wrap: break-word; overflow-wrap: breakword; min-width: 320px; }
body { font-size: 100%; line-height: 1.4; padding: 0; margin: 0;}
#fullpage{ margin: auto; -webkit-font-smoothing: antialiased;}
.container{width: 100%; max-width: 980px; overflow: auto; margin: 0 auto;}
/*GLOBAL END*/

/*ARTICLE START*/
article{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 0.9em; line-height: 1.6; background-color: #fff; padding: 10px 0;}
article .container{padding: 15px;}
article li{list-style: circle;}
footer {border: 0px solid #333; padding: 10px 0;margin: 0;}
article a {color: teal; text-decoration: none;}
article a:hover {text-decoration: underline;}
/*ARTICLE END*/

/*FOOTER START*/
footer {color: black; margin-top: 20px; font-size: 13px;}
footer .container{padding: 0 15px; text-align: left;}
footer.teal {background-color: teal;}
footer.slategray {background-color: slategray;}
footer.crimson {background-color: crimson;}
/*FOOTER END*/

/*HEADER START*/
header{padding: 0;/*1em;*/background-color: #fff;overflow: auto; padding-top: 1.8em;}
header div.container h1{float: left;margin: 0;margin-left: 19px;}
header .container{min-height: 4.2em;}
/*HEADER END*/

/*NAV START*/
nav {display: none; clear: both;}
nav ul {list-style-type: none; padding: 0; margin: 0 0 0;}
nav li {border-top: 1px solid #eee; border-left: 0; border-right: 0; background-color: transparent; padding: 10px 1em; margin: 0; /*3px 0 0;*/ text-align: center; line-height: 1.9;}
nav ul a{text-decoration: none; font-size: 1.1em; color: #111; text-transform: uppercase;}
nav li:hover{color: crimson;}

nav li.hover_effect{background-color: black;color: teal;}
/*NAV END*/

/*TOUCH START*/
.hover_effect{
	background-color: #eee;
	color: black;
}
.touch, .zoom {
	-webkit-user-select: none;
	-webkit-touch-callout: none;        
}
/*TOUCH END*/

/*TITLE START*/
div.title div.container{height: 100px; color: #ccffff; padding-left: 15px; padding-top: 34px; font-size: 12px;}
div.title h2{font-weight: 300;}
/*TITLE END*/

/*COVER START*/
div.cover{
	height: 220px;
	width: 100%;
	overflow: hidden;
}
.cover{position: relative;}
.cover img{position: absolute; top: 50%; left: 50%;
	width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*COVER END*/

/*MAP START*/
div.map{height: 300px; width: 100%; overflow: hidden;}
.map {
    /* The container has to have a predefined dimension though */
    position: relative;
}
.map img { position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*MAP END*/


/*MENU-TOGGLE START*/
div.menu-toggle{
	text-align: center;
	width: 40px;
	height: 40px;
	float: right;
	margin-right:15px;
	display: block;
}
div.menu-toggle img{
	margin-top: 5px;
}
/*MENU-TOGGLE END*/

/*LANG-SELECT START*/
div.lang-select{
	text-align: center;
	width: 40px;
	height: 40px;
	float: right;
	line-height: 40px;
	margin: 0 15px;
}
div.lang-select a {text-decoration: none; font-weight: bold; color: slategray;}
div.lang-select a:hover{color: crimson;}
div.lang-select a div{ border: 1px solid slategray; }
/*LANG-SELECT END*/

div.cover img, div.map img{
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-o-transition: all 1s ease; /* IE 9 */
-ms-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}

div.map img.touch_zoom, div.cover img.touch_zoom{
	transform : translate(-50%, -50%) scale(1.5);
	-webkit-transform : translate(-50%, -50%) scale(1.5);
	-moz-transform : translate(-50%, -50%) scale(1.5);
	-ms-transform : translate(-50%, -50%) scale(1.5);
	-o-transform : translate(-50%, -50%) scale(1.5);
}

/*TABLE START*/
table.resources{width: 100%;}
table.resources a{text-decoration: none;color: #333; font-weight: 450; vertical-align: center;}
table.resources a:hover{text-decoration: underline;}
td.icon{width: 5%;}
td small{color: #888;}
table.resources a:hover small{color: inherit;}
.turquois{color: #1BBC9B;}
.salmon{color: #E84C3D;}
table.widescreen{display: none;}
table.smartphone{display: none;}
/*TABLE END*/

@media only screen and (min-device-width: 320px) and (max-device-width: 640px){
	footer .container{
		text-align: left;
	}
	div.cover img{width: 150%;}
	table.widescreen{display: none;}
	table.smartphone{display: block;}
}

@media only screen and (min-device-width: 641px) and (max-device-width: 960px){

	footer .container{
		text-align: right;
	}
	div.cover img{width: 100%;}
	div.lang-select{ margin: 0 30px;}
	div.menu-toggle{margin-right:15px;}
	article{text-align: justify;}
	table.widescreen{display: none;}
	table.smartphone{display: block;}
}

@media only screen and (min-width: 961px) {

	article{text-align: justify;}
	/*NAV START*/
	nav {padding-bottom: 0; margin-bottom:0; float: right; height: 100%; display: block; clear: none;}
	nav li { display: block; float: left; height: 100%; border: none; background-color: transparent;}
	nav li:hover{border-bottom: 0.4em solid crimson;}
	nav ul{margin: 0; margin-top:0.4em; height: 3.8em; vertical-align: center;}
	nav ul a{font-size: 13px;}
	/*NAV END*/

	/*HEADER START*/
	header{overflow: auto; height: 6em;}
	header h1{float: left; margin: 0 0 0 0.9em;}
	header .container{height: 4.2em;}
	/*HEADER END*/

	/*MENU-TOGGLE START*/
	div.menu-toggle{display: none;}
	/*MENU-TOGGLE END*/

	/*LANG-SELECT START*/
	div.lang-select a {font-size: 15px;}
	div.lang-select{margin-left: 15px; margin-right: 15px;}
	/*LANG SELECT END*/

	/*TITLE-START*/
	div.title div.container{
		height: 150px;
		padding-top: 60px;
	}
	/*TITLE-END*/

	/*COVER & MAP START*/
	div.cover{height: 300px;}
	div.map{height: 360px;}
	div.cover img, div.map img{width: 100%;}
	div.cover img, div.map img{
	    -webkit-transition: all 1s ease; /* Safari and Chrome */
	    -moz-transition: all 1s ease; /* Firefox */
	    -o-transition: all 1s ease; /* IE 9 */
	    -ms-transition: all 1s ease; /* Opera */
	    transition: all 1s ease;
	}

	div.cover img:hover, div.map img:hover{
		transform : translate(-50%, -50%) scale(1.5);
		-webkit-transform : translate(-50%, -50%) scale(1.5);
		-moz-transform : translate(-50%, -50%) scale(1.5);
		-ms-transform : translate(-50%, -50%) scale(1.5);
		-o-transform : translate(-50%, -50%) scale(1.5);
	}
	/*COVER & MAP END*/

	/*FOOTER START*/
	footer {clear: both;}
	/*FOOTER END*/
	table.widescreen{display: block;}
	table.smartphone{display: none;}
}