@media (max-width: 799px) { /* S size */
html,body {
		font-size: 0.9em;
		line-height: 0.9em;
	}
	body {
		padding:100px 70px;
		}
	#page {
		display:block;
	}	
	#mob {
		display:none;
	}		
	.logo {
		height:100px;
		background:url(../images/logo-l.gif) no-repeat 49px 43px;
	}
	.col1 {
		width:50px;
	}
	.col2 {
		width:100px;
	}
	.bar0 {
		border-left:1px solid black;
		height:31px;
	}	
	.bar1 {
		height:31px;
		margin-bottom:30px;		
	}	
	.bar2 {
		height:19px;
		margin-bottom:42px;		
	}
	.bar3 {
		height:31px;
		margin-bottom:30px;		
	}
	.bar4 {
		height:19px;
		margin-bottom:42px;		
	}
	.bar5 {
		height:31px;
		margin-bottom:30px;		
	}
	.img-next, .proj-next {
		right:70px;
	}
	.proj-prev {
		left:70px;
	}
	.projTtl {
		top:42px;
	}
	.proj-btn {
		font-size:3em;
	}
	.pages {
		padding:0px 6%;
	}
	.textHolder {
		margin-top:-10px;
	}
	
}
@media (min-width: 800px) and (max-width: 1219px) { /* M size */
	html,body {
		font-size: 0.8em;
		line-height: 0.9em;
	}
	body {
		padding:80px 50px;
		}
	#page {
		display:block;
	}	
	#mob {
		display:none;
	}		
	.logo {
		height:100px;
		background:url(../images/logo-l.gif) no-repeat 49px 43px;
	}
	.col1 {
		width:50px;
	}
	.col2 {
		width:100px;
	}
	.bar0 {
		border-left:1px solid black;
		height:31px;
	}	
	.bar1 {
		height:31px;
		margin-bottom:30px;		
	}	
	.bar2 {
		height:19px;
		margin-bottom:42px;		
	}
	.bar3 {
		height:31px;
		margin-bottom:30px;		
	}
	.bar4 {
		height:19px;
		margin-bottom:42px;		
	}
	.bar5 {
		height:31px;
		margin-bottom:30px;		
	}
	.img-next, .proj-next {
		right:70px;
	}
	.proj-prev {
		left:70px;
	}
	.projTtl {
		top:42px;
	}
	.proj-btn {
		font-size:3em;
	}
	.pages {
		padding:0px 6%;
	}
	.textHolder {
		margin-top:-10px;
	}	
}
@media (min-width: 1220px) { /* L size */
	body {
		padding:100px 70px;
		} 
	#page {
		display:block;
	}
	#mob {
		display:none;
	}		
	.logo {
		height:100px;
		background:url(../images/logo-l.gif) no-repeat 49px 43px;
	}
	.col1 {
		width:50px;
	}
	.col2 {
		width:100px;
	}
	.bar0 {
		border-left:1px solid black;
		height:31px;
	}	
	.bar1 {
		height:31px;
		margin-bottom:30px;		
	}	
	.bar2 {
		height:19px;
		margin-bottom:42px;		
	}
	.bar3 {
		height:31px;
		margin-bottom:30px;		
	}
	.bar4 {
		height:19px;
		margin-bottom:42px;		
	}
	.bar5 {
		height:31px;
		margin-bottom:30px;		
	}
	.img-next, .proj-next {
		right:70px;
	}
	.proj-prev {
		left:70px;
	}
	.projTtl {
		top:42px;
	}
	.proj-btn {
		font-size:3em;
	}
	.pages {
		padding:0px 10%;
	}
	.textHolder {
		margin-top:-30px;
	}

/* Styles for Specific for bigger devices */
@media (min-width: 992px) {
	
}