@charset "UTF-8";
/*
 * Responsive CSS
 * Client: Pact
 * Project: Pact Global Website
 * Author: Steve Case
 * Author Company: Case Developed, LLC
 * Email: steve@casedeveloped.com
*/

/* ===== Begin All Responsive Styles ===== */
/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 568px) {
	body.not-front {
		min-width: 320px!IMPORTANT;
	}
	
	body .mobile-menu {
		display: block;
	}
	
	.front #region-header-first {
		background-position: 0 120px!IMPORTANT;
		background-size: 70%!IMPORTANT;
	}
	
	.container-12 {
		width: 100%!IMPORTANT;
	}
	
	body.front .container-12 .prefix-2 {
		padding-left: 80px;
	}
	
	.container-12 .grid-7 {
		display: none!IMPORTANT;
	}
	
	.container-12 .grid-3 {
		clear: both!IMPORTANT;
	}
	
	body.front #region-postscript-fourth {
		margin: -70px 0 0 5px;
	}
	
	.tagline {
		margin: 0 0 0 35px!IMPORTANT;
	}
	
	.tagline .corner-trbl img {
		width: 98%;
		height: auto;
	}
	
	#zone-header .feature-block .ds-2col img {
		width: 100%;
		height: auto;
		margin: 30px 0 0 0;
	}
	
	#zone-branding {
		width: 95%!IMPORTANT;
		margin-bottom: 20px!IMPORTANT;
	}
	
	/* Hide Standard Menu */
	#section-header .container-12 .prefix-3 {
		display: none;
	}
	
	/* Containers */
	.not-front #zone-content-wrapper #zone-content.container-12 {
		width: 100%;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 h2 {
		margin-bottom: 5px;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 p,
	.not-front #zone-content-wrapper #zone-content.container-12 ul li,
	.not-front #zone-content-wrapper #zone-content.container-12 ol li {
		font-size: 12px;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-8,
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		width: 90%;
		margin: 0 15px;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		margin: 50px 15px 15px 15px;
	}
	
	.not-front #region-branding .logo-img {
		margin: 0;
	}
	
	.not-front #zone-content .region-content-inner {
		padding: 20px 15px;
	}
	
	.not-front #zone-content .region-content-inner h1.title {
		font-size: 26px;
		margin: 0 0 10px 0;
	}
	
	.not-front #zone-content ul.primary {
		margin: 0;
		padding: 0 0 10px 20px;
	}
	
	.not-front #zone-content ul.primary li {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.not-front #zone-content .view.img-two-third {
		background: none;
	}
	
	.not-front #zone-content .view.img-two-third img {
		width: 100%;
		height: auto;
	}
	
	.not-front #zone-content-wrapper #zone-content .region-content-inner iframe {
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}
	
	#zone-content.container-12 .grid-8 table.views-view-grid tr {
		width: 85%;
	}
	
	#zone-content.container-12 .grid-8 table.views-view-grid tr td {
		display: block;
		margin: 0 20px 20px 0;
	}
	
	.not-front #zone-content-wrapper #region-sidebar-second .block {
		padding: 20px 15px 0 15px;
	}

	#section-footer #zone-footer.container-12 .grid-12 {
		width: 94%;
	}
	
	#section-footer #zone-footer {
		margin-top: 0;
	}
	
	#section-footer #zone-footer .block.footer-menu {
		float: left;
		width: 300px;
		margin: 20px auto 0 auto;
	}
	
	#section-footer #zone-footer .block.footer-social {
		float: left;
		width: auto;
		margin: 15px auto 0 auto;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 568px) and (max-width : 768px) {
	body.not-front {
		min-width: 568px!IMPORTANT;
	}
	
	body .mobile-menu {
		display: block;
	}
	
	.not-front #zone-branding-wrapper .container-12 {
		width: 98%;
	}
	
	.not-front #region-branding .logo-img {
		margin: 0;
	}
	
	.not-front #zone-content-wrapper .container-12 {
		min-width: 52%!IMPORTANT;
		max-width: 100%!IMPORTANT;
		width: 100%;
	}
	
	/* Hide Standard Menu */
	#section-header .container-12 .prefix-3 {
		display: none;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-8,
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		width: 95%;
		margin: 0 15px;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		margin: 50px 15px 0 15px;
	}
	
	.not-front #zone-content-wrapper #zone-content .region-content-inner iframe {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	#zone-content.container-12 .grid-8 table.views-view-grid tr {
		width: 85%;
	}
	
	#zone-content.container-12 .grid-8 table.views-view-grid tr td {
		display: block;
		margin: 0 20px 20px 0;
	}
	
	.not-front #zone-content .region-content-inner h1.title {
		font-size: 26px;
		margin: 0 0 10px 0;
	}

	#section-footer #zone-footer.container-12 .grid-12 {
		width: 80%;
	}
}

/* Tablets (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1035px) and (orientation : portrait) {
	body.not-front,
	body.front {
		min-width: 768px!IMPORTANT;
	}
	
	body.front .container-12 {
		width: 90%;
	}
	
	body.front #zone-header.container-12 {
		width: 90%;
		margin: 25px auto 0 auto;
	}
	
	body.front .container-12 .grid-2 {
		margin: 0 5px;
	}
	
	body.front .container-12 .region-postscript-fourth,
	body.front .container-12 .region-postscript-fifth {
		margin: 10px 10px 0 0;
	}
	
	.front #region-header-first {
		margin: 0 5px 0 0;
	}
	
	body.front .container-12 .prefix-2 {
		padding-left: 80px;
	}
	
	body.front #map,
	body.front .container-12 .grid-7 {
		width: 365px;
	}
	
	.not-front #zone-branding-wrapper .container-12 {
		width: 90%;
	}
	
	.not-front #zone-content-wrapper .container-12 {
		width: auto!IMPORTANT;
	}
	
	.not-front #zone-content .region-content-inner h1.title {
		font-size: 26px;
		margin: 0 0 10px 0;
	}
	
	#section-header .container-12 .prefix-3 {
		width: 75%;
	}
	
	#section-header ul.nice-menu {
		float: right;
		margin: 0 5px 0 0;
	}
	
	#section-header ul.nice-menu li {
		margin-left: 15px;
	}
	
	#section-header ul.nice-menu li ul li {
		margin-left: 0;
	}
	
	#section-header .container-12 .prefix-3 {
		padding: 0;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-8,
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		margin: 0 20px;
		width: 95%;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		margin: 60px 20px 0 20px;
		background: #FFF;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 p {
		margin: 0 0 5px 0;
	}
	
	#zone-content.container-12 .grid-4 .block {
		float: left;
		padding: 20px;
		width: 25%;
	}
	
	.not-front #zone-content-wrapper #zone-content .region-content-inner {
		padding: 30px 25px 40px 25px;	
	}
	
	.not-front #zone-content-wrapper #zone-content .region-content-inner iframe {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.block-featured-blogs-block .views-row-1 img, 
	.block-featured-blogs-block-1 .views-row-1 img {
		height: auto;
	}
	
	.not-front #zone-content-wrapper .view.img-two-third img {
		width: 68%;
		height: auto;
		margin: 0;
	}
	
	.not-front #zone-content-wrapper .view-node-images .views-field-field-image {
		margin: 0 0 10px 0;
	}
	
	.not-front #zone-content-wrapper table .view-node-images h2 {
		font-size: 16px;
		letter-spacing: .05em;
	}
	
	.not-front #zone-content-wrapper .view.img-full img {
		width: 100%;
		height: auto;
	}
	
	#zone-footer-wrapper #zone-footer.container-12 .grid-12 {
		width: 410px;
	}
	
}

/* Tablets (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1035px) and (orientation : landscape) {
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-8 {
		margin: 0 10px 0 20px;
		width: 650px;
	}
	
	.not-front #zone-content-wrapper #zone-content .region-content-inner {
		padding: 30px 25px 40px 25px;	
	}
	
	.not-front #zone-content-wrapper #zone-content .region-content-inner iframe {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.not-front #zone-content-wrapper #zone-content.container-12 .grid-4 {
		width: 315px;	
	}
	
	.block-featured-blogs-block .views-row-1 img, 
	.block-featured-blogs-block-1 .views-row-1 img {
		width: 37.5%!IMPORTANT;
		height: auto;
	}
	
	.not-front #zone-content-wrapper .view.img-two-third img {
		width: 72.5%;
		height: auto;
		margin: 20px 0 0 0;
	}
	
	.not-front #zone-content-wrapper .view.img-full img {
		width: 100%;
		height: auto;
	}
	
	#zone-footer-wrapper #zone-footer.container-12 .grid-12 {
		width: 400px!IMPORTANT;
	}
}