body { position:relative; }
.mobileHeader { display:none; }
.overlay { position:fixed; background:#fff; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; transition:opacity .35s, visibility .35s, height .35s; overflow:hidden; z-index:999999; }


@media only screen and (max-device-width: 40em) {

	.desktopOnly { display:none; }

	/* .wrapper { width:1080px; margin:0 auto; } */
	.wrapper { width:95%; margin:0 auto; }
	.wrapper2 { width:96%; margin:0 auto; }
	.single { margin-top:45px; }
	.divider { width:100%; height:1px; border-bottom:1px solid #edece9; margin:30px auto; background:#fff; }
	.divider2 { width:100%; height:1px; border-top:1px solid #edece9; margin:0 auto; }
	.divider3 { width:100%; height:1px; border-bottom:1px solid #edece9; margin:15px auto; background:#fff; }
	.divider4 { width:90%; height:1px; border-bottom:1px solid #e1dddc; padding:15px 0; margin:0 auto; background:#fff; }
	.divider5 { width:100%; height:1px; border-top:1px solid #edece9; margin:20px 0; margin-left:auto; }

	/* mobile nav */
	.desktopHeader { display:none; }
	#navigation { padding-top:10px; position:fixed !important; width:100%; height:36px; border-bottom:1px solid #edece9; }
	#navigation .divider2 { display:none; }
	.mobileHeader { z-index:99999; display:block; padding:0 20px; height:35px; }
	.mobileHeader .mobileLogo { float:left; width:50%; padding-top:4px; padding-right:15px; }
	.mobileHeader .mobileLogo img { max-width:100%; height:auto !important; }
	.mobileHeader .mobileWork { float:left; width:15%; border-left:1px solid #E8E7E2; padding:4px 0 0 15px; line-height:30px; }
	.mobileHeader .mobileMenu { float:left; width:15%; text-align:left; position:relative; padding-left:15px; }
	.mobileHeader .mobileMenu button { margin:0; padding:0; background:none !important; border:none; font-family:"eaves", sans-serif; font-size:10px; color:#231F20; letter-spacing:0.05em; }
	.mobileHeader .mobileMenu img { display:block; font-size:30px; color:#E8E7E2; margin-bottom:5px; }
	.mobileHeader .mobileWork a { font-size:20px; color:#231F20; font-family:"TisaWeb-Light", Georgia, serif; }
	.overlay button { margin:0; padding:5px 0 0 0; background:none !important; border:none; position:absolute; top:12px; left:20px; }

  .overlay.open { opacity:1; visibility:visible; height:100%; }
  .overlay.open li { animation:fadeInRight .5s ease forwards; animation-delay: .35s; -webkit-animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; -moz-animation:fadeInRight .5s ease forwards; -moz-animation-delay:.35s; }
  .overlay-close { font-family:"eaves", sans-serif; font-size:30px; color:#BFBBBA; animation:fadeInTop .5s ease forwards; animation-delay:.35s; -webkit-animation:fadeInTop .5s ease forwards; -webkit-animation-delay:.35s; }
  .overlay nav { position:relative; height:70%; top:45%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); text-align:center; }
  .overlay ul { list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%; }
	.overlay ul li { display:block; height:25%; height:calc(100% / 7); min-height:50px; position:relative; opacity:0; }
  .overlay ul li a { font-size:38px; font-family:"TisaWeb-Light", Georgia, serif; line-height:65px; display:inline-block; color:#BFBBBA; position:relative; overflow:hidden; -webkit-transition:color 0.2s; transition:color 0.2s; letter-spacing:0.0180em; }
  .overlay ul li.here a { color:#231F20; }
  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%; }
  .overlay ul li a.icons { margin:0 5px; font-size:25px; color:#BFBBBA; }
  .overlay ul li ul { display:block; height:auto; margin-top:-15px; padding-bottom:15px; margin-bottom:15px; }
  .overlay ul li ul li { display:inline-block; height:auto; min-height:auto; opacity:1; margin:0 3px; }
  .overlay ul li ul li.last { margin:0 3px !important; }
  .overlay ul li ul li a { font:13px/15px "eaves", sans-serif; letter-spacing:0.05em; text-transform:uppercase; color:#767474; }

	@keyframes fadeInRight {
	  0% { opacity: 0; left: 0; }
	  100% { opacity: 1; left: 0; }
	}
	@-webkit-keyframes fadeInRight {
	  0% { opacity: 0; left: 0; }
	  100% { opacity: 1; left: 0; }
	}
	@-moz-keyframes fadeInRight {
	  0% { opacity: 0; left: 0; }
	  100% { opacity: 1; left: 0; }
	}
	@keyframes fadeInTop {
	  0% { opacity: 0; top: 0px; }
	  100% { opacity: 1; top: 10px; }
	}
	@-webkit-keyframes fadeInTop {
	  0% { opacity: 0; top: 0px; }
	  100% { opacity: 1; top: 10px; }
	}
	@-moz-keyframes fadeInTop {
	  0% { opacity: 0; top: 0px; }
	  100% { opacity: 1; top: 10px; }
	}

	/* Home Page Styles */
	#home .wrapper { padding-left:inherit; width:100%; }
	#home .slider { float:none; width:100%; height:auto; text-align:inherit; }
	#home .controls { opacity:1; bottom:15px; right:15px; }
	#home .slides { width:100%; height:auto; }
	#home .slides img { width:100%; height:auto; }
	#home .slides .cycle-slide { width:100%; }
	#home .shares { display:none; }
	#home .static { display:none; }
	#home .teaser { display:none; }
	#home .teaser img { margin-top:0px; display:block; margin-bottom:15px; width:100%; max-width:100%; height:auto; }
	#home .content { float:none; width:90%; margin:0 auto; clear:both; }
	#home .content img { width:100% !important; max-width:100%; height:auto !important; }
	#home .content h2 { font-size:23px; padding:0 15px; }
	#home .content h2:first-child { padding:0; }
	#home .content p { padding:0 15px; font-size:20px; line-height:28px; }

	/* About Styles */
	#about #navigation { height:36px; position:fixed !important; }
	#about .wrapper { padding-left:inherit; width:100%; }
	#about .start { margin-top:45px; }
	#about .skyscraper { display:none; }
	#about .large { float:none; width:100%; padding:25px 0 0; }
	#about .large p { font-size:18px; line-height:28px; font-family:"TisaWeb-Light", Georgia, serif; padding:0 30px; }
	#about .animationsTitle { font-size:16px !important; text-align:center; line-height:46px; margin:0; position:relative; }
	#animations .chartDiv { float:none; display:inline-block; width:44%; text-align:center; margin-right:0; padding:25px 2% 0; }
	.easyPieChart { position: relative; text-align: center; font-size:46px; padding-top:5px !important; margin-left:18%; }
	.easyPieChart canvas { position: absolute; top: 0; left: 0; }
	#animations .pugs { display:none; }
	#about .servicesList { display:block; }
	#about .servicesList h3 { color:#d9907a; padding:10px 30px; font-size:23px; line-height:25px; font-family:"TisaWeb-Light", Georgia, serif; }
	#about .servicesList h4 { text-align:center; text-transform:uppercase; font-size:23px; color:#231f20; font-family:"eaves"; letter-spacing:1.5px; padding:10px 30px; }
	#about .servicesList p { font-size:17px; line-height:25px; font-family:"TisaWeb-Light", Georgia, serif; }
	#about .regular h2 { padding:0 30px; }
	#about .column { float:none; width:93%; margin-right:20px; margin-left:20px; }
	#about .column:first-child { margin-top:15px; }


	/* team */
	.team .grid { text-align:justify; font-size:0.1px; width:90%; margin:10px auto 0; }
	.team .grid li { display:inline-block; width:100%; /* padding-top:23%; */ margin-bottom:8%; vertical-align:text-top; position:relative; }
	.team .grid li .pic { width:100%; height:auto; position:relative; margin:0 0 25px; }
	.team .grid li .pic img { position:relative; left:0; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; width:100%; max-width:100%; height:auto !important; }
	.team .grid li .pic img.top:hover { opacity:1; }
	.team .grid li .pic .bottom { display:none !important; }
	.team .grid li p.social { padding:0 15px !important; }
	.team .grid li h3, .team .grid li h4 { text-align:left; }

	/* Work Styles */
	#work .mobileHeader .mobileMenu { padding-left:0; }
	#work #navigation { height:36px; position:fixed !important; }
	#work .start { margin-top:75px; }
	#work #paginate { display:none; }

/* 	#work .project { float:left; margin:0 0.47em 25px; position:relative; width:42%; } */
	#work .project .teaser { display:none; }
	#work .project:hover .teaser { display:none; }
	#work .project .image img { max-width:100%; height:auto; }
	#work .large { float:none; display:block; width:93%; padding:0; }
	#work .large img { max-width:100%; width:100%; height:auto; }
	#work .content { float:none; margin-left:0; width:93%; font-size:15px; line-height:21px; }

	#work .projectList { text-align:justify; font-size:0.1px; width:93%; margin:75px auto 0; padding:0; }
	#work .projectList .project { float:none; display:inline-block; width:48%; /* padding-top:23%; */ margin:0; margin-bottom:8%; vertical-align:text-top; position:relative; }
	#work .projectList:after { content: ''; display:inline-block; width:100%; }
	#work .projectList .placeholder { padding:0; }

	/* Library Styles */
	#library .mobileHeader .mobileMenu { padding-left:0; }
	#library #navigation { height:36px; position:fixed !important; }
	#library .start { margin-top:75px; }
	#library .column { float:none; width:93%; margin:0; }
	#library .last { margin:0; }

	/* Contact Page Styles */
	#contact .mobileHeader .mobileMenu { padding-left:0; }
	#contact #navigation { height:36px; position:fixed !important; }
	#contact .start { margin-top:75px; }
	#contact .skyscraper { float:none; width:93% !important; margin-bottom:25px; padding:0 !important; height:auto !important; }
	#contact .large { float:none; width:93%; font-size:27px; padding:5px 0 0; margin-right:50px; }
	#contact .content { float:none; width:93%; }

	/* Blog Styles */
	#blog .mobileHeader .mobileMenu { padding-left:0; }
	#blog .start { margin-top:45px; }
	#blog .sidebar { display:none; }
	#blog .posts { float:none; width:93%; }
	#blog .posts img { width:100%; max-width:100%; height:auto; }
	#blog .posts p { width:100%; }
	#blog .posts p img { width:100%; max-width:100%; height:auto; }
	#blog .cats { display:none; }
	#blog .embed_media { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; }
	#blog .embed_media iframe, #blog .embed_media object, #blog .embed_media embed { position:absolute; top:0; left:0; width:100%; height:100%; }


	/* Footer Styles */
	.ending { margin-top:100px; padding-bottom:10px; padding-left:inherit; }
	.footer { line-height:20px; padding-left:inherit; text-align:left; font-size:12px !important; line-height:16px; }
	.footer span { color:#231f20; }
	.footer-heading { display:none; }
	.footer-social { display:block; text-align:center; margin-bottom:10px; }
	.footer-social a { color:#BFBBBA; font-size:30px; margin:0 3px; }
	.social { float:none; width:100% !important; text-align:center; padding:0 !important; margin-top:10px; }
	.social p { text-align:left; margin-bottom:5px; font-size:12px; }
	.social .top { display:none; }
	.jump { display:block; margin-top:-23px; }

	.mobile-subscribe {}
	.mobile-subscribe { display:block; position:relative; padding-bottom:10px; width:195px; height:75px; }
	.mobile-subscribe .success { display:none; font-family:"TisaWeb-Light", Georgia, serif; font-size:17px; color:#595a5c; text-transform:none; padding-left:8px; height:28px; float:left }
	.mobile-subscribe p { display:block; background:#fff; margin:0; color:#fff; }
	.mobile-subscribe form { width:195px; /* background:#fff; */ }
	.mobile-subscribe form label { font-family:"eaves", sans-serif; font-size:13px; color:#231f20; text-transform:uppercase; padding-left:18px; display:block; margin-top:18px; }
	.mobile-subscribe form input { border:1px solid #edece9; padding:5px 5px 1px 5px; width:243px; height:20px; font-size:15px; color:#595a5c; font-family:"TisaWeb-Light", Georgia, serif; margin-left:10px; }
	.mobile-subscribe form input.error { border:1px solid #d9907a; }
	.mobile-subscribe form input[type=submit] { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); writing-mode:lr-bt; border-radius:0; -webkit-appearance:none;
		float:right; padding:3px 0 0 0; margin-bottom:48px; margin-right:-135px; border:0; border-bottom:1px solid #edece9; border-top:1px solid #edece9; width:80px; background:#fff;
		font-family:"eaves", sans-serif; height:31px; color:#231f20; font-size:20px; letter-spacing:1.5px; text-align:center;
		position:absolute; bottom:0; right:0;  }


}

@media only screen and (max-device-width: 20em) {
	.mobileHeader .mobileMenu { float:left; width:12%; text-align:left; position:relative; padding-left:15px; }
}


@media only screen and (device-width : 320px) and (device-width : 568px) and (orientation : portrait) {
	.mobile-subscribe form input { width:190px; }
	.mobile-subscribe form input[type=submit] { margin-right:-80px; }
}

/* Lanscape phones */
@media only screen and (max-device-width: 40em) and (orientation : landscape) {
	.mobileHeader .mobileLogo { float:left; width:175px; padding-top:4px; padding-right:15px; }
	.mobileHeader .mobileLogo img { max-width:100%; height:auto !important; }
	.mobileHeader .mobileWork { float:left; width:15%; border-left:1px solid #E8E7E2; padding:4px 0 0 15px; line-height:30px; }
	.mobileHeader .mobileMenu { float:left; width:50px; text-align:left; position:relative; padding-left:15px; }

	#work
/* 	#work .project { float:left; margin:0 0.47em 25px; position:relative; width:21%; } */
	#work .content { width:100%; font-size:115%; line-height:135%; }
	#work .content h4 { font-size:115%; line-height:135%; }
	#work .projectList { width:93%; }
	#work .projectList .project { width:23%; }
	#work .large { width:100%; }

	#contact .skyscraper { width:100% !important; }

	#library .column { float:left; width:25%; margin:0; }

	.team .grid li { width:47%; /* padding-top:23%; */ margin-bottom:8%; vertical-align:text-top; position:relative; }

	#blog .posts { float:none; width:100%; }

	#animations { width:100%; text-align:center; }
	#animations .chartDiv { float:none; display:inline-block; width:24%; text-align:center; margin-right:0; margin:0; padding:45px 0 0; }
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) {




}