/* ==|== media queries ======================================================
	Responsive design FTW!
   ========================================================================== */

/* Smaller Screens ----------- */

/*overrides for mobile stuff*/

#mobile-phone-email, .interior-phone {
	display: none;
	text-align: center;
	font-family: "bebas";
	font-size: 20px;
	margin-top: 11px;
	color: #8C8C8C;
	letter-spacing: .03em;
}

.mobiletel {
	display: none;
}




#mobile-phone-email a:first-child {
	border-right: 2px solid #8c8c8c;
}

.interior-phone {
	display: none;
}

.interior .interior-phone {
	display: block;
	text-align: right;
	max-width: 960px;
	margin: 0 auto 0;
	padding: 0;
	left: calc(50%);
	font-size: 24px;
	padding-bottom: 20px;
	margin-top: -46px;
	padding-right: 20px;
}

.interior #mobile-phone-email a {
	padding: 0;
}

.interior #mobile-phone-email a:first-child {
	display: none;
}

@media only screen and (max-width : 978px) {
	
	body {
		min-width: 0;
	}

	#site-description {
		font-size: 26px;
	}

	#menu li {
		padding: 10px;
	}

	.menu-topmenu-container > ul > li:before {
		left: -11px;
	}

	.homepage-details > div {
		/*margin-right: 30px;*/
		padding-right: 30px;
		font-size: 20px;
	}

	.flipper {
		width: 130px;
		height: 160px;
	}

	.flipper-front i {
		font-size: 110px;
		top: 0;
	}

	.flipper-front span {
		font-size: 60px;
		bottom: 5px;
	}

	.flipper-back span {
		font-size: 44px;
		top: 5px;
	}

	.flipper-back strong {
		font-size: 44px;
	}

	.flipper-back p {
		font-size: 12px;
		line-height: 1.2;
		top: 45px;
		left: 10px;
		right: 10px;
	}

	.madeinmaine {
		display: none;
	}

	.footer-address {
		width: auto;
	}

	.icon-twitter {
		display: none;
	}

	.interior-home-link {
		position: static;
		/*outline: thin red dotted;*/
		display: block;
		margin: 0 auto;
		height: 50px;
		background-position: 50% 50%;
		display: none;
	}

	#content {
		padding: 0 20px;
	}

	.single-story #content {
		padding: 0;
	}

	.single-story .header {
		padding: 20px 20px 20px;
	}

	.filter {
		min-width: 500px;
	}

	.box {
		width: 31.33%;
	}

	.collapse {
	margin-left: -32.336%;
	opacity: .2;
	opacity: 0;
}



#menu .menu-topmenu-container, #menu > div {
	text-align: center;
}

/*PHONE BELOW*/







}

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

}

@media only screen and (max-width : 666px) {
	
	.siteAuditor
	{
		margin-right:0px;
	}

	body {
		min-width: 0;
		background: #fff;
	}
	
	#mobile-phone-email {
		display: block;
		display: none;
	}
	
	#mobile-phone-email a {
	padding: 0 11px 0 14px!important;
	}

	.interior #mobile-phone-email a:first-child {
		display: initial;
}

	.interior .interior-phone {
		display: none;
	}

	#message {
		max-width: 100%;
		/*display: none;*/
	}

	#menu li, .interior #menu li {
		padding-right: 14px;
		padding-left: 14px;
		border-color: #fff;
		
	}

	.interior #menu li a:hover {
		border-color: #fff;
	}

	#menu li a, .interior #menu li a {
		font-size: 18px;
		color: #fff;
	}

	#menu .menu-phone {
		display: none;
	}
	
	#menu li:nth-child(4) {
		border: 0;
	}

	#menu li:nth-child(3) {
		border: none;
		display: none;
	}

	#menu, .interior #menu {
		text-align: center;
		padding-top: 14px;
		padding-bottom: 14px;
		background: #000;
	}

	#site-title, .interior #site-title {
		margin: 0;
		padding: 0;
		max-width: 90%;
		margin: 10px auto;
		background: url(../images/logo-swmc-tagline.png) 50% 50% no-repeat;
		background-size: contain;
		height: 70px;
	}

	.home #site-description {
		display: none;
		font-size: 14px;
		margin: 18px auto	;
		padding: 0;

	}

	#header-links {
		display: none;
		text-align: center;
		margin: 20px 0px 20px;
	}

	#header-links:after {
		display: table;
		content: "";
		clear: both;
	}

	#header-links a {
		font-family: "bebas";
		font-size: 30px;
		color: #666;
		padding: 6px 0px;
		line-height: 1.3;
		display: block;
		width: 50%;
		float: left;	
	}


	.grid-thumbnail, .team-thumbnail {
		width: 100%;
		margin: 0px 0 80px;
	}

	.hoverlogo, .team-thumbnail a > span {
		position: absolute;
		top: 100%;
		bottom:auto;
		width: 100%;
		height: auto;
		/*height: 60px;*/
		padding: 15px;
		opacity: 1;
		background-image: none!important;
		background-color: #3B547B;
		color:#fff;
		font-family: "Bitter";
		font-weight: 300;
		font-size: 25px;
		/*bottom: 0px;*/
		text-align: center;
	}

	.team-thumbnail a > span > span {
		position: static;
		top: auto;
		margin-top: 0;
		-webkit-transform:none;
		    -ms-transform:none;
		        transform:none;
		/*overflow: hidden;*/
	}

	.team-thumb-mobile {
		display: block;
		width: 100%;
	}

	#footer-charlie {
		display: none;
	}
	
	#footer-bravo {
		background: none;
		text-align: center;
		padding-bottom: 20px;
	}

	#footer-bravo > div > a {
		color: #666;
		width: auto;
		padding: 5px 10px;
		font-size: 30px;
	}

	#footer-alpha {
		text-align: center;
		border-bottom:1px solid #666;
	}

	.madeinmaine {
		display: none;
	}

	.icon-fb, .icon-twitter, .icon-youtube {
		margin-left: 3px;
	}

	/*teamlanding*/

	.inner-wrapper.team {
		background: rgba(119,154,11,.8);
	}

	.gradient-wrapper, .text-wrapper {
		width: 100%;
	}

	.gradient-wrapper {
		padding: 0 30px;
	}
	
	.page-template-team-list-php .outer-wrapper,
	.page-template-xmas_list-php .outer-wrapper {
		background-image: none!important;
		background-color: #3B547B;
	}

	.page-template-team-list-php .inner-wrapper,
	.page-template-xmas_list-php .inner-wrapper{
		background: none;
	}

	.page-template-team-list-php .inner-wrapper,
	.page-template-xmas_list-php .inner-wrapper{
		background: none;
	}
	
	.page-template-services-php #strategy .inner-wrapper {
		background: rgba(255, 170,57,.87);
	}

	.page-template-services-php #branding .inner-wrapper {
		background: rgba(104, 139, 181,.87);
	}

	.page-template-services-php #pr .inner-wrapper {
		background: rgba(150,170,67,.87);
	}

	.page-template-services-php #design .inner-wrapper {
		background: rgba(243, 192,255,.87);
	}

	.page-template-services-php #web .inner-wrapper {
		background: rgba(210, 255, 254,.87);
	}

	.page-template-services-php #video .inner-wrapper {
		background: rgba(255,249,136,.87);
	}

	.page-template-services-php .text-wrapper h3 {
		color: #000;
	}

	.page-template-services-php .text-wrapper p {
		color: #000;
	}

	.story-bottom-outer {
		padding: 30px 30px;
		margin-bottom: 20px;
	}

	.story-bottom-services {
		display: block;
		width: 100%;
		padding: 0;
		padding-bottom: 50px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-right-width: 0;
		margin-bottom: 50px;
	}

	.story-bottom-quote {
		display: block;
		width: 100%;
		padding: 0;
		-webkit-transform:none;
		    -ms-transform:none;
		        transform:none;
		position: static;
	}
	
	#story-item-wrapper {
		height: auto;
		width: 100%;
	}

	.story-full-wrapper {
		padding: 10px;
	}

	#story-item-1, 
	#story-item-2, 
	#story-item-3, 
	#story-item-4, 
	#story-item-5, 
	#story-item-6 {
		position: static;
		width: 100%;
		margin: 0 auto 50px;
	}

	/*SPECIFIC OVERRIDES*/

	/*Johnson Outdoors*/

	.johnson-outdoors .inner-wrapper {
		background: rgba(255,255,255,.85);
	}
	

	.johnson-outdoors #story-item-1,
	.johnson-outdoors #story-item-2, 
	.johnson-outdoors #story-item-3, 
	.johnson-outdoors #story-item-4, 
	.johnson-outdoors #story-item-5, 
	.johnson-outdoors #story-item-6  {
		background-size:contain;
		background-position: 50% 50%;
		height: 200px;
	}

	.johnson-outdoors #movie-click {
		top: 115px;
		width: 100%;
		height: 250px;
		left: 0;
	}

	.johnson-outdoors #story-item-1 {
		height: 65px;
	}

	.johnson-outdoors #story-item-2 {
		height: 250px;
	}

	.johnson-outdoors #story-item-3 {
		height: 350px;
	}

	.johnson-outdoors #story-item-4 {
		height: 300px;
	}

	.johnson-outdoors #story-item-5 {
		height: 400px;
	}

	.johnson-outdoors #story-item-6 {
		height: 250px;
	}

	/*BANGOR SYMPHONY*/

	.bangor-symphony-orchestra .inner-wrapper {
		background: rgba(0,0,0,.6);
	}
	

	.bangor-symphony-orchestra #story-item-1,
	.bangor-symphony-orchestra #story-item-2, 
	.bangor-symphony-orchestra #story-item-3, 
	.bangor-symphony-orchestra #story-item-4, 
	.bangor-symphony-orchestra #story-item-5, 
	.bangor-symphony-orchestra #story-item-6  {
		background-size:contain;
		background-position: 50% 50%;
		height: 200px;
	}

	.bangor-symphony-orchestra #movie-click {
		top: 405px;
		width: 100%;
		height: 280px;
		left: 0;
	}

	.bangor-symphony-orchestra #story-item-1 {
		height: 55px;
	}

	.bangor-symphony-orchestra #story-item-2 {
		height: 250px;
		background-image: url(../images/stories/bso-brochure-mobile.jpg);
	}

	.bangor-symphony-orchestra #story-item-3 {
		height: 280px;
	}

	.bangor-symphony-orchestra #story-item-4 {
		background-image: url(../images/stories/bso-cd-mobile.jpg);
	}

	.bangor-symphony-orchestra #story-item-5 {
		height: 200px;
	}

	.bangor-symphony-orchestra #story-item-6 {
		display: none;
	}

	/*C&L AERO*/

	.cl-aero .inner-wrapper {
		background: rgba(0,0,0,.6);
	}
	

	.cl-aero #story-item-1,
	.cl-aero #story-item-2, 
	.cl-aero #story-item-3, 
	.cl-aero #story-item-4, 
	.cl-aero #story-item-5, 
	.cl-aero #story-item-6  {
		background-size:contain;
		background-position: 50% 50%;
		height: 200px;
	}

	.cl-aero #movie-click {
		top: 784px;
		width: 100%;
		height: 200px;
		left: 0;
	}

	.cl-aero #story-item-1 {
		height: 105px;
	}

	.cl-aero #story-item-2 {
		height: 250px;
		background-image: url(../images/stories/cl-book-mobile.jpg);
	}

	.cl-aero #story-item-3 {
		height: 280px;
	}

	.cl-aero #story-item-4 {
		/*display: none;*/
	}

	.cl-aero #story-item-5 {
		/*height: 200px;*/
		/*display: none;*/
	}

	.cl-aero #story-item-6 {
		/*display: none;*/
	}

	/*POTATOES, YAY*/

	.maine-potatoes .inner-wrapper {
		background: rgba(96,56,19,.7);
	}
	

	.maine-potatoes #story-item-1,
	.maine-potatoes #story-item-2, 
	.maine-potatoes #story-item-3, 
	.maine-potatoes #story-item-4, 
	.maine-potatoes #story-item-5, 
	.maine-potatoes #story-item-6  {
		background-size:contain;
		background-position: 50% 50%;
		height: 200px;
	}

	.maine-potatoes #movie-click {
		top: 1335px;
		width: 100%;
		height: 200px;
		left: 0;
	}

	.maine-potatoes #story-item-1 {
		height: 105px;
	}

	.maine-potatoes #story-item-2 {
		height: 250px;
	}

	.maine-potatoes #story-item-3 {
		height: 280px;
	}

	.maine-potatoes #story-item-4 {
		background-image: url(../images/stories/mpb-storyboard-mobile.jpg);
		height: 500px;
	}

	.maine-potatoes #story-item-5 {
		/*height: 200px;*/
		/*display: none;*/
	}

	.maine-potatoes #story-item-6 {
		display: none;
	}

	/*GEAGHANS*/

	.geaghans .inner-wrapper {
		background: rgba(69,51,42,.8);
	}

	.geaghans .story-full-wrapper {
		background: none;
	}
	

	.geaghans #story-item-1,
	.geaghans #story-item-2, 
	.geaghans #story-item-3, 
	.geaghans #story-item-4, 
	.geaghans #story-item-5, 
	.geaghans #story-item-6  {
		background-size:contain;
		background-position: 50% 50%;
		height: 200px;
	}

	.geaghans #movie-click {
		top: 560px;
		width: 100%;
		height: 200px;
		left: 0;
		/*outline: thick red dotted;*/
	}

	.geaghans #story-item-1 {
		height: 205px;
		/*margin-bottom: 10px;*/
		/*display: none;*/
	}

	.geaghans #story-item-2 {
		height: 250px;
		/*display: none;*/
	}

	.geaghans #story-item-3 {
		height: 210px;
	}

	.geaghans #story-item-4 {
		/*display: none;*/
	}

	.geaghans #story-item-5 {
		/*height: 200px;*/
		/*display: none;*/
	}

	.geaghans #story-item-6 {
		/*display: none;*/
	}

	/*Katahdin Trust*/
	
	.katahdin-trust .inner-wrapper {
		background: rgba(126,168,218,.8);
	}
	

	.katahdin-trust #story-item-1,
	.katahdin-trust #story-item-2, 
	.katahdin-trust #story-item-3, 
	.katahdin-trust #story-item-4, 
	.katahdin-trust #story-item-5, 
	.katahdin-trust #story-item-6  {
		background-size:contain;
		background-position: 50% 50%;
		height: 200px;
	}

	.katahdin-trust #movie-click {
		top: 150px;
		width: 100%;
		height: 280px;
		left: 0;
	}

	.katahdin-trust #story-item-1 {
		height: 100px;
		/*margin-bottom: 10px;*/
		/*display: none;*/
	}

	.katahdin-trust #story-item-2 {
		height: 280px;
		/*display: none;*/
	}

	.katahdin-trust #story-item-3 {
		height: 250px;
		background-image: url(../images/stories/ktc-book-mobile.jpg)
	}

	.katahdin-trust #story-item-4 {
		background-image: url(../images/stories/ktc-idmats-mobile.jpg);
		height: 250px;
	}

	.katahdin-trust #story-item-5 {
		/*height: 200px;*/
		display: none;
	}

	.katahdin-trust #story-item-6 {
		display: none;
	}

	/*contact page*/

	#sixstate {
		display: none;
	}
	
	.contact-bottom {
	}

	.contact-bottom h3 {
		padding: 15px;
		font-size: 40px;
		text-align: center;
	}

	#contact-form {
		margin: 0 auto;
		width: 90%;

	}

	.cat404 {
		/*background: #000;*/
		background-position: 50% 50%;
		background-size: cover;
	}

	.cat404 .inner-wrapper {
		background: none;
		background-color: rgba(0,0,0,.3);
	}

	.cat404 .gradient-wrapper {
		
	}

	.logo-container img {
		width: 160px;
		height: auto;
	}

	img {
		max-width: 100%;
		height: auto;
	}

.box {
	width: 48%;
}

.collapse {
	margin-left: -49.003%;
	opacity: .2;
	opacity: 0;
}

.collapse {
	/*margin-left: -99%;*/
	/*opacity: .2;*/
}

.expand {
	margin-left: 1%;
	opacity: 1;
}

.filter {
	text-align: center;
	font-size: 0;
	margin: 0;
	margin-top: 30px;
	position: static;
	padding: 0;
	width: auto;
	min-width: 0px;
}

.iwantto {
	position: static;
	margin-bottom: 10px;
	text-align: center;
	font-size: 15px;
	margin-top: 30px;
}

.filter a {
	margin: 0 10px;
	
	float: none;
}

.filter a:before {
	left: 18px;
	left: auto;
	display: none;
}

.machform-wrapper {
	float: none;
	width: 100%;
	margin: 20px auto;
}

.footer-address {
	display: none;
}

.story-callout {
	opacity: 1;
	left: 25%;
	right: 25%;
}

.flippers {
	padding: 20px;
}

.flippers * {
	transform:none!important;
}

.flipper {
	width: 100%;
	height: 100px;
	margin:0 0 20px 0;
}

.flipper-front {
	display: block;
	position: static;
}

.flipper-front:after {
	content: "";
	display: block;
	clear: both;
}

.flipper-front i {
	/*float: left;*/
	display: block;
	position: static;
	width: 80px;
	float: left;
	font-size: 50px;
	line-height: 100px;
	text-align: left;
	padding-left: 20px;
}

.flipper-front span {
	position: static;
	width: 50%;
	float: none;
	width: auto;
	margin-left: 80px;
	line-height: 100px;
	font-size: 60px;
	text-align: right;
	padding-right: 20px;
}
.flipper-back {
	display: none;
}

@-webkit-keyframes onespin {
	from {}
	to {}
}

@keyframes onespin {
	from {}
	to {}
}

.homepage-details {
	display: none;
}

.new-team-thumb {
	float: none;
	width: 100%;
}

.new-team-list {
	padding-top: 0;
	border-top: 0;
}

.new-team-list-right, .right-new-services {
	margin: 0;
	float: none;
	width: 100%;
	padding: 20px 0;
}

.general-content {
	/*padding: 0 20px;*/
}

.header {
	padding-right: 20px;
	/*padding-left: 20px;*/
	padding: 10px 0px;
}

.service-icon {
	width: 100%;
	float: none;
	margin: 0 auto;
}

.service-icon-wrapper {
	width: 100%;
	float: none;
	margin-bottom: 20px;
	padding: 20px 0;
}

.service-icon-wrapper:after {
	clear: both;
	display: block;
	content: "";
}

#site-title {
	display: block !important;
	margin-top: 20px;
}

#wprmenu_bar {
	z-index: 300 !important;
}

.menu_title {
	font-family: "bebas"!important;
}

.mobiletel {
	color: #fff;
	display: block;
	position: fixed;
	right: 10px!important;
	z-index: 4000;
	font-family: "bebas"!important;
	top: 0px;
	font-size: 24px;
	padding: 10px!important;
}

.new-contact-wrapper {
	padding: 10px;
}

iframe {
	max-width: 100%!important;
}

.big-boxes, .web-block-offers {
	display: block;
}

.big-box {
	width: 100%;
	margin-bottom: 30px;
}

.content-block {
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
}

.header-inner {
	display: none;
}

.page-template-withsidebar #container {
	display: block;
}

.page-template-withsidebar #content {
	width: 100%;
}

.page-template-withsidebar #sidebar {
	width: 100%;
}


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
html {
	min-height: 1400px;
}
}