/* CSS Document */
@media screen and (max-width: 1280px){
	.section {
		padding: 122px 50px 0px 50px;
	}
	#header {
		padding:0px 50px;	
	}
}
@media screen and (max-width: 1200px){
	#section-2 .section_inner{
		text-align:center;	
	}
	.pitem{
		width:33.33%;	
		padding-bottom:5%;
		float:none;
		display:inline-block;
	}
	.section_inner{
		height:auto;	
		min-height:calc(100vh - 122px);
		float:left;
	}
	.section{
		float:left;
	}
	#footer{
		float:left;
		width:100%;	
	}
	.portitem{
		width:50%;	
		float:left;
	}
}
@media screen and (max-width: 950px){
	.table_cell{
		padding-left:15px;	
		padding-right:15px;	
	}
	.nav li a:hover:before{
		display:none;
	}
	.portitem {
		width:100%;	
		float:left;	
	}
}
@media screen and (max-width:800px){
	/* mobile nav */
	nav {
		display:none	
	}
	#btn_nav{
		display:block;
		position:absolute;
		top:38px;
		right:50px;
		cursor:pointer;
	}
	ul.mobnav  {
		display:none;
		background:#FFF;
		color:#004174;
		position:absolute;
		width:100%;
		right:0px;
		top:80px;
		z-index:10;
	}
	ul.mobnav li {
		min-height:50px;
		line-height:50px;
		height:auto;
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:10px 0px;
	}
	ul.mobnav li:first-child {
		display:none;	
	}
	ul.mobnav li a:link, ul.mobnav li a:visited, ul.mobnav li a:hover  {
		position: relative;
		font-size:16px;
		color:#3e7377;
		text-decoration:none;
	}
	ul.mobnav li.act a:before{
		position: absolute;
		margin-left:-5px;
		left   : 50%;
		bottom:-14px;
		font-size:40px;
		line-height:10px;
		content: "•";
	}


	#homecell {
		font-size:50px;
		line-height:54px;	
	}

}
@media screen and (max-width: 700px){
	.pitem{
		width:50%;
		padding:15px;
	}
}
@media screen and (max-width: 610px){
	#header {
		height:80px;	
		padding:0px 20px;	
	}
	#logo {
		height:40px;
		width:auto;
		margin-top: 24px;	
	}
	#btn_nav {
		top:21px;
		right: 20px;	
	}
	#section-1 {
		height:100vh;
	}
	.section {
		padding: 80px 0px 0px 0px;
	}
	#wrapper_home {
		height: calc(100vh - 80px);
	}
	#portfolio_wrapper{
		padding-bottom:15px;	
	}
	.portitem{
		padding-left:0px;
		padding-right:0px;	
		margin-bottom:15px;
	}
	.section_inner{
		min-height:0px;
		padding-top:50px;
		padding-bottom:50px;	
	}
	#section-1 .section_inner{
		padding-top:0px;
	}
	.table{
		height:auto;	
	}
	.section{
		min-height:inherit;	
	}
	.table_cell h2, #portfolio_wrapper h2, h1 {
		padding-top:80px;
	}
}
@media screen and (max-width: 530px){
	#homecell {
		font-size:40px;
		line-height:44px;	
	}
	#footer{
		height:50px;
		padding-top:15px;
	}
	.table_cell h2, #portfolio_wrapper h2, h1{
		font-size:35px;	
	}
	.pitem h2 {
		font-size:16px;	
		padding-top:0px;
	}
}
@media screen and (max-width: 500px){
	.pitem{
		width:100%;
		margin-bottom: 25px;
	}
	.pitem img {
		width: 80%;
		margin-bottom: 25px;
	}
	h2{
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	}
}
@media screen and (max-width: 380px){
	#homecell {
		font-size:30px;
		line-height:34px;	
	}
}