/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.2 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:#FFFFFF; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: .67em 0; }

h2 { font-size: 1.5em; margin: .83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: .83em; margin: 1.67em 0; }

h6 { font-size: .67em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/* 1em = 16px */
html, body { width: 100%; padding: 0; margin: 0; }

body { padding: 0; margin: 0; background-color: #eee; }

body { font-family: 'Roboto', sans-serif; font-weight: 300; }

::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); }

::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); }

.container { width: 100%; margin: 0; }

.container .content { width: 100%; }

.content { padding: 0 0 0px 0; }

.content p.block { width: 65%; padding: 0.2em 0em; border-left: 0.6em solid #fff; }

.content span.highlight { background: #fff; line-height: 1.2em; padding: 0.2em 0; }

.arrowPageDown { display: block; width: 100%; color: #fff; font-size: 4em; text-decoration: none; text-align: center; }

#container { width: 65%; max-width: 645px; margin: 0 auto; }

#anim { width: 645px; height: 645px; /*background-image: url(../images/sections/Bombanimation.png);*/ position: relative; }

/*#anim {
	width:100%; max-width: 645px; height: 645px; background-image: url(../images/sections/B1.png);
	background-size:cover;
	margin:0 auto;
	position:relative;
}
*/

.toolbard {
display:none;
}

.awardlogo {
display:none;
float:left;
margin:6px 10px;
}

#aulink {

}

.staffmember { position: relative; color: #FFF; }

.stafflinkedin { position: absolute; left: 0px; bottom: 0px; z-index: 10; }

section#home { opactity: 1; }

header.bar h1 img { width: 116px; height: 52px; display: block; }
/*154*/

/* http://stackoverflow.com/questions/8752220/mobile-safari-bug-on-fixed-positioned-button-after-scrolltop-programmatically-ch?rq=1 */
.iosfix { height: 120%; overflow: hidden; }

/* clearfix */
/** For modern browsers 1. The space content is one way to avoid an Opera bug when the contenteditable attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that are clearfixed. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; }

/** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.cf { *zoom: 1; }

header.bar { height: 4.5em; background: #0370d3; position: fixed; width: 100%; top: 0; z-index: 200; -webkit-transform: translateZ(0); transform: translateZ(0); }

header.bar h1 { width: 154px; height: 52px; /*background:url('../images/logo.svg') transparent no-repeat;*/ text-indent: -2000px; margin: 10px 0 0 10px; float: left; font-size: 0.9em; }

header.bar .menu-link { position: absolute; right: 0; width: 4.5em; height: 4.5em; color: #fff; background-color: #3c95e5; border-left: 1px solid #fff; cursor: pointer; cursor: hand; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ }

header.bar .menu-link:before { display: inline-block; margin: 0.1em 0em 0.1em 0.175em; font-size: 3.4em; }

header.bar .contact { float: right; width: 44%; margin: 0.8em 0.5em 0 0; display: inline-block; text-align: right; }

/*
body.level-1 header.bar .contact {
	margin: 0.9em 5.5em 0 0;
}
*/
header.bar .contact a { color: #fff; text-decoration: none; margin-right: 1em; }

header.bar .email { display: block; }

header.bar h2 { display: none; }

/* level one pages */
body.level-1 header.bar .contact { display: none; }

body.level-1 header.bar .menu-link { display: inline-block; }

.toolbar { /*width: 100%;*/ height: 4.5em; text-align: right; background: #0370d3; position: fixed; top: 0em; z-index: 200; display: block; -webkit-transform: translateZ(0); transform: translateZ(0); right: 0; }

/* on level one pages - toolbar is part of nav drop down, until width > 768 */
.level-1 .toolbar { height: 3.2em; }

.toolbar a.box { color: #fff; text-decoration: none; line-height: 1.6em; }

.toolbar ul.language { float: right; margin: 0; padding: 0; width: 7em; line-height: 3.2em; }

.toolbar ul.language li { display: block; float: left; text-align: center; width: 33.3%; }

.toolbar ul.language li a { color: #fff; display: block; text-decoration: none; font-size: 1.0em; }

/* SOCIAL */
.toolbar .social { float: left; width: 12em; padding-left: 0.5em; text-align: left; }

.toolbar .social a { color: #fff; text-decoration: none; font-size: 1.2em; line-height: 2.8em; }

/* Level - 1 */
body.level-1 .toolbar { /*width: 100%;*/ height: 3.2em; text-align: right; background: #0370d3; position: relative; float:left; z-index: 200; display: none; right: 0; }

.nav-main { color: #fff; width: 100%; margin: 0 auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: preserve-3d; position: fixed; bottom: 0; top: inherit; }
.nav-main2 {
font-size: 0.7em;
}

.nav-main ul.nav-main2 { width: 100%; position: relative; background: #1b73d4; }

.nav-main ul.nav-main2, .nav-main ul.nav-main2 li { padding: 0; margin: 0; }

.nav-main ul li { float: left; width: 25%; }

.nav-main ul.nav-main2 a { font-weight: 300; font-size: 1.3em; padding: 0.6em 1em 1.6em 1.4em; position: relative; display: block; text-decoration: none; color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }

.nav-main ul.nav-main2 a:before { content: '+'; font-size: 1.2em; position: relative; top: -12px; left: 10px; }

nav li:nth-child(12) { display: none; }

/* colors */
nav ul.nav-main2 li:nth-child(1) { background: #459be4; }

nav ul.nav-main2 li:nth-child(2) { background: #1b73d4; }

nav ul.nav-main2 li:nth-child(3) { background: #2f7dcf; }

nav ul.nav-main2 li:nth-child(4) { background: #0f56ca; }

nav ul.nav-main2 li:nth-child(5) { background: #3ca2e5; }

nav ul.nav-main2 li:nth-child(6) { background: #1465c0; }

nav ul.nav-main2 li:nth-child(7) { background: #3c95e5; }

nav ul.nav-main2 li:nth-child(8) { background: #7eb8e8; }

nav ul.nav-main2 li:nth-child(9) { background: #459be4; }

nav ul.nav-main2 li:nth-child(12) { background: #7eb8e8; }

nav ul.nav-main2 li:nth-child(10) { background: #7eb8e8; }

nav ul.nav-main2 li:nth-child(11) { background: #7eb8e8; }

nav ul.nav-main2 li:nth-child(12) { background: #459be4; display: none; }

nav ul.nav-main2 li:nth-child(12):before { content: ''; }

/* borders */
/* 3 per line */
nav ul.nav-main2 li a { border: 1px solid #fff; border-width: 1px 1px 0px 0px; }

/*
nav li:nth-child(2) a,
nav li:nth-child(5) a,
nav li:nth-child(8) a {
	border-width: 1px 1px 1px 1px;
}
*/
/* selected */
.nav-main ul.nav-main2 a { -webkit-transition: -webkit-transform 200ms; -moz-transition: -moz-transform 200ms; -ms-transition: ms-transform 200ms; -o-transition: o-transform 200ms; transition: transform 200ms; font-weight: bold; }

.nav-main ul a.selected { background: #000; }

@font-face { font-family: 'gdm'; src: url("http://www.gdmdigital.com/fonts/gdm.eot?g1ph7u"); src: url("http://www.gdmdigital.com/fonts/gdm.eot?#iefixg1ph7u") format("embedded-opentype"), url("http://www.gdmdigital.com/fonts/gdm.ttf?g1ph7u") format("truetype"), url("http://www.gdmdigital.com/fonts/gdm.woff?g1ph7u") format("woff"), url("http://www.gdmdigital.com/fonts/gdm.svg?g1ph7u#gdm") format("svg"); font-weight: normal; font-style: normal; }

[class*="icon-"] { font-family: 'gdm'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-mail_icon:before { content: "\e601"; }

.icon-uniF000:before { content: "\f000"; }

.icon-google-plus:before { content: "\e000"; }

.icon-facebook:before { content: "\e001"; }

.icon-twitter:before { content: "\e002"; }

.icon-linkedin:before { content: "\e003"; }

.icon-menu:before { content: "\e600"; }

/* all sections */
section { position: relative; height: 100%; bottom: 0; overflow: hidden; /*background-position: 50% 0;*/ background-repeat: no-repeat; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity: 0; width: 100%; }

section h1 { color: #fff; /*font-size: 6em;*/ margin: 0; padding-top: 1em; }

section#section-1 h1, section#advertiser-desk h1 { position: relative; bottom: 0px; width: 100%; margin: 0; padding-top: 0; margin-bottom: 0.5em; }

section h2, section h3, section p { margin: 0; padding: 0; }

section .inner { height: 100%; margin: 4.5em 0em 0em 0em; width: auto; text-align: center; position: relative; }

section .leftalign { text-align: left; }

section .pageDown { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }

section .arrowPageDown { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; padding-bottom: 0em; /* change with media breakpoint */ }

@media only screen and (min-width: 768px) { section .inner { margin: 4.5em 184px 0em 0em; } body.level-1 .toolbar { position:fixed; } .nav-main .toolbarc {
	display:none;
  }

  .toolbard {
	display:block;
  } }
@media only screen and (min-width: 768px) and (orientation: portrait) { section .inner { margin: 4.5em 0em 0em 0em; }
  section .arrowPageDown { padding-bottom: 2.6em; /* change with media breakpoint */ } }
/* individual sections  - to be replaced */
body section .inner > div { -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; opacity: 1; }

body .content section#section-2-1.onStage div.panel-1, body .content section#section-2-1.onStage div.panel-2 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.27); transform: scale(1, 1); -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Safari and Chrome */ }

section h1 img { display: block; }

#section-1, #advertiser-desk { background-color: #FFC900; padding-bottom: 4em; }

#section-1 h1 img, #advertiser-desk h1 img { width: 100%; max-width: 570px; /*margin:0 auto;*/ }

#section-2, #affiliate-desk { /*background-color: #eb5055;*/ }

#section-2 h1 img, #affiliate-desk h1 img { width: 100%; max-width: 500px; }

#section-1-2 h1 span { background: #F2146F; }

#section-2-1 h1 span { background: #5D99F5; }

#section-2-2 { background-color: #f5e653; padding-bottom: 20em; }

#section-3 h1 img, #publisher-desk h1 img { width: 100%; max-width: 500px; }

#section-4-2 { background: #0370D3; }

#section-4-2 .inner { margin-top: 0; }

#section-4-2 .pageDown { background: #EEEEEE; }

#section-4-2 h1 { margin-top: 2em; }

#section-4-2 #topstaff img { width: 100%; display: block; }

#section-4-2 #secondtierstaff img { width: 100%; display: block; }

#section-5, #clients { background-color: #000; background-size: cover; background-repeat: no-repeat; }

#section-5 h1, #clients h1 { margin-bottom: 1em; margin-left: 0.5em; margin-top: 2em; }

#section-5 .inner, #about-us .inner { margin-top: 3em; }

#section-5 .block, #section-5 .bigblock, #clients .block, #clients .bigblock { float: left; text-align: left; }

#section-5 .block img, #clients .block img { width: 100%; text-align: left; /*max-width:180px;*/ display: block; }

#section-5 .bigblock img, #clients .bigblock img { width: 100%; text-align: left; display: block; }

#section-6-2 { /*background-color:#45C0EE ;*/ }

#section-6-4 { /*background-color:#E4E4E4;*/ }

section#section-7 .inner, section#contact .inner { margin-top: 0em; }

.c1 { background: #1465c0; }

.c2 { background: #7eb8e8; }

.c3 { background: #2f7dcf; }

.c4 { background: #5196DB; }

#section-6 h1 img, #technology h1 img { width: 100%; max-width: 400px; }

#section-6 h1, #technology h1 { color: #000; }

#section-6-2 h1 img { width: 100%; max-width: 400px; }

#section-6-3 h1 img { width: 100%; max-width: 400px; }

#section-6-4 h1 img { width: 100%; max-width: 400px; }


#section-6-5 h1 img { width: 100%; max-width: 400px; }

#section-6 h1 img.dsptitle, #section-6-2 h1 img.dmptitle, #technology h1 img.dsptitle { max-width: 250px; width: 55%; }

#section-8 .inner, #blog .inner { margin-top: 0; }

#section-8 h1, #blog h1 { padding-bottom: 1em; padding-left: 0.5em; padding-top: 3em; }

section .leftalign h1 { margin-top: 0.5em; padding-top: 0; }

.contenttext { width: 100%; text-align: left; max-width: 600px; margin: 0 auto; margin: 1em 0; }

section p { display: block; padding: 0 7px; }

section p span { box-shadow: 0 0 0 0.3em #FFF; line-height: 1.65em; font-size: 1.5em; font-weight: normal; padding: 0; background: #FFF; }

#sec1text { width: 100%; /*text-align:center;*/ text-align: left; max-width: 100%; /*margin:1em auto;*/ margin-top: 1em; }

/*#sec1text span {
box-shadow: 0 0 0 0.3em #FFF;
line-height:1.45em;
font-size:1.5em;
font-weight:normal;
padding:0;
}

#sec1text p {
display:block; padding:0 7px;
}
*/
p { display: block; padding: 0 5px; font-size: 1.75em; }

section h1 span { padding: 0; padding: 0 0.4em; }

.aboutusheader { position: relative; }

.aboutusheader h1 { position: absolute; top: 0em; }

#section-7, #contact { background: #FFF; }

section#section-8, section#blog { background: #FFF; background-size: cover; background-repeat: no-repeat; }
section#blog { overflow: visible; }
section.showfull { overflow: visible; }

section#section-8 h1, section#blog h1 { background: #000; }

#section-8 h1 img, #blog h1 img { /*width:100%;*/ display: block; }

.mobaddress { float: left; margin-left: 1.5% !important; color: #122338; }

.teltitle { float: left; width: 19%; margin-left: 1.5%; clear: both; color: #2764AE; }

.telnum { float: left; margin-left: 1.5%; width: 70%; }

.testc1 { background: #3b9fe2; }

.testc2 { background: #2f92cc; }

.testc3 { background: #7EB8E8; }

.testc4 { background: #2F7DCF; }

.testimonial img { margin: 1em 0; }

.mapnav { z-index: 100; position: absolute; margin: 10px 0px 0px 100px; left: 100px; bottom: 120px; width: 400px; height: 200px; color: #FFF; }

.officeblock { float: left; width: 200px; background-color: #000; opacity: 0.8; height: 268px; text-align: left; position: relative; }

.maplinks { float: left; width: 100px; }

.maplinks .maplinkt { float: left; width: 96px; height: 64px; background-color: #000; opacity: 0.8; }
.mapslinks2 .maplinkt {
float:right;
}

#uklink { margin-bottom: 4px; }

#uslink { margin-bottom: 4px; }

#delink { margin-bottom: 4px; }

.maplinks div.activemaplink { padding-right: 4px; }
.mapslinks2 div.activemaplink { padding-right: 0px; padding-left: 4px; }

.officename { font-size: 19px; }

.officeblockinner { margin: 10px; }

.contactaddress { margin: 8px 0; }

.bottomcontactmap { position: absolute; bottom: 10px; }

.contactemail a { color: #FFF; text-decoration: none; }

.maplinks div.linkinner { margin: 10px 10px; text-align: right; }

.mapheader { position: relative; }

img.headerctitle { position: absolute; bottom: 10px; left: 1em; }

.mapheader img.headerimg { width: 100%; display: block; }

.mapmoblocation { float: left; clear: both; width: 100%; margin-bottom: 20px; }

.abouttrust { width: 100%; display: block; }

.notopbottom { margin-top: 0 !important; margin-bottom: 0 !important; }

.fullwidth { width: 100% !important; }

.mobmenu { display: none; position: fixed; top: 72px; }

.ri-grid { margin: 30px auto 30px; position: relative; height: auto; margin: 0; }

.ri-grid ul { list-style: none; display: block; width: 100%; margin: 0; padding: 0; }

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.ri-grid ul:before, .ri-grid ul:after { content: ''; display: table; }

.ri-grid ul:after { clear: both; }

.ri-grid ul { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

.ri-grid ul li { -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; -ms-perspective: 400px; perspective: 400px; margin: 0; padding: 0; float: left; position: relative; display: block; overflow: hidden; /*background: #000;*/ }

.ri-grid ul li a { display: block; outline: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; /*background-color: #333;*/ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* Grid wrapper sizes */
.ri-grid-size-1 { width: 55%; }

.ri-grid-size-2 { width: 100%; }

.ri-grid-size-3 { width: 100%; margin-top: 0px; }

/* Shadow style */
.ri-shadow:after, .ri-shadow:before { content: ""; position: absolute; z-index: -2; bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); }

.ri-shadow:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }

.ri-grid-loading:after, .ri-grid-loading:before { display: none; }

.ri-loading-image { display: none; }

.ri-grid-loading .ri-loading-image { position: relative; width: 30px; height: 30px; left: 50%; margin: 100px 0 0 -15px; display: block; }

.techtitle { padding-bottom: 0.5em; }

section .blogtext p { padding: 0; line-height:1.3em; padding-bottom:10px; }

.blogtext p { font-size: 1em; }

.blogtext img { max-width:100%; }

#bombanim { width: 100%; }

.blogtext { padding-bottom: 1em; /*height:5em;*/ }

#section-2-1 { background-color: #fecd24; }

#section-2-1 .inner > div { margin: 0 auto; position: relative; }

#section-2-1 .panel-1 { text-align: left; width: 70%; margin: 7.5em 0em 0em 0em; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 500ms cubic-bezier(0.175, 0.885, 0.32, 1)); opacity: 0; }

#section-2-1 .panel-1 { font-size: 0.7em; }

#section-2-1 .panel-1 h2 { color: #c7a003; font-weight: 700; text-transform: capitalize; font-size: 4em; }

#section-2-1 .panel-1 h3 { color: #000; font-weight: 700; font-size: 2em; }

#section-2-1 .panel-1 h3 span { display: block; line-height: 1em; float: left; font-size: 2.4em; }

#section-2-1 .panel-1 p { color: #c7a003; font-size: 1em; }

#section-2-1 .panel-2 { width: 70%; min-height: 450px; max-height: 450px; background-image: url("../images/sections/panel2.png"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); /* IE 9 */ -webkit-transform: scale(0.5, 0.5); opacity: 0; }

@media only screen and (min-width: 480px) { section#section-2-1 .panel-1 { font-size: 0.8em; width: 40%; float: left; margin-right: 3em; }
  section#section-2-1 .panel-2 { width: 50%; float: left; } }
@media only screen and (min-width: 640px) { section#section-2-1 .panel-1 { font-size: 0.9em; } }
@media only screen and (min-width: 768px) { section#section-2-1 .panel-1 { font-size: 1em; } }
section.offStage h1 { z-index: 0; position: relative; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 500ms cubic-bezier(0.175, 0.885, 0.32, 1)); -webkit-transition: all; -moz-transition: all; -ms-transition: all; -o-transition: all; transition: all; }

section.onStage h1 { opacity: 1; -webkit-transform: translate3d(0, 0px, 0) !important; -moz-transform: translate3d(0, 0px, 0) !important; -ms-transform: translate3d(0, 0px, 0) !important; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ }

@media only screen and (min-width: 320px) { #media-query-breakpoint { content: '320'; }
#cookieconsent p {
font-size:0.8em;
margin-left:4em;
margin-right:1em;
float:inherit;
margin-top:0.4em;
}
  /* nav */
  .nav-main ul li { width: 33.3333333%; /*height:4.8em;*/ }
  .nav-main li:nth-child(9) { display: inline-block; }
  .nav-main li:nth-child(9) a { visibility: visible; display: block; }
  .nav-main li:nth-child(9) a:before { /*content: '';*/
content: "+";
    font-size: 1.2em;
    left: 10px;
    position: relative;
    top: -12px;

 }
  /* 3 per line */
  nav ul.nav-main2 li a { border: 1px solid #fff; border-width: 1px 0px 0px 0px; }
        /*
		nav li:nth-child(2) a, nav li:nth-child(5) a, nav li:nth-child(8) a { border-width: 1px 1px 0px 1px; }
		*/
  /* level one pages */
  /* header */
  body.level-1 header.bar .contact { display: none; }
  body.level-1 header.bar .menu-link { display: inline-block; }
  /* nav */
  body.level-1 .nav-main { position: fixed; top: 72px; right: 0; display: none; z-index: 200; }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 5px; left: 10px; font-size: 1.3em; font-weight: bold; }
  #section-4-2 #secondtierstaff .stafflinkedin img { width: 40px; }
  #secondtierstaff .staffname { position: absolute; bottom: 10px; left: 45px; font-size: 0.8em; font-weight: bold; text-align: left; z-index: 1; line-height:1em }
  #topstaff .stafftitle { position: absolute; top: 28px; left: 10px; text-align: left; width: 66%; }
  #secondtierstaff .stafftitle { position: absolute; bottom: 8px; left: 45px; font-size: 1em; text-align: left; z-index: 1; display: none; }
  .staffblurb { position: absolute; top: 50px; left: 10px; width: 320px; font-weight: bold; text-align: left; font-size: 0.7em; line-height: 12px; }
  section .inner { margin-top: 5.5em; }
  section .innerhome { margin-top: 5.5em; margin-left: 1em; margin-right: 1em; }
  #section-4-2 { /*
padding-bottom:5.5em;
*/ }
  #section-4-2 #secondtierstaff .staffmember { float: left; width: 50%; margin-left: 0%; }
  #section-4-2 #topstaff .stafflinkedin img { width: 30px; }
  /* #secondtierstaff .stafflinkedin { width:100%; background:#0370D1; } */
  .bottomstaffbg { width: 100%; background: #0370D1; position: absolute; bottom: 0; height: 40px; opacity: 0.5; }
  #section-5 .block, #clients .block { width: 33.33%; margin: 0%; }
  #section-5 .ri-grid ul li, #clients .ri-grid ul li { width: 25% !important; }
  #section-5 .bigblock, #clients .bigblock { width: 100%; margin: 0%; }
  section .margincontainer { margin: 5.5em 1em 1em 1em; }
  /* section#section-1 p span { font-size:0.8em; } */
  section p span { font-size: 0.6em; }
.testimonialtext p span { font-size: 0.6em; }
  /* section#home p span { font-size:0.9em; line-height:0.8em; } */
  p { font-size: 1.5em; }
  #section-6, #technology { background-position: 50% 0px; }
  #section-6-2 { background-position: 50% 0px; }
  .contenttext { width: 90%; max-width: 400px; padding-bottom: 0.37em; }
  .staffblurb { display: none; }
  .blogpost { height:35em; float: left; width: 100%; background: #FFF; margin-right: 0%; margin-bottom: 0em; text-align: left; position: relative; margin: 0; }
  .blogtop { width: 100%; position: relative; }
  .blogcontent { margin: 1em; margin-bottom: 5em; }
  .blogtop img { width: 100%; margin: 0; padding: 0; max-height: 20em; }
  .blog-title { position: absolute; bottom: 0px; color: #2f7dcf; font-weight: bold; font-size: 1.5em; border-left:10px solid #FFF; }
  .blog-title p { padding: 0 4px; }
  .blog-title span { background: #FFF; box-shadow: 0 0 0 0.23em #FFFFFF; /*line-height: 1.65em;*/line-height: 1.85em; padding-left: 0px; border-top:1px solid #FFF; }
  .blogdate { font-weight: bold; padding-bottom:10px; }
  .blogread { position: absolute; bottom: 0px; height: 66px; }
  .map { width: 100%; }
  .mapmob { display: block; text-align: left; }
  .mapdesk { display: none; }
  .callus, .mobmap { background: #122338; width: 47.75%; margin: 0 auto; height: 70px; position: relative; float: left; /*margin-top: 1.5%;*/ margin-top:1em; }
  .callus { margin: 1em 0% 0 1.5%; float: left; }
  .mobmap { margin: 1em 1.5% 0 0%; float: right; }
  .emailus { background: #122338; width: 97%; height: 70px; position: relative; float: left; margin: 0 1.5%; /*margin-top: 1em;*/ margin-top: 1.5%; }
  .mobcontactinnerbtn { text-align: center; vertical-align: middle; position: relative; top: 24%; margin: 0 auto; color: #FFF; font-size: 1.5em; }
  .mobcontactinnerbtn2 { text-align: center; vertical-align: middle; position: relative; top: 24%; margin: 0 auto; color: #FFF; font-size: 1.5em; }
  .officecontacttitle, .officecontactemail, .businessocontacttitle, .businessocontactemail, .businessocontactwebsite { float: left; clear: both; margin-left: 1.5%; }
  .officecontacttitle, .businessocontacttitle { color: #2764AE; margin-top: 17px; }
  .mobaddress { margin: 17px 0; text-align: left; }
  .mapmob a { color: #122338; text-decoration: none; }
  #section-4 h1 img, #about-us h1 img { width: 90%; max-width: 200px; }
  section .aboutusheader p span { font-size: 0.6em; }
  .aboutusheader .abouttextcontainer { position: absolute; top: 9.5em; margin-left: 1px; }
  section .aboutusheader .contenttext p { padding: 0 4px; padding-top: 10px; line-height: 0.7em; }
  .toolbar { display: none; }
  .testimonial { /*min-height: 200px;*/ width: 100%; float: left; }
  .testimonialtext { margin: 1em 1em; text-align:left; }
  .testimonialtext p { font-size:1.3em; padding:0 5px;}
  body.level-1 .toolbar { border-top: 1px solid #FFF; }
  .dv { display: none !important; }
/*pete*/
.infolinks {
position:relative;
width:100%;
text-align:left;
padding:0 1em;
background:#FFF;
color:#000;
padding-bottom:1em;
}
.infolinks a {
color:#000;
text-decoration:none;
}
#cookieconsent {
background-color:#FFFFFF;
position:absolute;
top:4.5em;
width:100%;
padding-top: 4px;
z-index:10;
border-bottom:1px solid #0370D3;
}


.cookieclose {
margin:10px;
width:2em;
float:left;
}

#cookieconsent p a {
text-decoration:none;
color:#000;
}

 /* .mv { display: block !important; } */
  nav ul.nav-main2 li:nth-child(2) a, nav ul.nav-main2 li:nth-child(5) a, nav ul.nav-main2 li:nth-child(8) a { border-width: 1px 1px 0; }
  nav ul.nav-main2 li:nth-child(1) a, nav ul.nav-main2 li:nth-child(4) a, nav ul.nav-main2 li:nth-child(7) a { border-width: 1px 0 0 0px; }
  nav ul.nav-main2 li:nth-child(3) a, nav ul.nav-main2 li:nth-child(6) a, nav ul.nav-main2 li:nth-child(9) a { border-width: 1px 0px 0 0; }
  img.aboutusheader { width: 100%; min-height: 38em; display: block; } }
@media only screen and (max-width: 480px) { .toolbar .social a { font-size: 1.4em; line-height: 2.4em; }
  .nav-main ul.nav-main2 a { padding: 1.0em 0.1em; }
  .nav-main a:before ul.nav-main2 { top: -14px; left: 9px; }
  .lastclient { display: none; }
  #section-5 h1 img, #clients hi img { width: 90%; max-width: 150px; }
  #section-8 h1 img, #blog h1 img { width: 90%; max-width: 110px; }
  section p { line-height: 0.7em; padding: 0 4px; }
  img.headerctitle { height: 2em; } }
@media only screen and (max-width: 768px) { body.level-1 .toolbar { width: 100%; }
  #sec1text p { font-size: 1.5em; } }
@media only screen and (min-width: 480px) { #media-query-breakpoint { content: '480'; }
  /* nav */
  .nav-main ul.nav-main2 { font-size: 0.875em; }
  .nav-main ul li { width: 25%; }
  .nav-main li:nth-child(9) a { display: block; }
  .nav-main ul.nav-main2 a:before { font-size: 1.3em; top: 0px; left: -8px; }
  /* 4 per line */
  nav ul.nav-main2 li a { border: 1px solid #fff; border-width: 1px 1px 0px 0px; }
  nav li:nth-child(2) a, nav li:nth-child(5) a { border-width: 1px 1px 0px 0px; }
  nav li:nth-child(4) a, nav li:nth-child(8) a { border-width: 1px 0px 0px 0px; }
nav li:nth-child(2) a, nav li:nth-child(5) a, nav li:nth-child(8) a {
border-width:1px 1px 0;
}  
#cookieconsent p {
font-size:0.8em;
}
/* level one pages */
  /* header */
  body.level-1 header.bar .contact { display: inline-block; margin: 0.8em 6em 0 0; }
  /* toolbar */
  body.level-1 .toolbar { }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 10px; left: 20px; font-size: 2em; font-weight: bold; }
  #topstaff .stafftitle { position: absolute; top: 50px; left: 20px; }
  .staffblurb { position: absolute; top: 80px; left: 20px; width: 350px; font-weight: bold; text-align: left; }
  #section-4-2 #secondtierstaff .staffmember { float: left; width: 25%; margin-left: 0%; }
  #section-5 .block, #clients .block { width: 20%; margin: 0%; }
  #section-5 .ri-grid ul li, #clients .ri-grid ul li { width: 20% !important; }
  #section-5 .bigblock { width: 60%; margin: 0%; }
  #section-6, #technology { background-position: 50% 0px; }
  section#section-1 p span, section#advertiser-desk p span { font-size: 0.8em; }
  section p span { font-size: 0.8em; }
  a {color:#0370D3; text-decoration:none;}

.testimonialtext p span { font-size: 0.65em; }
  .contenttext { width: 100%; max-width: 90%; background:#FFF;}
  section .margincontainer { margin: 5.5em 1em 1em 1em; }
  .staffblurb { display: block; }
  #secondtierstaff .staffname { font-size: 0.6em; }
  p { font-size: 1.75em; }
  .dv { display: block !important; }
  .mv { display: none !important; }
  img.aboutusheader { width: 100%; min-height: 40em; display: block; } }
@media only screen and (min-width: 640px) { #media-query-breakpoint { content: '640'; }
#cookieconsent p {
font-size:0.8em;
margin-left:1em;
margin-right:1em;
float:inherit;
}
  /* nav */
  .nav-main ul li { width: 33.33333%; }
  .nav-main ul li:nth-child(9) { display: inline-block; }
  .nav-main ul li:nth-child(9) a { visibility: visible; display: block; }
  /* 3 per line */
  nav ul.nav-main2 li a { border: 1px solid #fff; border-width: 1px 0px 0px 0px; }
  nav li:nth-child(2) a, nav li:nth-child(5) a, nav li:nth-child(8) a { border-width: 1px 1px 0px 1px; }
  /* toolbar */
  body.level-1 .toolbar { }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 10px; left: 20px; font-size: 2.5em; font-weight: bold; }
  #topstaff .stafftitle { position: absolute; top: 60px; left: 20px; }
  .staffblurb { position: absolute; top: 90px; left: 20px; width: 350px; font-weight: bold; text-align: left; }
  #section-4-2 #topstaff .stafflinkedin img { width: 48px; }
  #section-6, #technology { background-position: 50% 0px; }
  section .margincontainer { margin: 5.5em 1em 1em 1em; }
  .toolbar { display: block; }
  section .innerhome { margin-top: 10.0em; margin-left: 1em; margin-right: 1em; }
  .testimonial { width: 50%; }
  
  #section-4-2 #secondtierstaff .staffmember { width: 25%; }
  #secondtierstaff .staffname { font-size: 0.8em; }
  .blogtop img { max-height: 100%; }
  img.aboutusheader { width: 100%; min-height: 40em; display: block; } }
@media only screen and (min-width: 640px) { #media-query-breakpoint { content: '640'; }
  /* nav */
  .nav-main ul li { width: 33.33333%; }
  .nav-main ul li:nth-child(9) { display: inline-block; }
  .nav-main ul li:nth-child(9) a { visibility: visible; display: block;}
  /* 3 per line */
  nav ul.nav-main2 li a { border: 1px solid #fff; border-width: 1px 0px 0px 0px; }
  nav li:nth-child(2) a, nav li:nth-child(5) a, nav li:nth-child(8) a { border-width: 1px 1px 0px 1px; }
  /* toolbar */
  body.level-1 .toolbar {  }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 10px; left: 20px; font-size: 2.5em; font-weight: bold; }
  #topstaff .stafftitle { position: absolute; top: 60px; left: 20px; }
  .staffblurb { position: absolute; top: 90px; left: 20px; width: 350px; font-weight: bold; text-align: left; }
  #section-4-2 #topstaff .stafflinkedin img { width: 48px; }
  #section-6, #technology { background-position: 50% 0px; }
  section .margincontainer { margin: 5.5em 1em 1em 1em; }
  .toolbar { display: block; }
  section .innerhome { margin-top: 10.0em; margin-left: 1em; margin-right: 1em; }
  .testimonial { width: 50%; }
 
  #section-4-2 #secondtierstaff .staffmember { width: 25%; }
  #secondtierstaff .staffname { font-size: 0.8em; }
  .blogtop img { max-height: 100%; }
  img.aboutusheader { width: 100%; min-height: 40em; display: block; } }
@media only screen and (min-width: 768px) { #media-query-breakpoint { content: '768'; }
body.level-1 .toolbar { border-top: 0px; }

#cookieconsent p {
font-size:0.8em;
margin-left:1em;
margin-right:16em;
float:inherit;
}
  .nav-main ul li { width: 33.3333333%; }
  .nav-main { width: 100%; position: fixed; bottom: 0; }
  /* level one pages */
  body.level-1 .nav-main { /*width: 13.15em;*/ width: 11.55em; /*width:150px;*/ position: fixed; top: 72px; right: 0px; display: block; z-index: 9999; }
  .level-1 .nav-main ul { height: 100%; }
  .level-1 .nav-main ul li { height: 11.1%; min-height: 4em; position: relative; }
  .level-1 .nav-main ul li a { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-weight: bold; }
  .level-1 .nav-main ul li { width: 100%; }
  .level-1 .nav-main ul a { padding: 0.6em 1em 1.6em 1.4em; }
  .level-1 .nav-main ul.nav-main2 a:before { top: 1px; left: -8px; }
  /*.level-1 .nav-main li:nth-child(9) { display: none; }*/
	.level-1 .nav-main li:nth-child(9) { display: inline-block; }
  /* borders - stacked */
  .level-1 .nav-main li a { border: none; }
  .level-1 .nav-main li { border: 1px solid #fff; border-width: 0px 0px 1px 0px; }
  .level-1 .nav-main li:first-child { border-width: 1px 0px 1px 0px; }
  /*  move toolbar to top  */
  body.level-1 .toolbar { height: 4.5em; }
  body.level-1 .toolbar { display: block; width: 19em; }
  /*  shift toolbar content around */
  .toolbar .social { float: right; height: 4em; width: 11em; padding-top: 0.5em; border-left: 1px solid #fff; }
  .toolbar .social a { margin-top: 1em; }
  .toolbar ul.language { float: right; width: 7em; padding-top: 0.5em; }
  body.level-1 header.bar .menu-link { display: none; }
  /*  re-position header  */
  header.bar { position: fixed; top: 0; z-index: 200; width: 100%; background: #0370d3; }
  header.bar .contact { position: static; width: auto; float: right; margin: 1.4em 20em 0em 0em; }
  body.level-1 header.bar .contact { position: static; width: auto; float: right; margin: 1.4em 16em 0em 0em; }
  header.bar .email { display: inline-block; }
  body.level-1 header.bar .contact { margin-right: 19em; }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 10px; left: 20px; font-size: 2.5em; font-weight: bold; }
  #secondtierstaff .staffname { position: absolute; top: 10px; left: 10px; font-size: 1.1em; font-weight: bold; }
  #topstaff .stafftitle { position: absolute; top: 60px; left: 20px; }
  #secondtierstaff .stafftitle { position: absolute; top: 40px; left: 10px; }
  .staffblurb { position: absolute; top: 90px; left: 20px; width: 350px; font-weight: bold; text-align: left; }
  #section-6, #technology { background-position: 50% 0px; }
  section .margincontainer { margin: 5.5em 185px 1em 1em; }
  #section-4 h1 img, #about-us h1 img { width: 90%; max-width: 300px; }
  section .aboutusheader p span { font-size: 0.8em; }
  .aboutusheader .abouttextcontainer { position: absolute; top: 11.5em; }
  section .aboutusheader .contenttext p { padding: 0 7px; }
  .contenttext { width: 100%; max-width: 90%; }
  .bottomstaffbg { display: none; }
  #secondtierstaff .staffname { position: absolute; top: 10px; left: 10px; font-size: 1.0em; font-weight: bold; }
  #secondtierstaff .stafftitle { position: absolute; top: 40px; left: 10px; display: block; }
  #section-4-2 #secondtierstaff .staffmember { width: 25%; }
  .blogpost { width: 50%; height:49em; }
  .blog-title p { position: relative; left: 3px; }
  img.aboutusheader { width: 100%; min-height: 45em; display: block; } }
@media only screen and (min-width: 768px) and (orientation: portrait) { body.level-1 h1:after { /*content:'768 portrait';*/ }
  /* fix navigation to bottom */
  body.level-1 .nav-main { width: 100%; position: fixed; bottom: 0; top: inherit; }
  
  body.level-1 .nav-main ul li { width: 33.33333%; border: 0; }
  body.level-1 .nav-main li:nth-child(9) { display: inline-block; }
  /* borders - 3 per line */
  body.level-1 nav.nav-main li a { border: 1px solid #fff; border-width: 1px 0px 0px 0px; }
  body.level-1 nav.nav-main li:nth-child(2) a, body.level-1 nav.nav-main li:nth-child(5) a, body.level-1 nav.nav-main li:nth-child(8) a { border-width: 1px 1px 0px 1px; }
  section .margincontainer { margin: 5.5em 1em 1em 1em; } }
@media only screen and (min-width: 768px) and (orientation: landscape) { /* we only want this when we're in this mode and larger */
  .nav-main ul a.selected { -webkit-transform: translate3d(-20px, 0, 0); -moz-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 500ms); -o-transition: translate3d(-20px, 0, 0); transition: translate3d(-20px, 0, 0); width: 14.7em; }
  .mapdesk { display: none; }
  .mapmob { display: block; } }
@media only screen and (min-width: 980px) { #media-query-breakpoint { content: '980'; }

.awardlogo {
display:block;
}
#section-5 .ri-grid ul li, #clients ri-grid ul li { width: 16.66666% !important; }
  .pure-u-1-4 { width: 25%; }
  .nav-main > div > div:nth-child(9) { display: none; }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 10px; left: 50px; font-size: 4.5em; font-weight: bold; }
  #secondtierstaff .staffname { position: absolute; top: 10px; left: 10px; font-size: 1.2em; font-weight: bold; }
  #topstaff .stafftitle { position: absolute; top: 100px; left: 50px; }
  #secondtierstaff .stafftitle { position: absolute; top: 45px; left: 10px; }
  .mapdesk { display: block; }
  .mapmob { display: none; }
  .staffblurb { position: absolute; top: 140px; left: 50px; width: 450px; font-weight: bold; text-align: left; font-size: 1.1em; line-height: 20px; }
  section .margincontainer { margin: 5.5em 12.5em 1em 1em; }
  #section-4 h1 img, #about-us h1 img { width: 100%; max-width: 300px; }
  section .aboutusheader p span { font-size: 0.8em; }
  .aboutusheader .abouttextcontainer { position: absolute; top: 12.5em; }
  header.bar .email { display: none; }
  img.aboutusheader { width: 100%; min-height: 39em; display: block; } }
@media only screen and (min-width: 980px) and (orientation: landscape) { .mapdesk { display: none; }
  .mapmob { display: block; } }
@media only screen and (min-width: 1280px) { #media-query-breakpoint { content: '1280'; }
  /* Staff */
  #topstaff .staffname { position: absolute; top: 10px; left: 50px; font-size: 5em; font-weight: bold; }
  #secondtierstaff .staffname { position: absolute; top: 10px; left: 10px; font-size: 1.3em; font-weight: bold; }
  #topstaff .stafftitle { position: absolute; top: 100px; left: 50px; }
  #secondtierstaff .stafftitle { position: absolute; top: 45px; left: 10px; }
  .staffblurb { position: absolute; top: 140px; left: 50px; width: 450px; font-weight: bold; text-align: left; }
  section .margincontainer { margin: 5.5em 11.6em 1em 1em; }
  .blogpost { width: 33.33%; height:50em; }
  img.aboutusheader { width: 100%; min-height: 30em; display: block; } }
@media only screen and (min-width: 1280px) and (orientation: landscape) { .mapdesk { display: block; }
  .mapmob { display: none; } }