@media only screen and (orientation: portrait) {	
    #nav-d {
        display: none;
    }
	
	#nav-m {
		display: block;
		position: sticky;
		top: 2em;
		background-color: white;
	}
	
	#container {
		width: calc(100% - 4em);
		height: calc(100% - 21em);
		margin: 2em;
		/*overflow: hidden;*/
	}
	
	img {
		width: 100%;
	}
	
	#content-tab {
		width: 100%;
		margin-left: 0;
	}
}	

@media only screen and (orientation: landscape) {	
    #nav-d {
        display: block;
		position: sticky;
		top: 2em;
		background-color: white;
    }
	
	#nav-m {
		display: none;
	}
	
	#container {
		width: calc(100% - 4em);
		height: calc(100% - 17em);
		margin: 2em;
		/*overflow: hidden;*/
	}
	
	#content-tab {
		margin-left: 0;
		width: 1200px;
	}
}

#main {
	width: 100%;
	height: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
}

body {	
    font-family:'Roboto-Light', 'Roboto';
}

span {
	font-size: 1.5em;
}

table {
	margin-top: 2em;
	margin-left: 2em;
}

td {
	padding-left: 2em;
	font-weight: 300;
}

i {
    font-size: 2em;
}

.nav-link, .nav-link-h {
    color: black;
	text-decoration: none;
}

.nav-link-h:hover {
	border-bottom: 1px solid black;
}

.logo-d {
    width: 10em;
}

.title {
	font-size: 1.5em;
}