@media screen and (max-width: 1200px) {
	h1 {
		font-size:				2.0rem;
	}
	h2 {
		font-size:				1.6rem;
	}
	h3 {
		font-size:				1.4rem;
	}
	h4 {
		font-size:				1.2rem;
	}

	.sidebar{
		-ms-flex: 				0%; /* IE10 */
		flex: 					0%;
	}
	.mainbar{
		-ms-flex: 				100%; /* IE10 */
		flex: 					100%;
	}

	.header	{
		position: 				relative;
		top: 					0;
	}


	/* Style the navigation bar links */
	.navbar a {
		padding: 				0.5rem 0rem 0.5rem 0rem;
		font-size:				1.00rem;
		width:					33%;
	}
	.navbar a.aktiv, .navbar a:hover {
		padding: 				0.62rem 0.2rem 0.62rem 0.2rem;
	}


	/* Style the navigation bar links */
	.subnavbar a {
		padding: 				0.5rem 1.0rem 0.5rem 1.0rem;
	}
	.subnavbar a.aktiv, .subnavbar a:hover {
		padding: 				0.6rem 1.0rem 0.6rem 1.0rem;
	}

	/* Main column */
	.main {   
		padding: 				1.0rem;
	}

			
	.landing {
		-ms-flex: 				50%; /* IE10 */
		flex: 					50%;
		overflow:				hidden;
	}
	.left {
		float:					left;
	}
	.right {
		float:					right;
	}


	.text {
		padding:				0.2rem 0.75rem 0.2rem 0.75rem;
	}
	.img {
		padding:				0.2rem 0.75rem 0.2rem 0.75rem;
	}
	.list {
		padding:				0.2rem 0.2rem 0.2rem 0.2rem;
	}	
}

@media screen and (max-width: 1000px) {
	.navbar a {
		float: none;
		width: 100%;
	}
}	

@media screen and (max-width: 795px) {
	.subnavbar a {
		float: 		right;
		width:		80%;
	}
	.subnavbar a:not(:Last-child) {display: none;}

	.subnavbar a.icon {
		float: 		left;
		display: 	inline-block;
		width:		80px;
		font-size:	14px;
		text-align:	left;
	}
  
	.subnavbar.responsive {
		/*position: relative;*/
	}
	.subnavbar.responsive .icon {
		position: absolute;
		left: 0;
		top: 0;
		width:		80px;
	}
	.subnavbar.responsive a {
		float: right;
		display: block;
		text-align: left;
	}	
		
	.bar1, .bar2, .bar3 {
		width: 38px;
		height: 2px;
		background-color: #333;
		margin: 5px 6px;
		transition: 0.4s;
	}
	
	
	.responsive .bar1 {
	  -webkit-transform: translate(0px, 5px) rotate(45deg);
	  transform: translate(0px, 5px) rotate(-45deg);
	}

	.responsive .bar2 {opacity: 0;}

	.responsive .bar3 {
	  -webkit-transform: translate(0px, -9px) rotate(45deg);
	  transform: translate(0px, -9px) rotate(45deg);
	}
	
	table, tr, td
	{
		display:		block;
	}
}