@charset "UTF-8";
/* CSS Document */

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}


* {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-kerning: auto;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


	
/* --------------------------------- */
/* Common Elements */
/* --------------------------------- */
	
	a {
		color: #f67422;
		text-decoration: none;
		border:none;
    	outline:none;
	}
	
		a img {
			border:none !important;
			outline:none !important;
		}
	
	a:visited {
		color: #f67422;
		text-decoration: none;
		border:none;
    	outline:none;
	}
	
	a:hover, a:visited:hover {
		color: #c32528;
		text-decoration: none;
		-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
		border:none;
    	outline:none;
	}

	a:active, a:focus {
		border:none;
    	outline:none;
	}
	


	
	body { 
		font-family: 'Plus Jakarta Sans', sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		background-color: #fefaf4;
	}

		strong {
			font-weight: 700;
		}

		em {
			font-weight: 400;
			font-style: italic;
		}	


	/* Fade Page In */
	.animate-in {
		-webkit-animation: fadeIn .5s ease-in;
		animation: fadeIn .5s ease-in;
	}
	
	.animate-out {
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
		opacity: 0;
	}
	
	@-webkit-keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	
	@keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	
		
	.red {color: #c32528;}
	.orange {color: #f67422;}
	.yellow {color: #e9a131;}
	.brown {color: #503d2d;}
	.green {color: #23585e;}
	.beige {color: #ffebd2;}

	.broone {font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;}
		

/* --------------------------------- */
/* Logo and Nav */
/* --------------------------------- */

	
	.logobar {
		width: 100%;
		height: 82px;
		background-color: #ffebd3;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 40;
		display: none;
		margin: 0;
		padding: 0;
		color: #fff;
		box-shadow: 0 0 4px rgba(81,61,45,0.07),0 4px 8px rgba(81,61,45,0.14);
	}

		.logo {
			height: 82px;
			display: flex;
			align-items: center;
			padding-left: 2%;
		}
		
		.logo img {
			/* background-color: #c32528; */
			max-width: 280px;
			width: 100%;
			height: auto;
		}
		
		.bouncepath {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
			height: 82px;
			display: flex;
			align-items: center;
			padding-left: 2%;
		}
	
			.bouncepath img {
				max-width: 280px;
				width: 100%;
				height: auto;
			}
		
		
	
		
		
	
	#Menu {
		width: 470px;
		height: 40px;
		position: fixed;
		top: 10px;
		right: 0;
		z-index: 50;
		margin: 0;
		padding: 0 2% 0 0;
		color: #fff;
		font-size: 42px;
		line-height: 42px;
		text-align: center;
		display: none;
	}
	
	
	nav, #Menu div, #Menu ul {
		text-align: left;
		margin: 0;
		padding: 0;
	}
	
	#Menu ul li {
		display: inline-block;
		text-align: left;
	}
	
	#Menu li a {
		display: inline-block;
		text-align: center;
		padding: 0 15px 0 15px;
		color: #23585e;
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 18px;
	}
	
	.white #Menu li a {
		color: #ffffff;
	}
	
	
		#Menu li a:hover {
			color: #f67422;
			-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
		}

	#Menu li.current_page_item, #NavBar li.current-page-ancestor {
		color: #f67422;
	}

	#hamburger {
		width: 28px;
		height: 20px;
		position: fixed;
		top: 16px;
		right: 2%;
		display: block;
		z-index: 8000;
	}
	
	#hamburger:hover {
		cursor: pointer;
	}

	.menu-toggle {
		position: relative;
		z-index: 9000;
		width: 30px;
		height: 25px;
		display: flex;
		align-self: center;
		justify-self: flex-end;
		margin: 14px 10px 15px 10px;
		border: none;
		background-color: rgba(255,255,255,0.0);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	.menu-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: rgba(36,89,95,1.0);
		color: rgba(36,89,95,1.0);
		border-radius: 2px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

		.white .menu-toggle span {
			display: block;
			position: absolute;
			height: 4px;
			width: 100%;
			background: rgba(255,255,255,1.0);
			color: rgba(255,255,255,1.0);
			border-radius: 2px;
			opacity: 1;
			left: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}

	.menu-toggle span:nth-child(1) {
		top: 0px;
	}

	.menu-toggle span:nth-child(2) {
		top: 9px;				
	}

	.menu-toggle span:nth-child(3) {
		top: 18px;
	}


	.menu-toggle.open span:nth-child(1) {
		top: 9px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.menu-toggle.open span:nth-child(2) {
		opacity: 0;
		left: 10px;
	}

	.menu-toggle.open span:nth-child(3) {
		top: 9px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	
		


/* --------------------------------- */
/* Home Page */
/* --------------------------------- */

	
	#MainPanel {
		width: 100vw;
		height: 90vh;
		display: flex;
		align-content: center;
		align-items: center;
		background-color: #23585e;
		background-image: url("../images/b25-circle.png");
		background-position: 80% center;
		background-size: auto 80%;
		background-repeat: no-repeat;
	}
	
		.main-panel--container {
			width: 90%;
			max-width: 1120px;
			margin: 0 auto;	
			text-align: left;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		.main-panel--content {
			width: 80%;
			max-width: 780px;
			text-align: left;
		}

			.main-panel--intro {
				margin-bottom: 10%;
}

			.main-panel--content h1 {
				font-size: 18px;
				line-height: 28px;
				color: #ffebd2;
				margin-bottom: 24px;
			}

			.main-panel--content h2 {
				font-size: 54px;
				line-height: 56px;
				font-weight: 700;
				color: #e9a131;
			}

			.main-panel--content p {
				font-size: 16px;
				line-height: 24px;
				color: #ffebd2;
				margin-bottom: 24px;
			}


			p.mpc-logo {
				margin-bottom: 0;
			}

				.mpc-logo img {
					width: 90%;
					height: auto;
					max-width: 420px;
				}

			
			


	
	#ContentPanel {
		padding-bottom: 60px;
	}
	
		.content-panel--container {
			width: 82%;
			max-width: calc(1120px - 120px);
			margin:  -60px auto 0 auto;
			padding: 60px 4%;
			text-align: center;
			background-color: #ffebd2;
			border-radius: 24px;
			display: flex;
			gap: 4%;
		}

			.content-panel--left {
				flex-basis: 40%;	
			}
	
				.mpc-buttons {
					padding-top: 12px;
					margin-bottom: 20px;
					display: flex;
					flex-wrap: wrap;
					gap: 20px;
				}

					.mpc-buttons a {
						flex-basis: calc(50% - 58px);
						aspect-ratio: 1 / 1;
						display: flex;
						align-items: center;
						justify-content: center;
						color: #ffffff;
						font-size: 24px;
						font-weight: 700;
						line-height: 14px;
						padding: 12px 24px 12px 24px;
						border-radius: 12px;
						-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
					}

						.mpc-buttons a[href="/do/#Strategy"] {
							background-color: #c32528;
						}

						.mpc-buttons a[href="/do/#Collateral"] {
							background-color: #f67422;
						}

						.mpc-buttons a[href="/do/#Media"] {
							background-color: #503d2d;
						}

						.mpc-buttons a[href="/do/#Events"] {
							background-color: #23585e;
						}


						.mpc-buttons a:hover {
							color: #ffffff;
							background-color: #e9a131;
						}

						.team-photo {
							position: relative;
						}

							.team-photo img {
								position: relative;
								z-index: 5;
								width: 100%;
								height: auto;
								border-radius: 12px;
							}

							.team-photo span {
								position: absolute;
								z-index: 20;
								bottom: 12px;
								right: 12px;
								font-weight: 700;
								color: #ffffff;
								opacity: 0;
								-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
							}

								.team-photo:hover span {
									opacity: 1;
								}




			.content-panel--right {
				flex-basis: 60%;
			}


				.content-panel--right h3 {
					font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
					font-weight: 400;
					font-size: 56px;
					line-height: 64px;
					color: #f67422;
					margin-bottom: 20px;
				}

				.content-panel--right h5 {
					font-size: 18px;
					line-height: 28px;
					color: #503d2d;
					margin-bottom: 48px;
				}

				.content-panel--right p {
					font-size: 18px;
					line-height: 28px;
					color: #503d2d;
					margin-bottom: 36px;
				}

				.content-panel--right h4 {
					font-weight: 700;
					font-size: 26px;
					line-height: 28px;
					color: #f67422;
					margin-bottom: 0;
				}

				p.gj-signatures {
					margin-bottom: 0;
				}

				.gj-signatures img {
					width: 100%;
					max-width: 280px;
					height: auto;
				}
				
	
/* --------------------------------- */
/* Animated Journey List  */
/* --------------------------------- */

	
		.journey-panel {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 160px;
			padding-bottom: 48px;
		}

		.journey-panel .animated-text-elements {
			position: relative;
			width: 100%;
			opacity: 0;
		}
		
		.journey-panel .animated-text-element {
			position: absolute;
			font-size: 18px;
			line-height: 24px;
			color: #503d2d;
			width: 100%;
			text-align: center;
			
			height: 36px;
			display: flex;
			justify-content: center;
			align-items: center;
			
		}




/* --------------------------------- */
/* This is old. */
/* --------------------------------- */
		.special-message {background-color: #c32528; width:80%; max-width:1000px; margin: 0px auto 100px auto; padding:4% 10%;}
		.special-message .two-column {display: flex; flex-wrap: nowrap; align-content: flex-start;}
		.special-message .two-column div {flex-basis:calc(50% - 6%); padding: 0 3%;}
		.special-message h2 {font-size: 36px; line-height:48px; color: #ffffff; font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif; margin: 2% auto 60px auto; max-width:850px;}
		.special-message h2 span {font-size: 52px; line-height:48px; color: #ffffff; font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif; display: block;}
		.special-message p {text-align:justify; font-size: 16px; line-height:21px; text-transform: none; color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; margin:0 0 21px 0;}
		.special-message p.fullwidth {text-align:justify; font-size: 21px; line-height:26px; margin:20px 0 21px 0; padding: 0 3%;}
	
	
	
/* --------------------------------- */
/* Common Content */
/* --------------------------------- */
	
	#Content {
		/* position: absolute; */
		padding-top: 100px;
		text-align: center;
		width: 100%;
	}
	
		.container {
			max-width: 1120px;
			margin: 0 auto;	
		}
		
		article {
			color: #503d2d;	
		}
		
		article hr {
			background-color: #a2a1a1;
			display: block;
			height: 6px;
			margin: 3% 0;
			padding: 0;
			border: none;
		}
	
	
		article h1 {
			font-size: 3em;
			line-height: 3em;
			color: #23585e; 
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-weight: 400;
		}
		
		article h2 {
			font-size: 2.5em;
			line-height: 2.5em;
			color: #23585e; 
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-weight: 400;
		}
		
		article h3 {
			font-size: 1.75em;
			line-height: 1.75em;
			font-weight: 700;
		}
		
		article h4 {
			font-size: 1.25em;
			line-height: 1.25em;
			font-weight: 400;
		}
		
		article h5 {
			font-size: 1.25em;
			line-height: 1.25em;
			font-weight: 400;
			text-transform: uppercase;
		}
		
		article h6 {
			font-size: 1.125em;
			line-height: 1.125em;
			font-weight: 700;
		}
		
		article p {
			font-size: 1em;
			line-height: 1.5em;
			font-weight: 400;
			margin-bottom: 1.5em;
		}
		
		article ol, article ul {
		}
		
		article ol li, article li ol li {
			font-size: 1.5em;
			line-height: 1.5em;
			font-weight: 400;
		}
		
		article ul li, article li ul li {
			font-size: 1.5em;
			line-height: 1.5em;
			font-weight: 400;
		}
			
			
		article .half {
			display: inline-block;
			width: 44%;
			margin: 0 -4px 0 0;
			padding: 0 3% 2% 3%;
			text-align: left;
			vertical-align: top;
		}
			
			article .half:first-of-type {
				display: inline-block;
				width: 44%;
				margin: 0 -4px 0 0;
				padding: 0 3% 2% 0;
				text-align: left;
				vertical-align: top;
			}


		article .third, #ContentPanel .third {
			display: inline-block;
			width: 27%;
			height: auto;
			margin: 0 -4px 0 0;
			padding: 0 3% 2% 3%;
			text-align: left;
			vertical-align: top;
		}
		
			article .third:first-of-type  {
				display: inline-block;
				width: 27%;
				height: auto;
				margin: 0 -4px 0 0;
				padding: 0 3% 2%;
				text-align: left;
				vertical-align: top;
			}
		
		
		article .quarter {
			display: inline-block;
			width: 20%;
			margin: 0 -4px 0 0;
			padding: 0 2% 2% 2%;
			text-align: left;
			vertical-align: top;
		}
		
			article .quarter:first-of-type  {
				display: inline-block;
				width: 20%;
				margin: 0 -4px 0 0;
				padding: 0 2% 2% 0;
				text-align: left;
				vertical-align: top;
			}
		
		
		
		article .left {
			text-align: left !important;
		}
		
		article .center {
			text-align: center !important;
		}
		
		article .right {
			text-align: right !important;
		}
		
		article .container p {
			font-size: 1em;
			line-height: 1.5em;
			font-weight: 400;
			margin-bottom: 2em;
			padding: 0 10% 0 10%;
			color: #503d2d;	
		}
		
	
/* --------------------------------- */
/* Service Panels */
/* --------------------------------- */
	

	article h4.intro {
		font-size: 1.5em;
		line-height: 1.25em;
		font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
		font-weight: 400;	
		text-align: center;
		vertical-align: top;	
		margin: 0 auto;
		padding: 0 8%;
	}
	
	:target:before {
		content:"";
		display:block;
		height: 90px;
		margin: -90px 0 0;
	}
	
	
	.title-content {
		display: block;
		font-size: 2.0em;
		line-height: 2.0em;
		color: #a3a5aa; 
		font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
		font-weight: 400;	
		text-align: left;
		vertical-align: top;	
		margin: 0 auto;
		padding: 0;
		max-width: 1000px;
	}
	
	
	.band-strategy {
		background-color: #f68933;
		text-align: center;
		vertical-align: middle;	
		margin: 0 auto;
		padding-top: 10px;
	}
	
		.band-strategy h2 {
			display: block;
			font-size: 3.0em;
			line-height: 1.8em;
			color: #ffffff !important; 
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-weight: 400;	
			text-align: left;
			vertical-align: top;	
			margin: 0 auto;
			padding: 0 0 0 95px;
			max-width: 905px;
			background: url(../images/icon-do-strategy.png) top left no-repeat;
		}
		
		
	
	.band-collateral {
		background-color: #81c341;
		text-align: center;
		vertical-align: middle;	
		margin: 0 auto;
		padding-top: 10px;
	}
	
		.band-collateral h2 {
			display: block;
			font-size: 3.0em;
			line-height: 1.8em;
			color: #ffffff !important; 
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-weight: 400;
			text-align: left;
			vertical-align: top;	
			margin: 0 auto;
			padding: 0 0 0 95px;
			max-width: 905px;
			background: url(../images/icon-do-collateral.png) top left no-repeat;
		}
		
	
	.band-media {
		background-color: #c32528;
		text-align: center;
		vertical-align: middle;	
		margin: 0 auto;
		padding-top: 10px;
	}
	
		.band-media h2 {
			display: block;
			font-size: 3.0em;
			line-height: 2.0em;
			color: #ffffff !important; 
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-weight: 400;	
			text-align: left;
			vertical-align: top;	
			margin: 0 auto;
			padding: 0 0 0 95px;
			max-width: 905px;
			background: url(../images/icon-do-media.png) top left no-repeat;
		}
	
	.band-events {
		background-color: #fdb813;
		text-align: center;
		vertical-align: middle;	
		margin: 0 auto;
		padding-top: 10px;
	}
	
		.band-events h2 {
			display: block;
			font-size: 3.0em;
			line-height: 2.0em;
			color: #ffffff !important; 
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-weight: 400;	
			text-align: left;
			vertical-align: top;	
			margin: 0 auto;
			padding: 0 0 0 95px;
			max-width: 905px;
			background: url(../images/icon-do-events.png) top left no-repeat;
		}
	
		
	
	
	.do-content {
		width: 88%;
		max-width: 1000px;
		padding: 4%;
		margin: 0 auto 40px auto;
		text-align: left;
		vertical-align: top;
		display: flex;
		flex-wrap: wrap;
		border-radius: 12px;
		background-color: rgba(255,235,211,0.30);
	}
	
		.do-copy {
			width: 100%;
			margin: 0;
			padding: 0 2% 2% 0%;
			text-align: left;
			vertical-align: top;	
		}
		
		.do-list {
			width: 100%;
			margin: 0;
			padding: 0 2% 0 2%;
			text-align: left;
			vertical-align: top;
			display: flex;
		}
		
			.do-copy h3 {
				font-size: 2.0em;
				line-height: 1em;
				font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
				font-weight: 400;
				margin-bottom: 20px;
			}
			
			.do-copy p {
				font-size: 1em;
				line-height: 1.5em;
				font-weight: 400;
				margin-bottom: 1.5em;
			}	
			
			.do-list h3 {
				font-size: 2.0em;
				line-height: 1em;
				font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
				font-weight: 400;
				margin-bottom: 20px;
			}

			.do-list ol, .do-list ul {
				flex-basis: 50%;
			}
			
				.do-list ol li, .do-list li ol li {
					list-style-type: decimal;
					font-size: 1em;
					line-height: 1.5em;
					font-weight: 400;
				}

				.do-list ul li, .do-list li ul li {
					list-style-type: square;
					font-size: 1em;
					line-height: 1.5em;
					font-weight: 400;
				}
		
	
	
	
	
/* --------------------------------- */
/* Client Logos */
/* --------------------------------- */
	
	.clients {
		max-width: 1120px;
        margin: 0 auto;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
	}
	
	.client {
		display: flex;
		justify-content: center;
		align-content: center;
		margin: 0 10px 20px 10px;
		flex-basis: calc(20% - 20px);
		padding: 2.5%;
		aspect-ratio: 1 / 1;
		background-color: rgba(255,235,211,0.30);
		border-radius: 12px;
		-moz-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;
	}
	
	.client:hover {
		background-color: rgba(255,255,255,1);
	}
	
	.client a {
		display: flex;
		justify-content: center;
		align-content: center;
	}
	
	.client img {
		width: 100%;
		height: auto;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: all .2s ease-in-out;
	}
	
	.client:hover img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
	
	
	
/* --------------------------------- */
/* Team Members */
/* --------------------------------- */
	
		.team {
			max-width: 1120px;
			margin: 0 auto;	
			text-align: left;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		
		.member {
			margin: 0 10px 20px 10px;
    		flex-basis: calc(25% - 20px);
			height: auto;
			aspect-ratio: 1 / 1;
			padding: 0;
			background-color: rgba(255,235,211,0.30);
			position: relative;
			overflow: hidden;
			text-align: right;
			vertical-align: bottom;
			border-radius: 12px;
			-moz-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;
		}
		
			.member img {
				width: 100%;
				height: auto;
			}
		
			.member-tile {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 90%;
				height: auto;
				padding: 0 10% 0 0;
			}
			
			
			.member-tile h5 {
				color: #f67422;
				margin: 0;
				padding: 0;
				font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
				font-weight: 400;
				font-size: 1.5em;
				text-transform: none;
			}
			
			.member-tile h6 {
				color: #503d2d;	
				margin: 0;
				padding: 0;
				font-weight: 400;
				font-size: 0.75em;
			}
		
			
		.member:hover {
			background-color: #c32528;
			cursor:pointer;
			-moz-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;
		}
		
			.member:hover .member-tile h5, .member:hover .member-tile h6 {
				color: #fff;
			}
		
		
		.biopanel {
			position: fixed;
			z-index: 9000;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0 auto;
			padding: 0;
			background-color: rgba(0,0,0,0.80); /* change 0.40 to 0.00 to remove black screening of the browser */
			display: none;
			border: 0;
			
		}
		
		.biopanel-content  {	
			position: relative;
			z-index: 110;
			top: 50%;
			transform: translateY(-50%);
			width: 75%;
			max-width: 1200px;
			height: auto;
			text-align: left;
			margin: 0 auto;
			padding: 3%;
			background-color: rgba(255,255,255,1.00);
			border: 0;
			font-size: 1.0em;
			line-height: 1.25em;
			border-radius: 12px;
			overflow: scroll;
		}
		
			.biopanel-content h5 {
				color: #23585e;
				margin: 0;
				padding: 0;
				font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
				font-weight: 400;
				font-size: 2em;
				text-transform: none;
			}
			
			.biopanel-content h6 {
				margin: 0 0 20px 0;
				padding: 0;
				color: #503d2d;
				font-weight: 400;
				font-size: 1.0em;
			}
			
			.biopanel-content li {
				color: #503d2d;	
				margin: 0 0 10px 0;
				padding: 0;
				font-weight: 400;
				font-size: 0.85em;
				line-height: 1.5em !important;
			}
			
			.biopanel-content li strong {
				color: #23585e;
				font-weight: 700;
			}
			
			.biopanel-content img {
				width: 100%;
				max-width: 360px;
				height: auto;
				float: right;
				padding: 0 0 15px 15px;
			}
		
		.close {
			position: absolute;
			top: 20px;
			right: 20px;
			z-index: 500;
			width: 30px;
			height: 30px;
			display: block;
			background:url(../images/close.png) top center no-repeat;
			background-size: 100%;
			text-align: right;
			vertical-align: bottom;
			margin: 0;
			padding: 0;
			color: #444;
		}
		
		.close:hover {cursor:pointer;}
	
	
	
	
	
	
	
	
/* --------------------------------- */
/* Services */
/* --------------------------------- */
	
	
	
	
	#Services {
		position: relative;
		z-index: 9;
		border-top: 1px solid #dadbdd;
		border-bottom: 1px solid #dadbdd;
		text-align: left;
		vertical-align: top;
		margin-top: 4%;
	}
	
		#Services ul {
			margin: 0;
			padding: 0;
		}
		
		#Services li {
			display: inline-block;
			width: 25%;
			margin: 0 -4px 0 0;
			padding: 0;
			font-size: 21px;
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			position: relative;
			text-align: center;
		}
		
			#Services li:hover {background-color:#503d2d;}
					
			#Services li.strategy a {
				display: block;
				padding: 9% 0 9% 65px;
				margin: 0 auto;
				color:#f68933;
				border-left: 0px solid #ffffff;
				background: url(../images/icon-strategy.png) center center no-repeat;
				background-size: 18% auto;
				background-position: 35% 40%;
			}
			
			#Services li.collateral a {
				display: block;
				padding: 9% 0 9% 65px;
				border-left: 1px solid #dadbdd;
				color:#81c341;
				background: url(../images/icon-collateral.png) center center no-repeat;
				background-size: 18% auto;
				background-position: 33% 43%;
			}
			
			#Services li.media a {
				display: block;
				padding: 9% 0 9% 65px;
				border-left: 1px solid #dadbdd;
				color:#c32528;
				background: url(../images/icon-media.png) center center no-repeat;
				background-size: 18% auto;
				background-position: 36% 41%;
			}
			
			#Services li.events a {
				display: block;
				padding: 9% 0 9% 65px;
				border-left: 1px solid #dadbdd;
				color:#fdb813;
				background: url(../images/icon-events.png) center center no-repeat;
				background-size: 18% auto;
				background-position: 36% 41%;
			}
			
			#Services li.collateral:hover a, #Services li.media:hover a, #Services li.events:hover a {border-left-color: #503d2d !important; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear;}
		
		#Services li ul {
			background-color: #503d2d;
			text-align: center;
			display: none;
			width: 100% !important;
			padding: 0 !important;
			border-left: 0px solid #503d2d !important;
		}
		
		#Services li:hover > ul {
			position: absolute;
			top: auto;
			left: 0px;
			display: block;
			width: inherit;
			margin: 0;
			padding: 0;
		}
		
		#Services li.strategy ul li, #Services li.collateral ul li, #Services li.media ul li, #Services li.events ul li  {
			display: block;
			margin: 0;
			padding: 0;
			border-left: none !important;
			text-align: center;
			width: 100% !important;			
		}
		
		#Services li.strategy ul li:last-child, #Services li.collateral ul li:last-child, #Services li.media ul li:last-child, #Services li.events ul li:last-child  {
			margin: 0 0 15px 0;
		}
		
		#Services li.strategy ul li a, #Services li.collateral ul li a, #Services li.media ul li a, #Services li.events ul li a  {
			display: block;
			margin: 0;
			padding: 10px 0;
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-size: 14px;
			font-weight: 400;
			color: #aaa5a5 !important;
			background: none !important;
			border-left: 0px solid #503d2d !important;
		}
		
			
			#Services li.strategy ul li a:hover, #Services li.collateral ul li a:hover, #Services li.media ul li a:hover, #Services li.events ul li a:hover  {
				color: #ffffff !important;
				-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
			}
	
		


/* --------------------------------- */
/* Instagram Panel */
/* --------------------------------- */

	
	#TwitterPanel {
		background-color: #ecedee;	
	}
	
	
	
	#TwitterPanel .spotlight-instagram-feed {
		width: 80%;
		max-width: 980px;
		margin: 0 auto;
		padding: 0 0 100px 0;
	}
	
	
		#TwitterPanel .handle {
			/* display: inline-block; */
			display: block;
			width: 20%;
			/* margin: 0 -4px 0 0; */
			margin: 0 auto;
			padding: 2% 0;
			text-align: center;
			vertical-align: top;
		}
		
			#TwitterPanel .handle img {
				width: 90%;
				max-width: 180px;
				height: auto;	
			}
		
		#TwitterPanel .tweets {
			display: inline-block;
			width: 75%;
			margin: 0 -4px 0 0;
			padding: 4.75% 0;
			text-align: left;
			vertical-align: top;
		}
		
			ul.good_old_twitter_widget {
					
			}
			
				ul.good_old_twitter_widget li {
					display: inline-block;
					width: 28%;
					margin: 0 -4px 0 0;
					padding: 2% 0 2% 5%;
					font-size: 13px;
					line-height: 18px;
					color: #503d2d;
					text-align: left;
					vertical-align: top;
				}
	
	
	
	
	
	
	
/* --------------------------------- */
/* Portfolio Projects */
/* --------------------------------- */
	
	
	.portfolio-grid {
		max-width: 1120px;
        margin: 0 auto;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
	}
	
	
	.project-block {
		flex-basis: calc(25% - 20px);
		height: auto;
		aspect-ratio: 1 / 1;
		margin: 0 10px 20px 10px;
		padding: 0;
		position: relative;
		overflow: hidden;
		text-align: right;
		vertical-align: bottom;
		border-radius: 12px;
	}
	
		.project-block a {
			width: 100%;
			height: 100%;
			text-align: center;
			vertical-align: middle;
		}
		
		.project-block img {
			width: 100%;
			height: auto;
		}
		
		.project-block a:hover img {
			width: 100%;
			height: auto;
			-webkit-filter: grayscale(1);
  			filter: grayscale(1);
		}
	
		.project-block strong {
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-style: normal;
			font-weight: 400;
			font-size: 21px;
			line-height: 24px;
			color: #ffffff;
			text-align: center;
			vertical-align: middle;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-shadow: 2px 2px 5px rgba(81,61,45, 0.5);
		}
	
	
		.category-block {
			display: inline-block;
			width: 22%;
			height: auto;
			margin: 0 2% 2% 0;
			padding: 0;
			position: relative;
			overflow: hidden;
			text-align: right;
			vertical-align: bottom;
			border-radius: 12px;
		}

			.category-block a {
				width: 100%;
				height: 100%;
				text-align: center;
				vertical-align: middle;			
			}
	

			.category-block img {
				width: 100%;
				height: auto;
				background-color: rgba(255,235,211, 0.30);
				-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
			}

			.category-block a:hover img {
				width: 100%;
				height: auto;
				background-color: #c32528;	
			}
	
			/* 

				.category-block:nth-of-type(1) a:hover img {background-color: rgb(132,189,0);}	
				.category-block:nth-of-type(2) a:hover img {background-color: rgb(255,105,0);}
				.category-block:nth-of-type(3) a:hover img {background-color: rgb(218,41,28);}
				.category-block:nth-of-type(4) a:hover img {background-color: rgb(37,107,162);}
				.category-block:nth-of-type(5) a:hover img {background-color: rgb(234,170,0);}
				.category-block:nth-of-type(6) a:hover img {background-color: rgb(132,189,0);}	
				.category-block:nth-of-type(7) a:hover img {background-color: rgb(255,105,0);}
				.category-block:nth-of-type(8) a:hover img {background-color: rgb(218,41,28);}
				.category-block:nth-of-type(9) a:hover img {background-color: rgb(37,107,162);}
				.category-block:nth-of-type(10) a:hover img {background-color: rgb(234,170,0);}
				.category-block:nth-of-type(11) a:hover img {background-color: rgb(132,189,0);}	
				.category-block:nth-of-type(12) a:hover img {background-color: rgb(255,105,0);}
				.category-block:nth-of-type(13) a:hover img {background-color: rgb(218,41,28);}
				.category-block:nth-of-type(14) a:hover img {background-color: rgb(37,107,162);}
				.category-block:nth-of-type(15) a:hover img {background-color: rgb(234,170,0);}

			*/

			.category-block strong {
				font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
				font-style: normal;
				font-weight: 400;
				font-size: 21px;
				line-height: 24px;
				color: #f67422;
				text-align: center;
				vertical-align: middle;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
	
				.category-block a:hover strong {
					color: #ffffff;	
				}
	
		
		.media-grid {
			width: 100%;
			max-width: 1024px;
			margin: 0 auto;
			padding: 20px 0 40px 0;	
			text-align: left;
			border-top: 1px solid #dadbdd;
		}
	
	
		.media-block {
			display: inline-block;
			width: 22%;
			height: auto;
			margin: 0 2% 2% 0;
			padding: 0;
			position: relative;
			overflow: hidden;
			text-align: right;
			vertical-align: bottom;
		}

			.media-block a {
				width: 100%;
				height: 100%;
				text-align: center;
				vertical-align: middle;			
			}
	

			.media-block img {
				width: 100%;
				height: auto;
				background-color: #503d2d;
				-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
			}

			.media-block a:hover img {
				width: 100%;
				height: auto;
				background-color: #c32528;	
			}
	
			.media-block:nth-of-type(1) a:hover img {background-color: rgb(132,189,0);}	
			.media-block:nth-of-type(2) a:hover img {background-color: rgb(255,105,0);}
			.media-block:nth-of-type(3) a:hover img {background-color: rgb(218,41,28);}
			.media-block:nth-of-type(4) a:hover img {background-color: rgb(37,107,162);}
			.media-block:nth-of-type(5) a:hover img {background-color: rgb(234,170,0);}
			.media-block:nth-of-type(6) a:hover img {background-color: rgb(132,189,0);}	
			.media-block:nth-of-type(7) a:hover img {background-color: rgb(255,105,0);}
			.media-block:nth-of-type(8) a:hover img {background-color: rgb(218,41,28);}
			.media-block:nth-of-type(9) a:hover img {background-color: rgb(37,107,162);}
			.media-block:nth-of-type(10) a:hover img {background-color: rgb(234,170,0);}
			.media-block:nth-of-type(11) a:hover img {background-color: rgb(132,189,0);}	
			.media-block:nth-of-type(12) a:hover img {background-color: rgb(255,105,0);}
			.media-block:nth-of-type(13) a:hover img {background-color: rgb(218,41,28);}
			.media-block:nth-of-type(14) a:hover img {background-color: rgb(37,107,162);}
			.media-block:nth-of-type(15) a:hover img {background-color: rgb(234,170,0);}

			.media-block strong {
				font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
				font-style: normal;
				font-weight: 400;
				font-size: 21px;
				line-height: 24px;
				color: #ffffff;
				text-align: center;
				vertical-align: middle;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
	
	
		
	
	
		.portfolio-grid h3 {
			font-family: 'BrooneRegular', Helvetica, Arial, Sans-Serif;
			font-style: normal;
			font-weight: 400;
			font-size: 32px;
			line-height: 42px;
			color: #b5b7bb;
		}
		
		.categories {
			margin: 40px 0;
			padding-left: 10px;
			text-align: left;
			vertical-align: top;
		}
		
		.portfolio-grid ul {
			display: inline-block;
			width: 25%;
			margin: 0 20px 0 0;
			padding: 10px 0;
			text-align: left;
			vertical-align: top;
		}
		
		.portfolio-grid li {
			margin: 0;
			padding: 0;
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-weight: 400;
			font-size: 14px;
			line-height: 21px;
			color: #503d2d;
			text-align: left;
		}
	
	
	
	.project {
		padding: 40px 0;	
	}
	
	.project-title {
		display: inline-block;
		width: 40%;
		margin: 0 -4px 0 0;
		padding: 0 0 10px 0;
		text-align: center;
		vertical-align: middle;
	}
	
		.project-title h1 {
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-weight: 700;
			font-size: 24px;
			line-height: 24px;
			color: #23585e;
		}
	
	
	article .project-services .half:first-of-type, article .project-services .half {
		padding-bottom: 0;	
	}
	
	.project-services {
		display: inline-block;
		width: 60%;
		margin: 0;
		padding: 0 0 0 0;
		text-align: center;
		vertical-align: middle;
		border-left: 1px solid #dadbdd;
	}
	
		.project-services ul {
			margin: 0 20px;
			padding: 20px 0 30px 0;
		}
		
		.project-services li {
			margin: 0;
			padding: 0;
			font-family: 'Plus Jakarta Sans', sans-serif;
			font-weight: 400;
			font-size: 14px;
			line-height: 21px;
			color: #503d2d;
		}
	
		.project-services li a {
			color: #503d2d;
		}
	
	.project-images {
		margin-top: 0;
		padding-top: 20px;
		border-top: 1px solid #dadbdd;
	}
	
		.project-images img {
			display: block;
			width: 100%;
			height: auto;
			margin: 10px 0;
			border-radius: 12px;
		}
	
	
	.back-to {
		margin: 25px auto;
	}
	
	.back-to a {
		padding: 10px 0 10px 40px;
		background: url(../images/arrowleft.png) left center no-repeat;
		background-size: 30px 30px;
		font-size: 18px;
		line-height: 18px;
		font-weight: 700;
		color: #f67422;
	}
	
	
	
/* --------------------------------- */
/* Footer Elements */
/* --------------------------------- */
	
	
	#Footer {
		background-color: #ffffff;
		padding: 60px 0;
	}
	
	.footer-container {
		width: 92%;
		max-width: 1280px;
		padding: 0 4%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	
	
	.footer-left {
		text-align: left;
	}

	
		
		.footer-logo {
			margin-bottom: 24px;
		}
	
		.footer-logo img {
			width: 100%;
			max-width: 320px;
		}
	
	
		#Footer ul {
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
		}
		
		#Footer ul li {
			text-align: left;
		}
		
		#Footer li a {
			margin: 0 20px 0 0;
			color: #f67422;
			font-style: normal;
			font-weight: 700;
			font-size: 18px;
			line-height: 18px;
		}
	
	
		#Footer li a:hover {
			color: #c32528;
			-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
		}
	
	
	
	.footer-right {
		text-align: right;
	}
	
		#Footer .social {
			margin: 0 0 40px 0;
		}
		
			#Footer .social img {
				width: 40px;
				height: auto;
				margin: 0 5px 0 0;
			}
		
		.copyright {
			font-size: 14px;
			line-height: 21px;
			color: #503d2d;
		}
	
	
	

/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Mobile */


@media screen and (max-width:769px){
	
/* Logo and Navigation */
	
	
	.white .menu-toggle.open span {
		background-color: #23585e !important;	
	}
	
	.white #Menu li a {
		color: #23585e !important;	
	}
	
	.bouncepath {
		padding-left: 4%;
	}
	
		.bouncepath img {
			max-width: 180px;
		}
	
	
	#Menu {
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 8;
		background-color: #fff7ef;
	}
	
		#Menu div {
			margin: 100px 8%;
			text-align: right;
		}
	
		#Menu ul li {
			display: block;
			text-align: right;
		}
	
	
	#hamburger {
		right: 4%;
	}
	
	.logo {
		padding-left: 4%;
	}
	
		.logo img {
			max-width: 180px;
		}
	
	
	
/* Content */
	
	
	#MainPanel {
		height: auto;
		overflow: hidden;
		background-position: 50% 24%;
  		background-size: 140% auto;
	}
		
		.main-panel--container {
			padding: 120px 4% 80px 8%;	
		}

			.main-panel--content {
				width: 90%;
			}

				.mpc-logo img {
					max-width: 240px;
				}

				.main-panel--content h2 {
					font-size: 32px;
					line-height: 42px;
					
				}

				.main-panel--content h1 {
				  font-size: 18px;
				  line-height: 24px;
				}

				.main-panel--content p {
				  line-height: 21px;
				}

				.mpc-buttons {
					display: flex;
					flex-wrap: wrap;
				}
	
					.mpc-buttons a {
						font-size: 18px;
						margin-bottom: 10px;
					}
	
	
				.team-photo span {
					opacity: 1;
				}
	
	
		.content-panel--container {
			flex-wrap: wrap-reverse;
		}
	
			.content-panel--left, .content-panel--right {
				flex-basis: 100%;	
			}
	
	
				.content-panel--right h3 {
					font-size: 42px;	
				}

				.content-panel--right h5 {
					font-size: 16px;
					line-height: 24px;
				}



				.journey-panel .animated-text-element {
					height: 44px;
					font-size: 15px;
					line-height: 22px;
				}

				.content-panel--right p {
					font-size: 16px;
					line-height: 24px;
				}

				p.gj-signatures {
					margin-bottom: 20px;
				}

				.gj-signatures img {
					width: 100%;
					max-width: 180px;
					height: auto;
				}
	
	
	
	.container {
		width: 92%;
	}
	
	article h1 {
		width: 92%;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 40px auto 30px auto;
	}
	
	article h2 {
		width: 92%;
		font-size: 2em;
		line-height: 1em;
		margin: 0 auto 30px auto;
	}
	
	
	
	article .half, article .half:first-of-type {
		display: block;
		width: auto;
		margin: 0 auto;
		padding: 0;
	}
	
	
	
	.strategy, .collateral, .media, .events {
		width: 90%;
		margin: 0 auto;
	}

		.do-content {
			width: calc(94% - 80px);
			padding: 40px;
		}
	
			.do-list {
				flex-wrap: wrap;
			}
	
				.do-list ol, .do-list ul {
				  flex-basis: 100%;
				}
	
					.do-list ul li, .do-list li ul li {
						margin-left: 10px;
					}
	
		
	
	.member {
		flex-basis: calc(45% - 20px);
	}

		.biopanel-content {
			height: 90%;
			overflow-y: scroll;
		}
	
			.biopanel-content img {
				float: none;
				padding: 0;
			}

	
	.client {
		flex-basis: calc(25% - 20px);
	}
	
	
	.category-block, .project-block {
		flex-basis: calc(45% - 20px);
	}
	

		.project-services {
			padding: 30px 0 30px 0;
		}
	
			.project-services .half {
				
			}
	
				.project-services ul {
					padding: 0;
				}
	
			
	
	
	
	
	
	
/* Footer */	
	
	.footer-container {
		flex-wrap: wrap;
	}

		.footer-left, .footer-right {
			flex-basis: 80%;
			margin: 0 auto;
			text-align: center;
		}
	
		.footer-left {
			margin: 0 auto 40px auto;
		}
	
	
			.footer-logo {
				width: 80%;
				max-width: 280px;
				margin: 0 auto 20px auto;
			}
	
			#Footer li a {
				margin: 0 10px;
			}
	
	
	
}

/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Desktop Landscape */

@media screen and (orientation:landscape){
	

	

}



/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Desktop */

@media screen and (min-width:769px){
	

	/* Shifts scrolltop to accomodate fixed menus. */	
	html {
		scroll-padding-top: 80px;
	}
	
	
	
	
				
}




/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Minor Adjustments for smaller desktop screens */

@media screen and (min-width:770px) and (max-width:1200px){
	
	
	
	#MainPanel {
		height: auto;
		padding: 80px 0;
	}
	
	.main-panel--intro {
		margin-bottom: 30px;
	}
	
	.content-panel--container {
		margin-top: -40px;
	}
	
	.mpc-logo img {
		max-width: 320px;
	}
	
	.main-panel--content h2 {
		font-size: 42px;
		line-height: 46px;
	}
	
	
	.mpc-buttons a {
		font-size: 18px;
	}
	
	
	
	.biopanel-content {
		height: 70vh;
	}
	
		.biopanel-content img {
			max-width: 280px;
		}
	
	
}



/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Larger than Phone up to 1020px Wide Desktop */

@media screen and (min-width:800px) and (max-width: 1020px) {

	
	.mpc-buttons {
		gap: 10px;
	}
	
	.mpc-buttons a {
		padding: 12px 26px;
		font-size: 16px;
	}
	
	
	

}



/* --------------- */	
/* --------------- */
/* --------------- */	
/* --------------- */
/* --------------- */	
/* --------------- */	
/* Desktop / Tablet Portrait */




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {


	
	
	
	
	

}





/* --------------- */	
/* --------------- */
/* --------------- */	
/* --------------- */
/* --------------- */	
/* --------------- */	
/* Mobile: Tablet Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {




	
	
}



		
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Greater than 1600px Wide Desktop */

@media screen and (min-width:1600px){
	

	
	
	
}




		
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Greater than 1800px Wide Desktop */

@media screen and (min-width:1800px){
	

	
	
	
}