@import 'default.css';

@media screen and (min-width: 0px) and (max-width: 745px) {
	#main .panel .content-collumn .tab-content{
		padding: 2px;
	}
	
	.content-collumn .col-md-12{
		padding-right: 5px;
		padding-left: 5px;
	}
	
	#menu-mobile { 
			display: block;
			float:left;
			padding-right: 30px;
	}  /* show it on small screens */
	
	#menu-mobile div{ 
		 padding: 10px;
	}
	
	#menu-mobile h2 { 
		  	padding-right: 30px;
		  	padding-bottom: 20px;
	}
	
	#menu-mobile a{ 
			font-size: 20px; 
	}
	
	.not-on-mobile{
			display: none;
	}
	
	#footer{
		height: auto;
		padding: 0 0 0 0;
		border-top: 0;
		bottom: 1px;
	}
}

@media screen and (min-width: 746px){
    #menu-mobile { display: none; }   /* hide it elsewhere */
}