/* Tablet hochkant */
@media screen and (max-width: 1200px) {
	main {
		margin-left: 3px;
		margin-right: 3px;
	}	
	
	#mynetwork {
       width: 100%;
       height: calc(100vh - 170px);
       border: none; 
       box-shadow: none; 
    }
}

/* Breite kleiner als men�leiste: Handy quer&hochkant */
@media screen and (max-width: 715px) {
	
	header {
		background-image:none;
		height: auto;
		margin: 0px;
	}
	
	header h1 {
		margin-left: 10px;
		font-size: 20px;
	}
	
	main {
		margin-left: 3px;
		margin-right: 3px;
	}
	
	nav ul {
	    margin: 0px;
	}
	
    nav li a, .dropbtn {
    	padding: 10px 10px;
    }
	
	footer {
		margin: 0px;
	}
}