.menu-trigger {
    display:none;
    margin-right: 0em;
    margin-right: 0em;
	background-url: "../images/layout/header_background.png";
	
    color: #fff;
    padding: 6px;
	cursor: pointer;
	

font-weight: bold;
    text-decoration: none;
}



.nav ul {
	display: flex;
    flex-flow: nowrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: .5s;
    list-

style-type: none;
}
.menu-icon { font-size: larger; text-align: right; }

@media screen and (max-width:816px) {
	
     .menu-trigger {
    display:block;
  }

  body  { min-width: 500px !important;}		

.header .center li a
{
  	display: block !important;
	flex-direction: column !important;
	width: 100% !important; 
}	

	.content_holder
	{
	display: block !important;
	flex-direction: column !important;
	width: 100% !important; 
	padding-top: 50px;
	}

	.content_holder .center
	{
	display: block !important;
	flex-direction: row !important;
	width: 

auto !important;
	padding: 20px;
	}

	.content_holder .center .left
	{
	width: 100% !important;	
	}

	.content_holder .center .left img
	{
	width: 100% !important;
	}

	

.content_holder .action_panels
	{
	display: block !important;
	padding-left: 100px !important;
	width: auto !important;
	padding: 20px;
	min-height: 550px;
	

}

	.content_holder .action_panels a.action_holder
	{
	display: block !important;
	padding: 10px;
	}

	.content_holder .right
	{
	padding: 20px !important;
	width: auto !important;
	}
  
    .header {
	

display: flex;
	align-items: flex-start;
	height: 65%;
	padding: 0px;
	
    }

.logo img {
   margin-left: 2.3em;
   max-width: 90%;
   height: auto !important;
}

  
	.menu {
    display:block;
	}

  

  nav ul {
    display:block;
	display: flex !important; 
	margin: 0px !important;	
	
	}
	
	ul li {
    width: 50vh;
	
	}
   
    ul li a {
        display: block;
	

margin-top: 60px;
		/* text-align: center; */
		color: #ffff;
		font-style: bold;
		background: transparent;
        
	}
  
}