
@media screen and (max-width:768px) {
	#left a:link, #left a:visited, #left a, #left p {
		color: #FFF;
		font-weight:300;
		padding-left: 0px;
	}
	#left a:hover, #left a:active {
		color: #A30F37;
	}
	#left  h2 {
		color: #ccc;
	}
	#left .content {
		padding-left: .5em;
	}
  #left .content p{
		padding-left: .5em;
	}
	#left .content p a img{
		background-color: #fff;
		border-radius: 3px;
	}
	
	ul.menu ul.menu {
		padding-left: 0em;
	}
	#left li.expanded::before,#left li.collapsed::before {
		content: none;
	}
	#left li.collapsed, #left li.expanded {
		padding-left: 0px;
	}
	#left li ul li a {
		padding-left: .5em;
	}
	#left .menu li {
		padding: .25em .5em;
		margin-bottom: 2px;
		background: #333;
	}
	#left .menu li ul li {
		background: #2c2c2c;
	}
	#left li a, #left li ul li a {
		border: none;
		padding-top: .25em;
		padding-bottom: .25em;
	}
	#left li ul li {
		border-left: 1px solid #000;
	}
	#left li.collapsed > a, #left li.expanded > a {
		color: #ccc;
		letter-spacing:normal;
		font-weight: inherit;
		background-size: 5px;
		padding-right: 24px;
	}
	#left li.expanded > a {
		background-size: 10px;
	}
	.active.lock #header-bot a#menu-link {
		box-shadow: 0px 0px 8px rgba(89, 0, 23,1) inset;
		border: 1px solid #333;
		box-sizing:border-box;
	  }
}
