a 
	{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

a:hover 
	{
	color: #ff8000;
	}


header 
	{
	background: #DDD;
	width: 100%;
	height: 76px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}

nav 
	{
	float: right;
	padding: 5px;
	margin-top:10px;
	}

#logo
	{
	margin:0 auto;
	margin-left:5px;
	margin-top:11px;	
	float: left;
	width: 172px;
	height: 54px;
	background: url(logo.svg) no-repeat center;
	display: block;
	}

#menu-icon
	{
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(menu-icon.png) center;
	}

a:hover#menu-icon 
	{
	background-color: #444;
	border-radius: 4px 4px 0 0;
	}

ul 
	{
	list-style: none;
	}

li 
	{
	display: inline-block;
	float: left;
	padding: 10px;
	}
.current
	{
	color: #ff8000;
	}


/*320x 480 resolution **/
@media only screen and (min-width : 320px) and (max-width : 480px)
	{

	header 
		{
		position: fixed;
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		margin-right:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-consulting h1
		{
		font-size:25px;
		}
	.second-header-consulting p
		{
		font-size:15px;
		}
	.second-header-consulting a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.content-layer-standard-1 h2
		{
		font-size:20px;
		}
	.content-layer-standard-1 h3
		{
		font-size:20px;
		}
	.content-layer-standard-1 a
		{
		font-size:15px;
		padding:6px 10px;
		}
	.list-big-img
		{
		min-width:260px;
		width:auto;
		height:300px;
		margin:0 auto;
		margin-left:10px;
		margin-bottom:20px;
		}
	.list-big-img img
		{
		width:220px;
		height:260px;
		}
	.list-big
		{
		min-width:230px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.matrix2-consulting
		{
		margin:0 auto;
		margin-left:10px;
		}
	}


@media only screen and (max-width : 640px)
	{

	header 
		{
		position: fixed;
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		margin-right:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.content
		{
		margin-top:0px;
		}
	.second-header-consulting h1
		{
		font-size:25px;
		}
	.second-header-consulting p
		{
		font-size:15px;
		}
	.second-header-consulting a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.content-layer-standard-1 h2
		{
		font-size:20px;
		}
	.content-layer-standard-1 h3
		{
		font-size:20px;
		}
	.content-layer-standard-1 a
		{
		font-size:15px;
		padding:6px 10px;
		}
	.list-big-img
		{
		min-width:260px;
		width:auto;
		height:300px;
		margin:0 auto;
		margin-left:10px;
		margin-bottom:20px;
		}
	.list-big-img img
		{
		width:220px;
		height:260px;
		}
	.list-big
		{
		min-width:230px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.matrix2-consulting
		{
		margin:0 auto;
		margin-left:10px;
		}
	}

	
@media only screen and (min-width : 641px) and (max-width : 767px)
	{

	header 
		{
		position: fixed;
		}
	#menu-icon 
		{
		display:inline-block;
		margin-top:10px;
		margin-right:10px;
		}

	nav ul, nav:active ul 
		{ 
		display: none;
		position: absolute;
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		}

	nav li 
		{
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		margin-bottom:5px;
		border-radius:2px;
		background:#ff8000;
		}
	nav li a
		{
		color:#000;
		}
	nav li:hover
		{
		background-color:#fff;
		border:2px solid #ff8000;
		color:#000;
		}
	.current
		{
		border:2px solid #fff;
		color: #ff8000;
		}
	.current:hover
		{
		border:2px solid #ff8000;
		background: #fff;
		}
	nav:hover ul 
		{
		display: block;
		}
	.second-header-consulting h1
		{
		font-size:25px;
		}
	.second-header-consulting p
		{
		font-size:15px;
		}
	.second-header-consulting a
		{
		font-size:15px;
		padding:4px 8px;
		}
	.content
		{
		margin-top:0px;
		}
	.content-layer-standard-1 h2
		{
		font-size:20px;
		}
	.content-layer-standard-1 h3
		{
		font-size:20px;
		}
	.content-layer-standard-1 a
		{
		font-size:15px;
		padding:6px 10px;
		}
	.list-big-img
		{
		min-width:260px;
		width:auto;
		height:300px;
		margin:0 auto;
		margin-left:10px;
		margin-bottom:20px;
		}
	.list-big-img img
		{
		width:350px;
		height:260px;
		}
	.list-big
		{
		min-width:230px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.matrix2-consulting
		{
		margin:0 auto;
		margin-left:10px;
		}
	}
	/** 769x1024 resolution **/	
@media only screen and (min-width : 768px) and (max-width : 1024px) 
	{

	header
		{
		position:fixed;
		}
	.current a
		{
		color: #ff8000;
		}
	.list-big-img
		{
		min-width:260px;
		width:auto;
		height:300px;
		margin:0 auto;
		margin-left:10px;
		margin-bottom:20px;
		}
	.list-big-img img
		{
		width:450px;
		height:260px;
		}
	.list-big
		{
		min-width:230px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.matrix2-consulting
		{
		margin:0 auto;
		margin-left:10px;
		}
	.second-header-consulting h1
		{
		font-size:35px;
		}
	.second-header-consulting p
		{
		font-size:20px;
		}
	.second-header-consulting a
		{
		font-size:25px;
		padding:4px 8px;
		}
	.banner-font-h2
		{
		font-size:38px;
		}
	
	}

	

	
/** 1025 resolution **/	
@media only screen and (min-width : 1025px)
	{
	header
		{
		position:fixed;
		}
	.current a
		{
		color: #ff8000;
		}
	.list-big-img
		{
		min-width:260px;
		width:auto;
		height:300px;
		margin:0 auto;
		margin-left:10px;
		margin-bottom:20px;
		}
	.list-big-img img
		{
		width:450px;
		height:260px;
		}
	.list-big
		{
		min-width:230px;
		width:auto;
		min-height:300px;
		height:auto;
		margin-right:20px;
		}
	
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.matrix2-consulting
		{
		margin:0 auto;
		margin-left:10px;
		}
	.banner-font-h2
		{
		font-size:38px;
		}
	
	}

/** 1200x1366 resolution **/	
@media only screen and (min-width : 1280px)
	{
		header
			{
			position:fixed;
			}
		.current a
			{
			color: #ff8000;
			}
	.list-big-img
		{
		float:left;
		min-width:260px;
		width:auto;
		height:395px;
		margin:0 auto;
		margin-left:30px;
		margin-bottom:20px;
		display:block;
		padding:20px;border:solid 1px #f5f5f5;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-shadow: 0px 2px 2px 0px #dcdcdc;
		background-color:#fff;
		}
	.list-big-img img
		{
		width:350px;
		height:260px;
		}
	.list-big
		{
		float:right;
		width:740px;
		min-height:395px;
		height:auto;
		margin-left:10px;
		margin-right:30px;
		}
	
	.list-big h2
		{
		font-size:23px;
		text-align:center;
		}
	.list-big p
		{
		font-size:18px;
		text-align:center;
		}
	.matrix2-consulting
		{
		margin:0 auto;
		margin-left:10px;
		}
	}