@media only screen and (orientation: portrait) {	
    #nav-d {
        display: none;
    }
	
	#nav-m {
		display: block;
	}
	
	#container {
		width: calc(100% - 4em);
		height: calc(100% - 21em);
		margin: 2em;
		overflow: hidden;
	}
	
	#s {
		display: block;
		background-image: url("./gallery/sport/4.jpg");
		background-repeat: no-repeat;
	}
	
	#c {
		display: none;
		background-image: url("./gallery/city/1.jpg");
		background-repeat: no-repeat;
	}
	
	#l {
		display: none;
		background-image: url("./gallery/landscape-p-wide.jpg");
		background-repeat: no-repeat;
	}
	
	#o {
		display: none;
		background-image: url("./gallery/other/1.jpg");
		background-repeat: no-repeat;
	}
}	

@media only screen and (orientation: landscape) {	
    #nav-d {
        display: block;
    }
	
	#nav-m {
		display: none;
	}
	
	#container {
		width: calc(100% - 4em);
		height: calc(100% - 17em);
		margin: 2em;
		overflow: hidden;
	}
	
	#s {
		display: block;
		background-image: url("./gallery/sport.jpg");
		background-repeat: no-repeat;
	}
	
	#c {
		display: none;
		background-image: url("./gallery/city.jpg");		
		background-repeat: no-repeat;
	}
	
	#l {
		display: none;
		background-image: url("./gallery/landscape.jpg");
		background-repeat: no-repeat;
	}
	
	#o {
		display: none;
		background-image: url("./gallery/other.jpg");
		background-repeat: no-repeat;
	}
}

#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;
}

a {
    color: black;
	text-decoration: none;
}

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

.logo-d {
    width: 10em;
}

.title {
	font-size: 1.5em;
}

.content {
	height: 100%;
	width: 100%;
	
	background-position: center;
	background-size: contain;
}