@font-face {font-family: NotoColorEmojiLimited; unicode-range: U+1F1E6-1F1FF; src: url('https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf');}
html,body {margin: 0px; padding: 0px; border: none; background: rgb(255,255,255); font-family: 'NotoColorEmojiLimited','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 16px; -webkit-appearance: none;}

/* generic header */
header.bod {background: rgb(255,255,255); display: block; height: auto; position: fixed; z-index: 10; top: 0px; left: 0px; width: 100%;}
div.wideBoy {display: block; position: relative; z-index: 10; top: 0px; left: 0px; margin: 0px auto; padding: 0px;}


picture.headLogo {display: block; position: absolute; z-index: 11; margin: 0px; padding: 0px; left: 1.5em; top: 2em; width: 61px; height: 61px;}
h6.h-card {display: block; position: absolute; z-index: 1; margin: 0px; padding: 0px; right: 1.5em; top: 2em; font-family: inherit; font-size: 2em; line-height: 1.2; font-weight: 200; color: rgb(22,0,65); text-decoration: none;}
span.p-tel {display: block; font-size: 1.1em;}
span.p-label,
span.p-org {font-size: 1em; font-weight: 300; color: rgb(178,12,68);}

picture.pageTheme {display: block; position: absolute; z-index: 0; margin: 0px; padding: 0px; left: 0px; top: 98px; width: 100%; height: auto;}
picture.pageTheme img {height: inherit; width: inherit; z-index: 0;}

div.holder {display: block; position: relative; z-index: 1; margin: 0px auto; padding: 0px; top: 0; width: 1280px; height: auto; text-align: left; font-family: inherit; vertical-align: top; background: rgb(237,240,239);}

div.copy {background: none; display: block; position: relative; z-index: 3; margin: 0px; padding: 0px 0px 4% 0px; top: 0px; left: 0px; width: 100%; height: auto; text-align: left; font-family: inherit;}

div.kerry {display: block; position: relative; z-index: 0; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: 108px; background: none; border: none;}

div#consentBackdrop {background: rgba(55,54,78,0.8); border: none; display: none; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 100;}
div#cookieConsent {background: rgb(255,255,255); border: solid 1px rgb(55,54,78); display: block; left: 50%; height: 40vw; overflow: scroll; position: absolute; top: 50%; transform: translate(-20vw,-20vw); width: 40vw; z-index: inherit;}
div#cookieConsent img {border: none; display: block; height: auto; margin: 4em auto 1em auto; max-width: 609px; padding: 0; position: relative; width: 80%; z-index: inherit;}
div#cookieConsent h5 {background: none; border: none; color: rgb(55,54,78); font-family: inherit; font-weight: 400; font-size: 1.75em; margin: 1em 10% 0.5em 10%; padding: 0; text-align: center; width: 80%; z-index: inherit;}
div#cookieConsent h6 {background: none; border: none; color: rgb(55,54,78); font-family: inherit; font-weight: 600; font-size: 1.25em; margin: 3em 10% 0.25em 10%; padding: 0; text-align: center; width: 80%; z-index: inherit;}
div#cookieConsent p {background: none; border: none; color: rgb(178,12,68); font-family: inherit; font-weight: 200; font-size: 1.25em; margin: 1.5em 10%; padding: 0; text-align: center; width: 80%; z-index: inherit;}
div#cookieConsent p button {background: rgb(55,54,78); border: none; border-radius: 0.5em; color: rgb(255,255,255); font-family: inherit; font-size: 1em; font-weight: 700; margin: 0 1em; padding: 0.5em 1em; text-align: center; width: auto; z-index: inherit;}
div#cookieConsent p button.accept:hover {background: rgb(11,178,122); cursor: pointer;}
div#cookieConsent p button.decline:hover {background: rgb(178,12,68); cursor: pointer;}
div#cookieConsent p.privacy {background: none; border: none; color: rgba(55,54,78,0.7); font-family: inherit; font-weight: 400; font-size: 1em; margin: 1.5em 10%; padding: 0; text-align: center; width: 80%; z-index: inherit;}

@media screen and (max-width: 70em)
	{
		div#cookieConsent {left: 50%; height: 60vh; top: 50%; transform: translate(-40vw,-30vh); width: 80vw;}
		div#cookieConsent p button {font-size: 0.8em;}
	}

/* generic content */
a:link,
a:visited,
a:hover {text-decoration: none; color: inherit;}
h1.intro {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; font-weight: 300; font-size: 3.2em; color: rgb(255,255,255); text-align: center; text-shadow: 0px 0px 3px rgb(0,0,0);}
h1.intro span.quals {text-transform: lowercase; font-variant: small-caps; font-weight: 400; font-size: 0.4em;}
p.homeIntro {display: block; position: relative; margin: 0px; padding: 2% 4% 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 200; font-size: 1.6em; color: rgb(120,114,114); text-align: center;}
p.homeIntroPLUS {display: block; position: relative; margin: 0px; padding: 0.25em 4%; top: 0px; left: 0px; font-weight: 200; font-size: 1.1em; line-height: 1.2; color: rgb(0,0,0); text-align: center;}

h2.copy,
h2.tech
	{display: block; position: relative; margin: 0px; padding: 5% 4% 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 900; font-size: 1.4em; line-height: 1.1; color: rgb(178,12,68); text-align: left;}

p.intro {display: block; position: relative; margin: 0px; padding: 1% 0px 1% 4%; top: 0px; left: 0px; font-weight: 700; font-size: 1.2em; line-height: 1.4; color: rgb(0,0,0); text-align: left;}
p.intro a.mobileContact:link,
p.intro a.mobileContact:visited,
p.intro a.mobileContact:hover {color: rgb(22,0,65); cursor: pointer; display: inline-block; float: right; clear: left; position: relative; margin: 1.75em 0px 2em 0px; padding: 0.5em 1em; border: solid 1px rgb(178,12,68); top: 0px; right: 0px; text-align: center; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1; background: rgba(255,255,255,1); text-decoration: none;}
p.intro a.mobileContact:hover {background: rgb(178,12,68); color: rgb(255,255,255);}

h3.copy,
h3.tech
	{display: block; position: relative; margin: 0px; padding: 0px 4% 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 700; font-size: 1.3em; line-height: 1.1; color: rgb(22,0,65); text-align: left;}
h4.tech {display: block; position: relative; margin: 0px; padding: 0.5em 4% 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 200; font-size: 1.2em; line-height: 1.2; color: rgb(178,12,68); border-bottom: solid 1px rgb(178,12,68); text-align: left; text-transform: capitalize;}
h4.tech span.status {display: inline-block; position: relative; margin: 0px 0px 0px -1.5em; padding: 0px 0.5em 0px 0px; width: 1em; font-weight: 700; color: rgb(22,0,65);}
p.copy,
p.tech {display: block; position: relative; margin: 0px; padding: 1% 0px 2% 4%; top: 0px; left: 0px; font-weight: 200; font-size: 1.1em; line-height: 1.4; color: rgb(0,0,0); text-align: left; width: 96%;}
p.copy span.tick {display: block; position: relative; margin: 0px; padding: 1% 0px 1% 12%; top: 0px; left: 0px; font-weight: 400; font-size: 1.1em; line-height: 1.4; color: rgb(0,0,0); text-align: left;}
p.copy span.tick:before {color: rgb(178,12,68); content: '✓'; display: inline-block; font-weight: 600; padding: 0px; position: absolute; margin: 0px 0px 0px -2em;}	

p.copy img,
p.tech img
	{display: block; position: relative; margin: 0px; padding: 0px 0px 3% 0px; top: 0px; left: 0px; width: 100%; border: none;}

img.copyHead,
img.copyPara {border: none; display: block; position: relative; margin: 0px; padding: 0.25em 4% 0.75em 4%; top: 0px; left: 0px; width: 92%;}

p.contact {display: block; position: relative; margin: 0px; padding: 1% 0 0 4%; top: 0px; left: 0px; font-weight: 200; font-size: 1.1em; line-height: 1.2; color: rgb(0,0,0); text-align: left; width: 95%;}
p.contact label.contact,
p.contact label.contactRequired {border: none; color: rgb(22,0,65); display: block; font-family: inherit; font-size: 0.9em; font-weight: 700; margin: 0; padding: 0 0 0.2em 0; width: 95%;}
p.contact label.contactRequired:after {content: "\026A0\0FE0F"; display: inline-block; font-size: 0.7em; margin: 0 0 0 1em; position: relative;}
p.contact select.contact {background: rgb(255,255,255); border: solid 1px rgb(22,0,65); color: rgba(22,0,65,0.5); font-family: inherit; font-size: inherit; font-weight: 500; margin: 0; padding: 0; width: calc(96% - 2em);}
p.contact input.contact,
p.contact input.contactSml,
p.contact input.contactMed {background: rgb(255,255,255); border: solid 1px rgb(22,0,65); color: rgba(22,0,65,0.5); font-family: inherit; font-size: inherit; font-weight: 500; margin: 0; padding: 0.2em 0.5%; width: calc(95% - 2em);}
p.contact input.contactMicro {background: rgb(255,255,255); border: solid 1px rgb(22,0,65); color: rgba(22,0,65,0.5); font-family: inherit; font-size: inherit; font-weight: 500; margin: 0; padding: 0.2em 0.5%; width: 6em;}
p.contact input.contact:focus,
p.contact input.contactSml:focus,
p.contact input.contactMed:focus,
p.contact select.contact:focus,
p.contact textarea.contact:focus {color: rgba(0,0,0,1);}
p.contact input.contactPref {background: rgb(255,255,255); border: solid 3px rgb(22,0,65); color: rgb(178,12,68); display: inline-block; font-size: 1.5em; margin: 0 0 0 1em; position: relative;}
p.contact textarea.contact {background: rgb(255,255,255); border: solid 1px rgb(22,0,65); color: rgba(22,0,65,0.5); font-family: inherit; font-size: inherit; font-weight: 500; height: 8em; margin: 0; padding: 0.2em 0.5%; width: calc(95% - 2em);}
p.contact input::placeholder,
p.contact textarea::placeholder {color: rgba(22,0,65,0.3);}
p.submit {display: block; position: relative; margin: 0px; padding: 2% 0 2% 4%; top: 0px; left: 0px; text-align: right; width: calc(93% - 4em);}
p.submit button.submit {background: rgb(22,0,65); border: solid 2px rgb(178,12,68); color: rgb(255,255,255); display: inline-block; height: auto; position: relative; margin: 1em 0; padding: 0.2em 1em; font-weight: 900; font-size: 1.4em; line-height: 1; width: auto;}
p.submit button.submit:hover {color: rgb(178,12,68); cursor: pointer;}

ol.copy,
ul.copy	{display: block; position: relative; margin: 0px 0px 0px 8%; padding: 1% 0px 4% 0px; top: 0px; left: 0px; font-weight: 200; font-size: 1.1em; line-height: 1.4; color: rgb(0,0,0); text-align: left;}
ol.copy li {display: list-item; margin: 0px 0px 0px 3em; padding: 0px; list-style-type: decimal; list-style-position: outside;}
ul.copy	li {display: list-item; margin: 0px 0px 0px 3em; padding: 0px; list-style-type: disc; list-style-position: outside;}
ol.copy a.copy:link,
ul.copy a.copy:link,
ol.copy a.copy:visited,
ul.copy a.copy:visited {color: rgb(22,0,65); display: block; font-weight: 500; font-size: 1.1em; position: relative; text-decoration: underline;}
ol.copy a.copy:hover,
ul.copy a.copy:hover {color: rgb(178,12,68); display: block; font-weight: 500; font-size: 1.1em; position: relative; text-decoration: underline;}

ol.copy li.exact,ul.copy li.exact,
ol.copy li.loose,ul.copy li.loose,
ol.copy li.partial,ul.copy li.partial {color: rgb(91,129,143); display: list-item; font-weight: 100; font-size: 1.1em; list-style-type: decimal; list-style-position: outside; margin: 0px 0px 1em 3em; padding: 0px;}
ol.copy a.serp:link,
ul.copy a.serp:link,
ol.copy a.serp:visited,
ul.copy a.serp:visited {color: rgb(22,0,65); display: block; font-weight: 500; font-size: 1.1em; position: relative; text-decoration: underline;}
ol.copy a.serp:hover,
ul.copy a.serp:hover {color: rgb(178,12,68); display: block; font-weight: 500; font-size: 1.1em; position: relative; text-decoration: underline;}

ol.tech,
ol.techNote,
ol.lawyerServices,
ul.tech,
ul.techNote,
ul.lawyerServices
	{display: block; position: relative; margin: 0px 0px 0px 8%; padding: 1% 0px 4% 0px; top: 0px; left: 0px; font-weight: 200; font-size: 1.1em; line-height: 1.4; color: rgb(0,0,0); text-align: left;}
@media screen and (min-width: 70em)
	{
		ol.copy,
		ul.copy,
		ol.tech,
		ol.techNote,
		ol.lawyerServices,
		ul.tech,
		ul.techNote,
		ul.lawyerServices {margin: 0px 0px 0px 2%; max-width: 60.5%;}
	}
ol.techNote,
ul.techNote {display: none;}
ol.tech li,
ol.techNote li,
ol.lawyerServices li,
ul.tech li,
ul.techNote li,
ul.lawyerServices li
	{display: list-item; margin: 0px; padding: 0px; list-style-type: disc; list-style-position: outside;}
ol.tech li a:link,
ol.techNote li a:link,
ol.lawyerServices li a:link,
ul.tech li a:link,
ul.techNote li a:link,
ul.lawyerServices li a:link
	{margin: 0px 0px 0.05em 0px; padding: 0px 0px 0.01em 0px; text-decoration: none; color: rgb(178,12,68); background: none; border: none; border-bottom: solid 1px rgb(178,12,68);}
ol.tech li a:visited,
ol.techNote li a:visited,
ol.lawyerServices li a:visited,
ul.tech li a:visited,
ul.techNote li a:visited,
ul.lawyerServices li a:visited
	{margin: 0px 0px 0.05em 0px; padding: 0px 0px 0.01em 0px; text-decoration: none; color: rgb(178,12,68); background: none; border: none; border-bottom: dotted 1px rgb(178,12,68);}
ol.tech li a:hover,
ol.techNote li a:hover,
ol.lawyerServices li a:hover,
ul.tech li a:hover,
ul.techNote li a:hover,
ul.lawyerServices li a:hover
	{margin: 0px 0px 0.05em 0px; padding: 0px 0px 0.01em 0px; text-decoration: none; color: rgb(55,54,78); background: none; border: none; border-bottom: solid 1px rgb(55,54,78);}

/* list items, terminated with [SPLIT], displayed inline to resemble (table) columns */
ul.tech li[class^="part"] {display: inline-block; list-style-type: none; list-style-position: inside; margin: 0; min-width: 30%; padding: 0; position: relative; vertical-align: top; width: auto;}

a.action:link,
a.action:visited,
a.action:hover {display: inline; position: relative; margin: 0; padding: 0; width: auto; text-decoration: underline; font-family: inherit; font-weight: inherit; font-size: inherit; color: rgb(178,12,68); background: none;}
a.action:hover {color: rgb(55,54,78);}
p.techNote
	{display: none; position: relative; margin: 0px; padding: 1% 0px 3% 4%; top: 0px; left: 0px; font-weight: 400; font-size: 1.1em; line-height: 1.4; color: rgb(0,0,0); text-align: left; width: 96%;}
a.more:link,
a.more:visited,
a.more:hover {display: block; position: relative; margin: 3% 0px 0px 0px; padding: 0.5em 1em; top: 0px; left: 0px; width: auto; border: solid 1px rgb(178,12,68); text-align: center; text-decoration: none; font-family: inherit; font-weight: 600; font-size: 0.9em; color: rgb(178,12,68); background: none;}
a.more:hover {color: rgb(255,255,255); background: rgb(55,54,78); background: rgba(71,71,97,0.8);}

h3.fixedFeeBANNER {display: block; position: relative; margin: 4% 0px 0px 0px; padding: 0.45em 0px 0.45em 4%; top: 0px; left: 0px; width: 96%; font-weight: 400; font-size: 1.85em; line-height: 1.2; color: rgb(22,0,65); background: rgb(178,12,68); text-align: left; clear: left;}
@media only screen and (min-width: 1434px)
	{
		h3.fixedFeeBANNER {padding: 0.45em 77px 0.45em 4%;}
		h3.fixedFeeBANNER:after {display: block; position: absolute; margin: 0px; padding: 0px; bottom: -77px; right: 0px; width: 77px; height: 77px; background: none; content: url(../web_images/assets/wxga/wrapFlag.png);}
	}
h3.fixedFeeBANNER span.fixedFee:before {display: inline-block; margin: 0px 0.4em -1px 0px; padding: 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
h3.fixedFeeBANNER span.fixedFee {padding-right: 1em; font-weight: 700; color: rgb(255,255,255);}
h3.fixedFeeBANNER span.call {font-weight: 400; color: rgb(255,255,255); padding-left: 1em; white-space: nowrap;}
div.fixedFeeBANNER {display: block; position: relative; margin: 0px 0px 4% 0px; padding: 0px; top: 0px; left: 0px; width: 100%; text-align: left; clear: left;}
div.fixedFeeBANNER picture {background: rgb(0,0,0); border: none; display: block; position: relative; margin: 0; padding: 0; top: 0px; left: 0px; width: 100%; height: auto;}
div.fixedFeeBANNER picture img {display: block; height: auto; margin: 0; position: relative; opacity: 0.7; width: 100%;}
div.fixedFeeBANNER p {display: block; position: absolute; z-index: 4; margin: 2em 4% 0px 4%; padding: 0px; top: 0px; left: 0px; width: 45%; text-align: left; font-family: inherit; font-weight: 400; font-size: 1.2em; line-height: 1.3; color: rgb(255,255,255);}
div.fixedFeeBANNER p strong {display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0px; top: 0px; left: 0px; width: 100%; text-align: left; font-family: inherit; font-weight: 700; font-size: 2em; line-height: 1.2;}
div.fixedFeeBANNER p a.callToACTION:link,
div.fixedFeeBANNER p a.callToACTION:visited,
div.fixedFeeBANNER p a.callToACTION:hover {display: inline-block; float: right; clear: left; position: relative; margin: 1.75em 0px 0px 0px; padding: 0.5em 1em; border: solid 1px rgb(255,255,255); top: 0px; left: 0px; text-align: left; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1; color: rgb(255,255,255); background: none; text-decoration: none;}
div.fixedFeeBANNER p a.callToACTION:hover {background: rgb(55,54,78); background: rgba(71,71,97,0.8);}

div.action {display: inline-block; float: right; margin: 0px 3%; padding: 0px; top: 0px; left: 0px; width: 29.33%; color: rgb(255,255,255); text-align: left; background: none;}
div.callback {display: block; position: relative; margin: 0px; padding: 4% 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: rgb(22,0,65);}
div.callback h4 {display: block; position: relative; margin: 0px; padding: 0px 0px 0px 4%; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 700; font-size: 1.4em; color: rgb(178,12,68);}
div.callback p {display: block; position: relative; margin: 0px; padding: 4% 0px 0px 4%; top: 0px; left: 0px; width: 80%; border: none; font-family: inherit; font-weight: 300; font-size: 1.2em; color: rgb(255,255,255);}
div.callback ul {display: block; position: relative; z-index: 4; margin: 2em 4% 0px 4%; padding: 0px; top: 0px; left: 0px; width: 80%; text-align: left; font-family: inherit;}
div.callback ul li:first-child {display: block; position: relative; margin: 1% 0px; padding: 0px 0px 0px 7.5%; width: 92.5%; border: none; font-family: inherit; font-size: 1.1em; font-weight: 600; color: rgb(178,12,68); list-style-type: none; list-style-position: inside;}
div.callback ul li {display: list-item; position: relative; margin: 1% 0px 2% 5%; padding: 0px 0px 0px 2.5%; width: 92.5%; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1.2; color: rgb(255,255,255); list-style-type: disc; list-style-position: outside;}

div.callback h5.h-card {display: block; position: relative; margin: 0px; padding: 4% 0px 4% 4%; top: 0px; left: 0px; width: 80%; border: none; font-family: inherit; font-weight: 700; font-size: 1.7em; color: rgb(255,255,255);}
div.callback span.p-tel {font-size: 0.7em;}
div.callback a:link,
div.callback a:visited,
div.callback a:hover {display: block; position: relative; margin: 4%; padding: 4% 0px; top: 0px; left: 0px; width: auto; border: solid 1px rgb(178,12,68); text-align: center; text-decoration: none; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(255,255,255); background: none;}
div.callback a:hover {background: rgb(55,54,78); background: rgba(71,71,97,0.8);}

div.footNotes {bottom: 38px; color: rgb(255,255,255); display: block; margin: 0px; padding: 0px; position: absolute; right: 38px; width: 29.33%; text-align: left; background: none;}
div.upper {display: block; position: relative; margin: 0px; padding: 4% 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: rgb(22,0,65);}
div.upper h6.fixedFeeBANNER {display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0.45em 0px 0.45em 4%; top: 0px; left: 0px; width: 96%; font-weight: 400; font-size: 1.3em; line-height: 1; color: rgb(22,0,65); background: rgb(178,12,68); text-align: left; clear: left;}

div.upper h6.fixedFeeBANNER span.fixedFee:before,
div.upper h6.fixedFeeBANNER span.fixedFeePLEDGE:before
	{display: inline-block; margin: 0px 0.4em -1px 0px; padding: 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
div.upper h6.fixedFeeBANNER span.fixedFee {font-size: 1.1em; font-weight: 700; color: rgb(255,255,255);}
div.upper h6.fixedFeeBANNER span.fixedFeePLEDGE {font-size: 1.1em; font-weight: 900; color: rgb(255,255,255);}
@media only screen and (min-width: 1434px)
	{
		div.upper h6.fixedFeeBANNER {width: 106.4%; padding: 0.45em 77px 0.45em 4%;}
		div.upper h6.fixedFeeBANNER:after {display: block; position: absolute; margin: 0px; padding: 0px; bottom: -77px; right: 0px; width: 77px; height: 77px; background: none; content: url(../web_images/assets/wxga/wrapFlag.png);}
	}
@media only screen and (max-width: 30em)
	{
		div.upper h6.fixedFeeBANNER {text-align: center;}
		div.upper h6.fixedFeeBANNER span.fixedFee,
		div.upper h6.fixedFeeBANNER span.fixedFeePLEDGE {display: block; position: relative;}
		div.upper h6.fixedFeeBANNER span.fixedFee:before,
		div.upper h6.fixedFeeBANNER span.fixedFeePLEDGE:before {margin: 0 0.4em -1px -12px;}
	}

div.upper p {display: block; position: relative; margin: 0px; padding: 4% 0px 0px 4%; top: 0px; left: 0px; width: 80%; border: none; font-family: inherit; font-weight: 300; font-size: 1.2em; color: rgb(255,255,255);}
div.upper ul {display: block; position: relative; z-index: 4; margin: 2em 4% 0px 4%; padding: 0px; top: 0px; left: 0px; width: 80%; text-align: left; font-family: inherit;}
div.upper ul li:first-child {display: block; position: relative; margin: 1% 0px; padding: 0px 0px 0px 7.5%; width: 92.5%; border: none; font-family: inherit; font-size: 1.1em; font-weight: 600; color: rgb(178,12,68); list-style-type: none; list-style-position: inside;}
div.upper ul li {display: list-item; position: relative; margin: 1% 0px 2% 5%; padding: 0px 0px 0px 2.5%; width: 92.5%; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1.2; color: rgb(255,255,255); list-style-type: disc; list-style-position: outside;}
div.upper a:link,
div.upper a:visited,
div.upper a:hover {display: block; position: relative; margin: 4%; padding: 4% 0px; top: 0px; left: 0px; width: auto; border: solid 1px rgb(178,12,68); text-align: center; text-decoration: none; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(255,255,255); background: none;}
div.upper a:hover {background: rgb(55,54,78); background: rgba(71,71,97,0.8);}

div.upper ul li.homeAreas:first-child {display: block; position: relative; margin: 1% 0px; padding: 0px 0px 0px 7.5%; width: 92.5%; border: none; font-family: inherit; font-size: 1.1em; font-weight: 600; color: rgb(178,12,68); list-style-type: none; list-style-position: inside; text-align: center;}
div.upper ul li.homeAreas {display: list-item; position: relative; margin: 1% 0px 2% 5%; padding: 0px 0px 0px 2.5%; width: 92.5%; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1.2; color: rgb(255,255,255); list-style-type: none; list-style-position: inside; text-align: center;}
div.upper a.homeAreas:link,
div.upper a.homeAreas:visited,
div.upper a.homeAreas:hover {display: block; position: relative; margin: 0; padding: 0; top: 0; left: 0; width: auto; border: none; text-align: center; text-decoration: none; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(255,255,255); background: none;}
div.upper a.homeAreas:hover {background: rgb(55,54,78); background: rgba(71,71,97,0.8);}


div.finder {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; right: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: none;}
h2.fixedFeeBANNER {display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0.45em 0px 0.45em 4%; top: 0px; left: 0px; width: 96%; font-weight: 400; font-size: 1.15em; line-height: 1; color: rgb(22,0,65); background: rgb(178,12,68); text-align: left; clear: left;}
h2.fixedFeeBANNER span.fixedFee:before,
h2.fixedFeeBANNER span.fixedFeePLEDGE:before
	{display: inline-block; margin: 0px 0.4em -1px 0px; padding: 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
h2.fixedFeeBANNER span.fixedFee {font-weight: 700; color: rgb(255,255,255);}
h2.fixedFeeBANNER span.fixedFeePLEDGE {font-size: 1.2em; font-weight: 900; color: rgb(255,255,255);}
h2.fixedFeeBANNER span.contactUs {font-size: 1.1em; font-weight: 900; color: rgb(255,255,255);}
@media only screen and (min-width: 1434px)
	{
		h2.fixedFeeBANNER {width: 106.4%; padding: 0.45em 77px 0.45em 4%;}
		h2.fixedFeeBANNER:after {display: block; position: absolute; margin: 0px; padding: 0px; bottom: -77px; right: 0px; width: 77px; height: 77px; background: none; content: url(../web_images/assets/wxga/wrapFlag.png);}
	}

div.bioLinks {display: block; position: relative; margin: 0px; padding: 4% 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: rgb(178,12,68);}
div.bioLinks h3 {display: block; position: relative; margin: 0px; padding: 0.5em 0px 0.5em 10%; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 700; font-size: 1.6em; color: rgb(255,255,255);}
div.bioLinks h4 {display: block; position: relative; margin: 0px; padding: 1% 0px 0px 10%; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 500; font-size: 1.4em; color: rgb(255,255,255);}
div.bioLinks ul {display: block; position: relative; margin: 0px; padding: 1% 0px 0px 10%; top: 0px; left: 0px; width: 80%; border: none; font-family: inherit; font-weight: 300; font-size: 1em; color: rgb(255,255,255);}
div.bioLinks ul li:first-child {display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0px; width: 100%; border: none; font-family: inherit; font-weight: 300; font-size: 1em; line-height: 1; color: rgb(22,0,65); list-style-type: none; list-style-position: inside;}
div.bioLinks ul li {display: block; position: relative; margin: 1% 0px 1% 0px; padding: 0px; width: 100%; border: none; font-family: inherit; font-weight: 300; font-size: 1em; line-height: 1; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
div.bioLinks ul li.tel {font-size: 1.2em; font-weight: 500; margin: 0.75em 0px 1% 0px;}
div.bioLinks ul li a.email:link {display: inline-block; margin-bottom: 0.75em; font-size: 1.2em; font-weight: 500; color: rgb(255,255,255); text-decoration: none; border-bottom: solid 1px rgb(255,255,255);}
div.bioLinks ul li a.email:visited {display: inline-block; margin-bottom: 0.75em; font-size: 1.2em; font-weight: 500; color: rgb(255,255,255); text-decoration: none; border-bottom: dotted 1px rgb(255,255,255);}
div.bioLinks ul li a.email:hover {display: inline-block; margin-bottom: 0.75em; font-size: 1.2em; font-weight: 500; color: rgb(55,54,78); text-decoration: none; border-bottom: solid 1px rgb(55,54,78);}
div.bioLinks ul li.socials a img {display: inline-block; margin: 0px 1em 0px 0px; padding: 0px; max-width: 29px; max-height: 27px; width: auto; border: none;}

div.blogLinks {display: block; position: relative; margin: 1.5em 0px 0px 0px; padding: 4% 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: rgb(91,129,143);}
div.blogLinks h3 {display: block; position: relative; margin: 0px; padding: 0.5em 0px 0.25em 10%; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.8em; color: rgb(255,255,255);}
div.blogLinks p {display: block; position: relative; margin: 0px; padding: 1em 10%; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 400; font-size: 1.2em; color: rgb(255,255,255);}
div.blogLinks ul {display: block; position: relative; margin: 0px; padding: 1% 0px 0px 10%; top: 0px; left: 0px; width: 80%; border: none; font-family: inherit; font-weight: 200; font-size: 1em; color: rgb(255,255,255);}
div.blogLinks ul li {display: block; position: relative; margin: 0.5em 0px; padding: 0px; width: 100%; border: none; font-family: inherit; font-weight: 200; font-size: 1em; line-height: 1; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
div.blogLinks ul li a:link {border: none; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 500; color: rgb(55,54,78); text-decoration: none;}
div.blogLinks ul li a:visited {border: none; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 500; color: rgb(55,54,78); text-decoration: none;}
div.blogLinks ul li a:hover {border: none; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 500; color: rgb(255,255,255); text-decoration: none;}

div[class^="personalStatement"] {display: block; position: relative; margin: 1% 0px 3% 4%; padding: 2%; top: 0px; left: 0px; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(206,211,210); text-align: left; width: 90%}
div[class^="personalStatement"] p {display: block; position: relative; margin: 4% 6% 0px 8%; padding: 0px 0px 1.2em 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.3em; font-style: italic; color: rgb(255,255,255);}
div[class^="personalStatement"] p q {display: inline-block; quotes: none; color: rgb(55,54,78);}
div[class^="personalStatement"] p q:before {display: block; position: absolute; left: -0.75em; top: -0.2em; content: "\201C"; font-size: 3em; font-weight: 900; line-height: 0.75; color: rgb(237,240,239);}
div[class^="personalStatement"] p q:after {display: inline-block; vertical-align: top; bottom: -1.5em; margin: 0px 0px 0px 0.1em; content: "\201D"; font-size: 3em; font-weight: 900; line-height: 0.75; color: rgb(237,240,239);}
div[class^="personalStatement"] p cite {display: block; position: relative; margin: 2% 0px 0px 0px; padding: 0px; width: auto; border: none; border-top: solid 1px rgb(55,54,78); font-family: inherit; font-weight: 300; font-size: 0.65em; font-style: normal; color: rgb(55,54,78); text-align: right;}


/* home page */
div.homePagePANELS {display: block;}
div.panel1 {display: block; margin: 0px 0px 1em 0px; padding: 0px; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(148,153,152); text-align: left;}
div.panel2 {display: block; margin: 0px 0px 1em 0px; padding: 0px; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(120,114,114); text-align: left;}
div.panel3 {display: block; margin: 0px 0px 1em 0px; padding: 0px; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(194,176,160); text-align: left;}
div.panel1 picture,
div.panel2 picture,
div.panel3 picture
	{display: inline-block; float: left; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto; border: none;}
div.panel1 picture img,
div.panel2 picture img,
div.panel3 picture img
	{width: inherit; height: inherit;}

div.panel1 h3,
div.panel2 h3,
div.panel3 h3
	{display: block; position: relative; margin: 2% 4% 0px 4%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.4em; color: rgb(178,12,68); letter-spacing: 0.03em;}
div.panel1 h2,
div.panel2 h2,
div.panel3 h2
	{display: block; position: relative; margin: 2% 4% 2% 4%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(55,54,78);}
div.panel1 p,
div.panel2 p,
div.panel3 p
	{display: block; position: relative; margin: 2% 4% 2% 4%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; color: rgb(255,255,255);}

div.homePagePANELS a.more:link,
div.homePagePANELS a.more:visited,
div.homePagePANELS a.more:hover {display: block; position: relative; margin: 3% 0px 0px 0px; padding: 0.5em 1em; top: 0px; left: 0px; width: auto; border: none; text-align: center; text-decoration: none; font-family: inherit; font-weight: 600; font-size: 1.2em; color: rgb(178,12,68); background: none;}
div.homePagePANELS a.more:hover {color: rgb(255,255,255); background: rgb(55,54,78); background: rgba(71,71,97,0.8);}

/* about */
div.lifeEvents {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: none; border: none;}
div.linkedEvents {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto; color: rgb(0,0,0); text-align: left; background: rgb(237,240,239); border: none;}
div.linkedEvents h2 {display: block; position: relative; margin: 0px; padding: 5% 8% 0px 8%; top: 0px; left: 0px; width: auto; font-weight: 900; font-size: 1.4em; line-height: 1.1; color: rgb(55,54,78); text-align: left;}
div.linkedEvents ul {display: block; position: relative; margin: 0px; padding: 5% 8% 7.5% 8%; top: 0px; left: 0px; width: auto; text-align: left;}
div.linkedEvents ul li {display: list-item; position: relative; margin: 0.25em 0px 0.25em 1em; padding: 0px 0px 0px 0.5em; width: auto; font-weight: 300; font-size: 1.2em; line-height: 1.2; color: rgb(55,54,78); list-style-type: disc; list-style-position: outside;}
div.linkedEvents ul li a:link {text-decoration: none; color: rgb(178,12,68); border-bottom: solid 1px rgb(178,12,68); background: none;}
div.linkedEvents ul li a:visited {text-decoration: none; color: rgb(178,12,68); border-bottom: dotted 1px rgb(178,12,68); background: none;}
div.linkedEvents ul li a:hover {text-decoration: none; color: rgb(55,54,78); border-bottom: solid 1px rgb(55,54,78);}
div.takeAction {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: inherit; color: rgb(0,0,0); text-align: left; background: rgb(208,177,220); border: none;}
div.takeAction h2 {display: block; position: relative; margin: 0px 0px 0.5em 0px; padding: 5% 0px 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 500; font-size: 1.5em; line-height: 1; color: rgb(255,255,255); text-align: left;}
div.takeAction label.convent {display: inline-block; position: relative; margin: 0px; padding: 0.5% 2% 0.5% 4%; top: 0px; left: 0px; width: 33%; font-family: inherit; font-weight: 200; font-size: 1.3em; line-height: 1; color: rgb(22,0,65);}
div.takeAction input.converse {display: inline-block; position: relative; margin: 0.5% 4% 0.5% 2%; padding: 3px; top: 0px; left: 0px; width: 53%; height: 1.2em; font-family: inherit; font-weight: 500; font-size: 1em; line-height: 1.2; border: solid 1px rgb(22,0,65);}
div.takeAction label.convert {display: inline-block; position: relative; visibility: hidden; margin: 0px; padding: 1.5% 2% 0.5% 4%; top: 0px; left: 0px; width: 33%; font-family: inherit; font-weight: 400; font-size: 1.3em; line-height: 1; color: rgb(22,0,65);}
div.takeAction input.convert {display: inline-block; position: relative; margin: 1.5% 4% 0.5% 2%; padding: 3px 0px; top: 0px; left: 0px; width: 26%; border: solid 1px rgb(178,12,68); text-align: center; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(22,0,65); background: rgba(255,255,255,0.5);}
div.takeAction input.convert:hover {background: rgb(55,54,78); background: rgba(71,71,97,0.8); color: rgb(255,255,255);}

div.ourPeople {display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0 0 1em 0; top: 0px; left: 0px; width: 100%; height: inherit; color: rgb(255,255,255); text-align: left; background: rgb(178,12,68); border: none;}
div.ourPeople h2 {display: block; position: relative; margin: 0px 0px 0.5em 0px; padding: 3% 0px 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 500; font-size: 1.2em; line-height: 1.2; color: rgb(255,255,255); text-align: left;}
div.ourPeople h2 img.portrait {background: rgb(255,255,255); display: inline-block; float: left; height: auto; margin: 0px 4% 0px 0px; padding: 0px; max-width: 24%; width: auto;}

div.ourPeople p {display: block; position: relative; margin: 0px; padding: 0px 0px 0px 4%; top: 0px; left: 0px; width: auto; font-weight: 200; font-size: 1.2em; line-height: 1.3; color: rgb(255,255,255); text-align: left;}
div.ourPeople a.connect:link,
div.ourPeople a.connect:visited,
div.ourPeople a.connect:hover {clear: left; display: block; position: relative; margin: 1em 0 1em 10%; padding: 0.5em 1em; right: 0; width: calc(80% - 2em); border: solid 1px rgb(255,255,255); text-align: center; text-decoration: none; top: 1em; font-family: inherit; font-weight: 600; font-size: 0.8em; color: rgb(255,255,255); background: none;}
div.ourPeople a.connect:hover {color: rgb(255,255,255); background: rgba(71,71,97,0.8);}

div.liveWorkPROSPER#live {background: rgb(148,153,152);}
div.liveWorkPROSPER#work {background: rgb(120,114,114);}
div.liveWorkPROSPER#prosper {background: rgb(194,176,160);}

div.liveWorkPROSPER picture {display: inline-block; float: left; position: relative; margin: 0px 0px 6% 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto; border: none;}
div.liveWorkPROSPER picture img {width: inherit; height: inherit;}
div.liveWorkPROSPER h3 {display: block; position: relative; margin: 2% 6% 0px 6%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.4em; color: rgb(178,12,68); letter-spacing: 0.03em;}
div.liveWorkPROSPER h4 {display: block; position: relative; margin: 2% 6% 2% 6%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(55,54,78);}
div.liveWorkPROSPER p {display: block; position: relative; margin: 2% 6% 2% 6%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; color: rgb(255,255,255);}

/* services */
div.socialEyes {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; background: none; border: none;}
div.clientQuote {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(206,211,210); text-align: left;}
div.clientQuote h3 {display: block; position: relative; margin: 0px 6% 4% 6%; padding: 1.5em 0px 0px 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.4em; color: rgb(178,12,68); letter-spacing: 0.03em;}
div.clientQuote h2 {display: block; position: relative; margin: 4% 6%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 500; font-size: 1.1em; line-height: 1.1; color: rgb(55,54,78);}
div.clientQuote p {display: block; position: relative; margin: 10% 6% 0px 12%; padding: 0px 0px 1.2em 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.3em; font-style: italic; color: rgb(255,255,255);}
div.clientQuote p q {display: inline-block; quotes: none; color: rgb(55,54,78);}
div.clientQuote p q:before {display: block; position: absolute; left: -0.6em; top: -0.2em; content: "\201C"; font-size: 3em; font-weight: 900; line-height: 0.75; color: rgb(237,240,239);}
div.clientQuote p q:after {display: inline-block; vertical-align: top; bottom: -1.5em; margin: 0px 0px 0px 0.1em; content: "\201D"; font-size: 3em; font-weight: 900; line-height: 0.75; color: rgb(237,240,239);}
div.clientQuote p cite {display: block; position: relative; margin: 2% 0px 0px 0px; padding: 2% 0px 0px 0px; width: auto; border: none; border-top: solid 1px rgb(55,54,78); font-family: inherit; font-weight: 300; font-size: 0.65em; font-style: normal; color: rgb(55,54,78); text-align: right;}

div.legalServiceLINKS {display: block; position: relative; margin: 10% 0px 0px 0px; padding: 0px 0px 10% 0px; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); text-align: left;}
div.legalServiceLINKS#live {background: rgb(206,211,210);}
div.legalServiceLINKS#work {background: rgb(120,114,114);}
div.legalServiceLINKS#prosper {background: rgb(194,176,160);}
div.legalServiceLINKS picture {display: block; position: relative; margin: 0px 0px 6% 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto; border: none;}
div.legalServiceLINKS picture img {width: inherit; height: inherit;}
div.legalServiceLINKS h3 {display: block; position: relative; margin: 2% 4% 0px 8%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 200; font-size: 1.4em; color: rgb(178,12,68); letter-spacing: 0.03em;}
div.legalServiceLINKS h2 {display: block; position: relative; margin: 2% 4% 2% 8%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 600; font-size: 1.2em; color: rgb(55,54,78);}
div.legalServiceLINKS ol,
div.legalServiceLINKS ul {display: block; position: relative; margin: 2% 4% 2% 8%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; color: rgb(255,255,255);}
div.legalServiceLINKS ol li,
div.legalServiceLINKS ul li {display: list-item; position: relative; margin: 0.25em 0px 0.25em 1em; padding: 0px 0px 0px 0.5em; width: auto; font-weight: 300; font-size: 1em; line-height: 1.2; color: rgb(55,54,78); list-style-type: disc; list-style-position: outside;}
div.legalServiceLINKS ol li a:link,
div.legalServiceLINKS ul li a:link {text-decoration: none; color: rgb(178,12,68); border-bottom: solid 1px rgb(178,12,68); background: none;}
div.legalServiceLINKS ol li a:visited,
div.legalServiceLINKS ul li a:visited {text-decoration: none; color: rgb(178,12,68); border-bottom: dotted 1px rgb(178,12,68); background: none;}
div.legalServiceLINKS ol li a:hover,
div.legalServiceLINKS ul li a:hover {text-decoration: none; color: rgb(55,54,78); border-bottom: solid 1px rgb(55,54,78);}

div.accordian {display: none; margin: 0px 4%; padding: 0px 0px 1em 0px; background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(55,54,78,0.1) 100%);}

/* lawyers */
div.lawyerGrid {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; background: none; border: none;}
div.lawyerGrid div.staffAZ {align-items: center; background: rgba(55,54,78,0.5); display: flex; flex-direction: column; height: 90%; justify-content: center; left: 0; margin: 0; opacity: 0; padding: 0; position: fixed; top: 5%; transform: translateX(-2em); transition: 2s all ease; width: 2em;}
div.lawyerGrid div.staffAZ.active {opacity: 1; transform: translateX(0);}
div.lawyerGrid div.staffAZ a.thumb:link,
div.lawyerGrid div.staffAZ a.thumb:visited {border: none; color: rgb(255,255,255); display: inline-block; margin: 0; padding: 0.2vh 0; text-align: center; text-decoration: none; width: 100%;}
div.lawyerGrid div.staffAZ a.thumb:hover {border: none; color: rgb(178,12,68); display: inline-block; margin: 0; padding: 0.2vh 0; text-align: center; text-decoration: none; width: 100%;}
div.lawyerPortrait {display: block; height: auto; margin: 0px; padding: 0px 0px 1em 0px; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; line-height: 1.2; color: rgb(0,0,0); background: rgb(206,211,210); text-align: left;}
/*
original cropped portraits deemed undesireable :'-( 
div.lawyerPortrait div.mount {background: rgb(255,255,255); border: none; display: block; height: auto; margin: 0; overflow: hidden; padding: 0 0 56.25% 0; position: relative; top: 0; left: 0; width: 100%;}
@media only screen and (min-width: 1434px)
	{
		div.lawyerPortrait h3.fixedFeeSPECIALIST {position: absolute; margin: -1em 0px 0px 0px; padding: 0.4em 30px 0.4em 4%; top: 60.4%; background: rgba(178,12,68,0.9);}
	}
*/
div.lawyerPortrait div.mount {background: rgb(255,255,255); border: none; display: block; height: auto; margin: 0; overflow: hidden; padding: 0 0 102.08% 0; position: relative; top: 0; left: 0; width: 100%;}
div.lawyerPortrait div.mount img {display: block; height: auto; left: 50%; margin: 0; position: absolute; transform: translate(-50%, -50%); top: 50%; width: 101%;}
div.lawyerPortrait h2 {display: block; position: relative; margin: 4% 4% 2% 4%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 500; font-size: 1.2em; color: rgb(178,12,68); text-align: center;}
div.lawyerPortrait p {display: block; position: relative; margin: 2% 4% 2% 4%; padding: 0px; top: 0px; left: 0px; width: auto; border: none; font-family: inherit; font-weight: 400; font-size: 0.9em; color: rgb(55,54,78); text-align: center;}
div.lawyerPortrait h3.fixedFeeSPECIALIST {display: block; position: relative; z-index: 3; margin: 0px; padding: 0.4em 2% 0.4em 2%; top: 0px; left: 0px; width: 96%; border: none; font-family: inherit; font-weight: 300; font-size: 1.1em; line-height: 1.2; color: rgb(22,0,65); background: rgb(178,12,68);}
@media only screen and (min-width: 1434px)
	{
		div.lawyerPortrait h3.fixedFeeSPECIALIST {position: absolute; margin: -1em 0px 0px 0px; padding: 0.4em 30px 0.4em 4%; top: 74.5%; background: rgba(178,12,68,0.9);}
		div.lawyerPortrait h3.fixedFeeSPECIALIST:after {display: block; position: absolute; margin: 0px; padding: 0px; bottom: -30px; right: 0px; width: 30px; height: 30px; background: none; content: url(../web_images/assets/wxga/wrapFlagSML.png);}
	}
div.lawyerPortrait h3.fixedFeeSPECIALIST span.fixedFee:before {display: inline-block; margin: 0px 0.4em -1px 0px; padding: 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
div.lawyerPortrait h3.fixedFeeSPECIALIST span.fixedFee {padding-right: 2%; font-weight: 700; color: rgb(255,255,255);}

img.lawyerBio {display: block; position: relative; margin: 0px; padding: 0px; width: 100%; height: auto; border: none;}

/* generic footer */
footer.bod {display: block; position: relative; z-index: 0; top: 0px; left: 0px; width: 100%; height: auto; background: rgb(255,255,255);}
footer.bod h6.fixedFootBANNER {display: block; position: relative; margin: 0px 0px 8% 0px; padding: 4%; top: 0px; left: 0px; width: 92%; font-weight: 300; font-size: 1.45em; line-height: 1.2; color: rgb(22,0,65); background: rgb(178,12,68); text-align: center;}
footer.bod h6.fixedFootBANNER span.call {display: inline-block; position: relative; font-weight: 200; color: rgb(255,255,255);}
div.toes {color: rgb(22,0,65); display: block; position: relative; z-index: 9; top: 0px; left: 10%; width: 80%; margin: 0px; padding: 3% 0px 2% 0px; border: none; border-bottom: solid 2px rgba(22,0,65,0.2); font-family: inherit;}
div.toes div.toenails {display: inline-block; position: relative; width: 100%; border: none; font-family: inherit; vertical-align: top;}
div.toes div.toenails ul {display: block; position: relative; left: 5%; width: 90%; margin: 0px; padding: 0px; border: none; font-family: inherit;}
div.toes div.toenails ul li:first-child {display: list-item; position: relative; width: inherit; margin: 0.5em 0px 0px 0px; padding: 0px; border: none; list-style-type: none; list-style-position: inside; font-family: inherit; color: rgb(178,12,68); font-size: 1.1em; font-weight: 500;}
div.toes div.toenails ul li {display: list-item; position: relative; width: inherit; margin: 0px 0px 0.2em 0px; padding: 0px; border: none; list-style-type: none; list-style-position: inside; font-family: inherit; color: rgb(22,0,65); font-size: 0.8em;}

div.sole {display: block; position: relative; z-index: 9; top: 0px; left: 10%; width: 80%; margin: 1% 0px; padding: 0px; border: none; font-family: inherit; text-align: left;}
div.sole img.logo {display: block; position: relative; z-index: 9; margin: 4% 4% 4% 0px; max-width: 100%; padding: 0px; top: 0px; width: 205px; height: auto; border: none;}
div.sole img.developer {border: none; bottom: 0; clip-path: inset(20px 0px 20px 0px); display: block; margin: 0 0 -20px 0; overflow: hidden; padding: 0; position: absolute; right: 0; width: 80px; z-index: 10;}
div.sole img.developer:hover {border: none; bottom: 0; clip-path: inset(40px 0px 0px 0px); display: block; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0; width: 80px; z-index: 10;}
div.sole div.low,
div.sole div.lowOne {color: rgb(22,0,65); display: inline-block; position: relative; width: 100%; border: none; font-family: inherit; vertical-align: top;}
div.sole div.lowOne div.vcard {display: block; position: relative; left: 5%; width: 90%; margin: 0px; padding: 0px; border: none; font-family: inherit;}
div.sole div.lowOne div.vcard div.type {display: block; position: relative; width: inherit; margin: 0px; padding: 0px; border: none; font-family: inherit; color: rgb(178,12,68); font-size: 1.1em; font-weight: 500;}
div.sole div.lowOne div.vcard div.adr {display: block; position: relative; width: inherit; margin: 0px; padding: 0px; border: none; font-family: inherit; color: inherit; font-size: 0.8em;}
div.sole div.lowOne div.vcard div.adr span {display: block; position: relative; width: inherit; margin: 0px; padding: 0px; border: none; font-family: inherit; color: inherit; font-size: inherit;}
div.sole div.lowOne div.vcard div.tel {display: block; position: relative; width: inherit; margin: 0.5em 0px; padding: 0px; border: none; font-family: inherit; color: inherit; font-size: 0.8em;}
div.sole div.low ul {display: block; position: relative; left: 5%; width: 90%; margin: 0px; padding: 0px; border: none; font-family: inherit;}
div.sole div.low ul li:first-child {display: list-item; position: relative; width: inherit; margin: 0.5em 0px 0px 0px; padding: 0px; border: none; list-style-type: none; list-style-position: inside; font-family: inherit; color: rgb(178,12,68); font-size: 1.1em; font-weight: 500;}
div.sole div.low ul li {display: list-item; position: relative; width: inherit; margin: 0px; padding: 0px; border: none; list-style-type: none; list-style-position: inside; font-family: inherit; color: rgb(22,0,65); font-size: 0.8em;}
div.sole div.low ul li#cookieAcceptanceSTATE {cursor: help;}
div.sole div.low ul li img.badge {border: none; display: block; height: auto; margin: 0.2em 0 0.5em 0; max-width: 147px; position: relative;}
div.sole div.low div.squeezer {border: none; display: block; height: auto; margin: 0.2em 0 0.5em 0; max-height: 110px; max-width: 147px; position: relative;}
div.sole div.low div.squeezer img {width: 100%;}

div.sole p.boilerplate {display: block; position: relative; width: 100%; top: 0px; left: 0px; margin: 10em 0px 5em 0px 0px; padding: 0 0 3em 0; border: none; font-family: inherit; color: rgba(22,0,65,0.8); font-size: 0.8em; font-weight: 300; line-height: 1.3; text-align: justify;}
div.sole p.boilerplate img.award {display: block; position: absolute; z-index: 9; margin: 0; padding: 0px; bottom: 100%; right: 0px; width: 200px; height: auto;}
div.sole p.boilerplate a:link,
div.sole p.boilerplate a:visited,
div.sole p.boilerplate a:hover {border: none; border-bottom: solid 1px rgba(22,0,65,0.4); cursor: pointer; text-decoration: none; color: inherit;}


/* breakpoint zero - VGA - generic mobile portrait (max-width: 289px) - (max-width: 20em) [1px = 1em/16px] */
@media only screen and (max-width: 20em)
	{
		div.wideBoy {margin: 0; padding: 10vw 0; width: 100%; height: auto; text-align: center;}

		picture.pageTheme {display: block; height: auto; position: relative; top: 50vw; width: 100%;}
		picture.pageTheme img {height: inherit; width: inherit; z-index: 0;}

		div.holder {background: rgb(255,255,255); top: 50vw; width: 100%;}

		picture.headLogo {display: inline-block; position: relative; z-index: 11; margin: 5vw; padding: 0px; left: 0; top: 0; width: 122px; height: 122px;}
		h6.h-card {display: none;}

		h1.intro {display: block; position: relative; margin: 1.5em 0px; padding: 0px; left: 5%; width: 90%; font-weight: 400; font-size: 1.3em; color: rgb(22,0,65); text-align: center; text-shadow: none;}

		h3.fixedFeeBANNER {display: block; position: relative; margin: 4% 0px 0px 0px; padding: 0.45em 4%; top: 0px; left: 0px; width: auto; font-weight: 400; font-size: 1.5em; line-height: 1.2; color: rgb(22,0,65); background: rgb(178,12,68); text-align: left; clear: left;}
		h3.fixedFeeBANNER span.fixedFee:before {display: inline-block; margin: 0px 0px -1px 0px; padding: 0px 0.4em 0px 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
		h3.fixedFeeBANNER span.fixedFee {display: block; margin: 0px 0px 0.25em 0px; font-weight: 700; color: rgb(255,255,255);}
		h3.fixedFeeBANNER span.call {font-weight: 400; color: rgb(255,255,255); padding-left: 0; white-space: nowrap;}
		div.fixedFeeBANNER {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; text-align: left; clear: left;}
		div.fixedFeeBANNER img {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto;}
		div.fixedFeeBANNER p {display: block; position: relative; z-index: 4; margin: 0px; padding: 1em 0px 0px 0px; top: 0px; left: 7.5%; width: 80%; text-align: left; font-family: inherit; font-weight: 200; font-size: 1.3em; line-height: 1.2; color: rgb(55,54,78);}
		div.fixedFeeBANNER p strong {display: block; position: absolute; margin: -10em 0px 0px 0px; padding: 0px; top: 0px; left: 0px; width: 80%; text-align: left; font-family: inherit; font-weight: 500; font-size: 0.9em; line-height: 1.3; color: rgb(255,255,255);}
		div.fixedFeeBANNER p a:link,
		div.fixedFeeBANNER p a:visited,
		div.fixedFeeBANNER p a:hover {margin: 1.25em 0px; background: rgb(55,54,78); background: rgba(71,71,97,0.8); border: solid 1px rgb(178,12,68);}

		div.ourPeople h2 img.portrait {display: block; float: none; height: auto; margin: 1em 0; max-width: 95%; width: auto;}

		div.fixedFeeBANNER p a.callToACTION:link,
		div.fixedFeeBANNER p a.callToACTION:visited,
		div.fixedFeeBANNER p a.callToACTION:hover {display: block; float: none; position: relative; margin: 0.75em 0px 1.75em 0px; padding: 0.5em 1em; border: solid 1px rgb(255,255,255); top: 0px; left: 0px; text-align: left; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1; color: rgb(255,255,255); background: rgba(55,54,78,0.8); text-decoration: none;}
		div.fixedFeeBANNER p a.callToACTION:hover {background: rgba(55,54,78,1);}

		div.action {display: block; position: relative; float: none; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: none;}

		div.footNotes {display: block; position: relative; bottom: unset; margin: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; right: unset; width: 92%;}

		div.sole div.low ul li img.badge {max-width: 90%;}
		div.sole div.low div.squeezer {max-width: 90%;}
	}


/* breakpoint one - VGA - generic mobile portrait (max-width: 479px) - (max-width: 29.9375em) [1px = 1em/16px] */
@media only screen and (min-width: 20em) and (max-width: 30em)
	{
		div.wideBoy {margin: 0 0px 6em 0px; width: 100%; height: auto;}
		picture.pageTheme {display: block; position: relative; z-index: 0; margin: 0px; padding: 0px; left: 0px; top: 98px; width: 100%; height: auto;}
		picture.pageTheme img {width: inherit; height: inherit;}

		div.holder {top: 10vw; width: 100%;}
		div.kerry {display: block; position: relative; z-index: 0; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: 144px; background: none; border: none;}
		picture.headLogo {display: block; position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.5em; width: 45px; height: 45px;}
		picture.headLogo img {width: inherit; height: inherit;}
		h6.h-card {left: 70px; top: 1.2em; font-size: 1.15em;}

		div.action {display: block; position: relative; float: none; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: none;}

		div.footNotes {display: block; position: relative; bottom: unset; margin: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; right: unset; width: 92%;}

		/* home page */
		div.panel1 {display: block; float: unset; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(148,153,152); text-align: left;}
		div.panel2 {display: block; float: unset; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(120,114,114); text-align: left;}
		div.panel3 {display: block; float: unset; top: 0px; left: 0px; width: 100%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(194,176,160); text-align: left;}
		div.panel1 picture,
		div.panel2 picture,
		div.panel3 picture
			{display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto; border: none;}
		div.panel1 picture img,
		div.panel2 picture img,
		div.panel3 picture img
			{width: inherit; height: inherit;}
		div.panel1 h3,
		div.panel2 h3,
		div.panel3 h3
			{font-weight: 200; font-size: 1.8em;}
		div.panel1 h2,
		div.panel2 h2,
		div.panel3 h2
			{font-weight: 600; font-size: 1.2em;}
		div.panel1 p,
		div.panel2 p
					{font-weight: 400; font-size: 1em; margin: 2% 4% 2em 4%;}
		div.panel3 p
			{font-weight: 400; font-size: 1em; margin: 2% 4% 2em 4%;}

		h1.intro {display: block; position: absolute; margin: -4em 0px 0px 0px; padding: 0px; left: 5%; width: 90%; font-weight: 400; font-size: 1.7em; color: rgb(255,255,255); text-align: center;}
		p.homeIntro {display: block; position: relative; margin: 0px; padding: 4% 4% 6% 4%; top: 0px; left: 0px; width: auto; font-weight: 200; font-size: 1.25em; color: rgb(120,114,114); text-align: center;}
		p.intro {display: block; position: relative; margin: 0px; padding: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; width: auto; font-weight: 500; font-size: 1.2em; line-height: 1.4em; color: rgb(0,0,0); text-align: left;}
		h3.copy {display: block; position: relative; margin: 8% 0 4% 0; padding: 0 4% 0 4%; top: 0px; left: 0px; width: auto; font-weight: 700; font-size: 1.4em; line-height: 1.1; color: rgb(22,0,65); text-align: left;}
		p.copy {display: block; position: relative; margin: 0px; padding: 0.25em 4% 0.75em 4%; top: 0px; left: 0px; max-width: none; width: auto; font-weight: 300; font-size: 1.1em; color: rgb(0,0,0); text-align: left;}

		h3.fixedFeeBANNER {display: block; position: relative; margin: 4% 0px 0px 0px; padding: 0.45em 4%; top: 0px; left: 0px; width: auto; font-weight: 400; font-size: 1.5em; line-height: 1.2; color: rgb(22,0,65); background: rgb(178,12,68); text-align: left; clear: left;}
		h3.fixedFeeBANNER span.fixedFee:before {display: inline-block; margin: 0px 0px -1px 0px; padding: 0px 0.4em 0px 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
		h3.fixedFeeBANNER span.fixedFee {display: block; margin: 0px 0px 0.25em 0px; font-weight: 700; color: rgb(255,255,255);}
		h3.fixedFeeBANNER span.call {font-weight: 400; color: rgb(255,255,255); padding-left: 0; white-space: nowrap;}
		div.fixedFeeBANNER {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; text-align: left; clear: left;}
		div.fixedFeeBANNER img {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto;}
		div.fixedFeeBANNER p {display: block; position: relative; z-index: 4; margin: 0px; padding: 1em 0px 0px 0px; top: 0px; left: 7.5%; width: 80%; text-align: left; font-family: inherit; font-weight: 200; font-size: 1.3em; line-height: 1.2; color: rgb(55,54,78);}
		div.fixedFeeBANNER p strong {display: block; position: absolute; margin: -10em 0px 0px 0px; padding: 0px; top: 0px; left: 0px; width: 80%; text-align: left; font-family: inherit; font-weight: 500; font-size: 0.9em; line-height: 1.3; color: rgb(255,255,255);}
		div.fixedFeeBANNER p a:link,
		div.fixedFeeBANNER p a:visited,
		div.fixedFeeBANNER p a:hover {margin: 1.25em 0px; background: rgb(55,54,78); background: rgba(71,71,97,0.8); border: solid 1px rgb(178,12,68);}

		div.fixedFeeBANNER p a.callToACTION:link,
		div.fixedFeeBANNER p a.callToACTION:visited,
		div.fixedFeeBANNER p a.callToACTION:hover {display: block; float: none; position: relative; margin: 0.75em 0px 1.75em 0px; padding: 0.5em 1em; border: solid 1px rgb(255,255,255); top: 0px; left: 0px; text-align: left; font-family: inherit; font-weight: 400; font-size: 0.9em; line-height: 1; color: rgb(255,255,255); background: rgba(55,54,78,0.8); text-decoration: none;}
		div.fixedFeeBANNER p a.callToACTION:hover {background: rgba(55,54,78,1);}

		div.ourPeople h2 img.portrait {display: block; float: none; height: auto; margin: 1em 0; max-width: 95%; width: auto;}

		div.action {display: block; position: relative; float: none; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; color: rgb(255,255,255); text-align: left; background: none;}

		div.footNotes {display: block; position: relative; bottom: unset; margin: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; right: unset; width: 92%;}

		div.footNotes {display: block; position: relative; bottom: unset; margin: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; right: unset; width: 92%;}
		div.upper ul li:first-child {display: block; position: relative; margin: 0px; padding: 0px 0px 0px 2.5%; width: 92.5%; border: none; font-family: inherit; font-size: 1.1em; font-weight: 600; color: rgb(178,12,68); list-style-type: none; list-style-position: inside;}
		div.upper ul li {display: inline-block; margin: 0px; padding: 0px 0px 0px 2.5%; width: 92.5%; list-style-position: inside;}

		div.sole p.boilerplate img.award {display: block; position: relative; z-index: 9; margin: 1em 0; padding: 0px; bottom: unset; top: 0px; left: 0px; right: unset; max-width: 200px; width: 100%; height: auto;}
	}

/* default style - based on SVGA - generic tablet portrait (min-width: 480px) and (max-width: 800px) - (min-width: 30em) and (max-width: 50em)*/
@media only screen and (min-width: 30em) and (max-width: 50em)
	{
		div.wideBoy {margin: 0px; width: 100%; height: 158px;}
		picture.pageTheme {display: block; position: relative; z-index: 0; margin: 0px; padding: 0px; left: 0px; top: 5vw; width: 100%; height: auto;}
		picture.pageTheme img {width: inherit; height: inherit;}

		div.holder {width: 100%;}
		div.kerry {display: block; position: relative; z-index: 0; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: 288px; background: none; border: none;}
		/* generic styling */
		h1.intro {display: block; position: absolute; margin: -4em 0px 0px 0px; padding: 0px; top: 0px; left: 10%; width: 80%; font-weight: 500; font-size: 2em; color: rgb(255,255,255); text-align: center; text-shadow: 0px 0px 2px rgb(55,54,78);}
		p.homeIntro {font-size: 1.1em;}
		p.intro {padding: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; width: 92%; font-size: 1.2em;}
		p.copy {padding: 0.25em 4% 0.75em 4%; top: 0px; left: 0px; max-width: none; width: 92%; font-size: 1.2em;}
		p.copy:first-child {text-align: justify;}

		h3.fixedFeeBANNER {display: block; position: relative; margin: 4% 0px 0px 0px; padding: 0.45em 4%; top: 0px; left: 0px; width: auto; font-weight: 400; font-size: 1.5em; line-height: 1.2; color: rgb(22,0,65); background: rgb(178,12,68); text-align: left; clear: left;}
		h3.fixedFeeBANNER span.fixedFee:before {display: inline-block; margin: 0px 0px -1px 0px; padding: 0px 0.4em 0px 0px; content: url(../web_images/assets/psFixedFEE.svg); vertical-align: middle;}
		h3.fixedFeeBANNER span.fixedFee {padding-right: 1em; font-weight: 700; color: rgb(255,255,255);}
		h3.fixedFeeBANNER span.call {font-weight: 400; color: rgb(255,255,255); padding-left: 0; white-space: nowrap;}
		div.fixedFeeBANNER {display: block; position: relative; margin: 0px 0px 4% 0px; padding: 0px; top: 0px; left: 0px; width: 100%; text-align: left; clear: left;}
		div.fixedFeeBANNER img {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: auto;}
		div.fixedFeeBANNER p {display: block; position: absolute; z-index: 4; margin: 2em 0px 0px 0px; padding: 0px; top: 0px; left: 7.5%; width: 85%; text-align: left; font-family: inherit; font-weight: 200; font-size: 1.3em; line-height: 1.2; color: rgb(255,255,255); color: rgba(255,255,255,0.8);}
		div.fixedFeeBANNER p strong {display: block; position: relative; margin: 0px; padding: 0px 0px 0.5em 0px; top: 0px; left: 0px; width: 100%; text-align: left; font-family: inherit; font-weight: 500; font-size: 1em; line-height: 1.1; color: rgb(255,255,255);}
		div.fixedFeeBANNER p a:link,
		div.fixedFeeBANNER p a:visited,
		div.fixedFeeBANNER p a:hover {margin: 1.25em 0px; background: rgb(55,54,78); background: rgba(71,71,97,0.8); border: solid 1px rgb(178,12,68);}

		div.ourPeople h2 img.portrait {display: block; float: none; height: auto; margin: 1em 0; max-width: 95%; width: auto;}

		div.action {display: inline-block; float: right; margin: 0px 4% 4% 3%; padding: 0px; top: 0px; left: 0px; width: 41%; color: rgb(255,255,255); text-align: left; background: none;}
		div.callback h4 {padding: 0px 8% 0px 8%;}
		div.callback p {padding: 4% 8% 0px 8%; font-size: 1em;}
		div.callback h5.h-card {padding: 4% 8%; font-size: 1.4em;}
		div.callback a:link,
		div.callback a:visited,
		div.callback a:hover {margin: 0px 8% 4% 8%;}

		div.footNotes {display: block; position: relative; bottom: unset; margin: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; right: unset; width: 92%;}
		div.upper ul li:first-child {display: block; position: relative; margin: 0px; padding: 0px 0px 0px 2.5%; width: 92.5%; border: none; font-family: inherit; font-size: 1.1em; font-weight: 600; color: rgb(178,12,68); list-style-type: none; list-style-position: inside;}
		div.upper ul li {display: inline-block; margin: 0px; padding: 0px 0px 0px 2.5%; width: 46%; list-style-position: inside;}

		picture.headLogo {display: block; position: absolute; margin: 0px; padding: 0px; left: 1.6em; top: 1.6em; width: 102px; height: 102px;}
		picture.headLogo img {width: inherit; height: inherit;}
		h6.h-card {right: 4em; top: 2.2em; font-size: 1.5em;}
	}

/* breakpoint two - SXGA - generic tablet landscape (min-width: 800px) - (min-width: 50em) */
@media only screen and (min-width: 50em) and (max-width: 70em)
	{
		div.wideBoy {margin: 0px; width: 100%; height: 128px;}
		picture.pageTheme {display: block; position: absolute; z-index: 0; margin: 0px; padding: 0px; left: 0px; top: 128px; width: 100%; height: auto;}
		picture.pageTheme img {width: inherit; height: inherit;}

		div.holder {margin-top: 10em; top: 15em; width: 100%;}
		div.kerry {height: 256px;}

		/* generic styling */
		h1.intro {display: block; position: absolute; margin: -3.5em 0px 0px 0px; padding: 0px; top: 0px; left: 0px; width: 100%; font-weight: 300; font-size: 3em; color: rgb(255,255,255); text-align: center; text-shadow: 0px 0px 2px rgb(55,54,78);}
		p.homeIntro {font-size: 1.1em;}
		p.intro {padding: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; width: 92%; font-size: 1.2em;}
		p.copy {padding: 0.25em 4% 0.75em 4%; top: 0px; left: 0px; max-width: none; width: 92%; font-size: 1.2em;}

		p.copy span.tick {max-width: 80%;}

		div.homePagePANELS {display: flex;}
		div.panel1 {display: inline-block; float: left; margin: 4.495% 0px 4.495% 4.495%; padding: 0px; top: 0px; left: 0px; width: 27.34%; min-height: 30em; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(148,153,152); text-align: left;}
		div.panel2 {display: inline-block; float: left; margin: 4.495% 0px 4.495% 4.495%; padding: 0px; top: 0px; left: 0px; width: 27.34%; min-height: 30em; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(120,114,114); text-align: left;}
		div.panel3 {display: inline-block; float: left; margin: 4.495% 0px 4.495% 4.495%; padding: 0px; top: 0px; left: 0px; width: 27.34%; min-height: 30em; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(194,176,160); text-align: left;}

		div.panel1 picture,
		div.panel2 picture,
		div.panel3 picture
			{display: block; position: relative; margin: 0px; padding: 0px 0px 1em 0px; top: 0px; left: 0px; width: 100%; height: auto; border: none;}

		div.panel1 h3,
		div.panel2 h3,
		div.panel3 h3,
		div.panel1 h2,
		div.panel2 h2,
		div.panel3 h2,
		div.panel1 p,
		div.panel2 p
			{margin: 4% 8% 4% 8%;}
		div.panel3 p
			{margin: 4% 8% 4% 8%;}

		div.fixedFeeBANNER p {width: 90%;}
		div.fixedFeeBANNER p strong {display: block; position: relative; margin: 0px 0px 1em 0px; padding: 0px; top: 0px; left: 0px; width: 70%; text-align: left; font-family: inherit; font-weight: 700; font-size: 1.3em; line-height: 1.1;}
		div.fixedFeeBANNER p a:link,
		div.fixedFeeBANNER p a:visited,
		div.fixedFeeBANNER p a:hover {display: block; position: relative; width: auto;background: rgb(55,54,78); background: rgba(71,71,97,0.8); border: solid 1px rgb(178,12,68); text-align: center;}

		div.action {margin: 0px 4% 0px 6%;}
		div.callback {margin: 0px 0px 6% 0px;}
		div.callback h4 {padding: 0px 0px 0px 6%; font-size: 1.2em;}
		div.callback p {padding: 6% 0px 0px 6%; font-size: 1.1em;}
		div.callback h5.h-card {padding: 1% 0px 0px 6%; font-size: 1.4em;}
		div.callback a:link,
		div.callback a:visited,
		div.callback a:hover {margin: 6%; padding: 6% 0px;}
		
		div.footNotes {display: block; position: relative; bottom: unset; margin: 0.25em 4% 1.25em 4%; top: 0px; left: 0px; max-width: none; right: unset; width: 92%;}
		div.upper ul li:first-child {display: block; position: relative; margin: 0px; padding: 0px 0px 0px 2.5%; width: 92.5%; border: none; font-family: inherit; font-size: 1.1em; font-weight: 600; color: rgb(178,12,68); list-style-type: none; list-style-position: inside;}
		div.upper ul li {display: inline-block; margin: 0px; padding: 0px 0px 0px 2.5%; width: 46%; list-style-position: inside;}

		picture.headLogo {display: block; position: absolute; margin: 0px; padding: 0px; top: 2em; left: 3em; width: 432px; height: 61px;}
		picture.headLogo img {width: inherit; height: inherit;}
		h6.h-card {right: 3em; top: 1.5em; font-size: 1.5em;}

		footer.bod h6.fixedFootBANNER {margin: 0px; padding: 0.45em 0px; font-size: 1.4em; width: 100%;}
		footer.bod h6.fixedFootBANNER span.call {display: inline-block; position: relative; font-weight: 200; color: rgb(255,255,255);}
		div.toes div.toenails {width: 33%;}
		div.toes div.toenails ul li:first-child {width: 100%; border-bottom: solid 1px rgb(178,12,68); padding-bottom: 0.05em; margin-bottom: 0.25em;}

		div.sole {vertical-align: top;}
		div.sole img.logo {margin: 2% 0px 4% -205px; padding: 0px; top: 0px; left: 100%; width: 205px; height: auto; border: none;}
		div.sole div.low,
		div.sole div.lowOne
			{width: 25%;}
		div.sole div.low ul li {margin: 0.75em 0px; line-height: 1;}
		div.sole div.low ul li:first-child {margin: 0px;}

		div.sole p.boilerplate {display: block; position: relative; width: 100%; top: 0px; left: 0px; margin: 6em 0px; padding: 0 0 3em 0; border: none; font-family: inherit; color: rgba(22,0,65,0.8); font-size: 0.8em; font-weight: 300; line-height: 1.3; text-align: justify;}
		div.sole p.boilerplate img.award {display: block; position: absolute; z-index: 9; margin: 0px; padding: 0px; bottom: 110%; right: 0; width: 150px; height: auto;}
	}

/* breakpoint three - WXGA - generic laptop/desktop landscape (min-width: 1280px) - (min-width: 70em) */
@media only screen and (min-width: 70em) /* and (max-width: 130em) */
	{
		body {background: rgb(237,240,239);}

		div.wideBoy {height: 158px; margin: 0px auto; max-width: 1280px; width: 100%;}

		picture.pageTheme {display: block; position: absolute; z-index: 0; margin: 0px; padding: 0px; left: 0px; top: 158px; width: 100%; height: auto;}
		picture.pageTheme img {width: inherit; height: inherit;}

		picture.headLogo {display: block; position: absolute; margin: 0px; padding: 0px; top: 3em; left: 3em; width: 432px; height: 61px;}
		picture.headLogo img {width: inherit; height: inherit;}
		h6.h-card {right: 3em; top: 1.25em;}

		div.holder {margin-top: 12em; top: 16em;}
		div.copy {background: rgb(255,255,255);}
		div.kerry {display: block; position: relative; z-index: 0; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; height: 256px; background: none; border: none;}

		h1.intro {position: absolute; margin: -2.8em 0px 0px 0px;}
		h2.copy {max-width: 60.5%; line-height: 1.3;}
		p.intro {margin: 1.2em 0px 0px 0px; max-width: 60.5%;}
		p.intro a.mobileContact:link,
		p.intro a.mobileContact:visited,
		p.intro a.mobileContact:hover {display: none;}
		p.copy {max-width: 60.5%;}
		p.copy img {display: inline-block; position: relative; float: left; margin: 0px 4% 3% 0px; padding: 0px; top: 0px; left: 0px; max-width: 46%; border: none;}

		p.copy span.tick {max-width: 80%;}

		img.copyHead,
		img.copyPara {padding: 1% 0px 2% 4%; width: 60.5%;}

		p.contact input.contactSml {width: 31%;}
		p.contact input.contactMed {width: 62%;}

		div.homePagePANELS {display: flex;}
		div.panel1 {display: inline-block; float: left; margin: 3% 0px 3% 3%; padding: 0px 0px 1.5% 0px; top: 0px; left: 0px; width: 29.33%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(148,153,152); text-align: left;}
		div.panel2 {display: inline-block; float: left; margin: 3% 0px 3% 3%; padding: 0px 0px 1.5% 0px; top: 0px; left: 0px; width: 29.33%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(120,114,114); text-align: left;}
		div.panel3 {display: inline-block; float: left; margin: 3% 0px 3% 3%; padding: 0px 0px 1.5% 0px; top: 0px; left: 0px; width: 29.33%; font-weight: 200; font-size: 1em; color: rgb(0,0,0); background: rgb(194,176,160); text-align: left;}

		div.panel1 picture,
		div.panel2 picture,
		div.panel3 picture
			{display: block; position: relative; margin: 0px; padding: 0px 0px 2em 0px; top: 0px; left: 0px; width: 100%; height: auto; border: none;}

		div.fixedFeeBANNER p a:hover{border: solid 1px rgb(178,12,68);}

		div.callback h4 {padding: 0px 0px 0px 6%;}
		div.callback p {padding: 6% 0px 0px 6%;}
		div.callback h5.h-card {padding: 2% 0px 1% 6%;}

		/* about */
		div.finder {position: absolute; margin: 5% 3% 0px 3%; width: 29.33%;}
		@media only screen and (min-width: 1434px)
			{
				h2.fixedFeeBANNER {width: 106.4%; margin: 0px 0px 10.4% 0px; padding: 0.45em 77px 0.45em 4%;}
			}

		div.lifeEvents {display: block; position: relative; margin: 0px 0px 4% 0px; left: 4%; width: 93%;}
		div.linkedEvents {display: block; position: relative; width: 31.7%; height: 100%;}
		div.takeAction {display: inline-block; position: absolute; margin: 0px 0px 0px 15%; width: 200%; left: 100%;}
		div.takeAction h2 {padding: 2.5% 0px 0px 4%;}

		div.ourPeople {display: inline-block; position: absolute; margin: 0px 0px 0px 15%; padding: 0px 77px 0px 0px; width: 190.2%; left: 100%;}
		@media only screen and (min-width: 90em)
			{
				div.ourPeople {width: 211%;}
				div.ourPeople:after {display: block; position: absolute; margin: 0px; padding: 0px; bottom: -77px; right: 0px; width: 77px; height: 77px; background: none; content: url(../web_images/assets/wxga/wrapFlag.png);}
			}
		div.ourPeople a.connect:link,
		div.ourPeople a.connect:visited,
		div.ourPeople a.connect:hover {bottom: 1.5em; position: absolute; right: 2em; top: unset; width: auto;}

		div.liveWorkPROSPER {bottom: 0; display: block; left: 4%; margin: 0 0 4% 0; padding: 0px 0px 2% 0px; position: absolute; width: 29.33%;}

		h2.tech {left: 0px; margin: 0px 4% 0px 38%; padding: 1% 0px 3% 0px;}
		h3.tech {left: 0px; margin: 0px 4% 0px 38%; padding: 1% 0px;}
		p.tech {left: 0px; margin: 0px 4% 0px 38%; padding: 1% 0px 2% 0px; max-width: 56.5%;}

		ol.tech,
		ol.techNote,
		ul.tech,
		ul.techNote
			{left: 0px; max-width: 55.5%; margin: 1% 0px 1% 38%; padding: 1% 0px 1% 2%;}
		h4.tech {left: 0px; margin: 0px 4% 0px 38%; padding: 0.5em 0px 0.05em 0px;}
		p.techNote {left: 0px; max-width: 55.5%; margin: 0px 0px 0px 38%; padding: 2% 0px 2% 1%;}

		div.socialEyes {display: inline-block; float: left; margin: 0px 0px 3% 3%; padding: 0px 0px 3% 0px; width: 29.33%;}
		div.clientQuote {display: block; position: relative; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 100%; border: none;}

		/* lawyers */
		div.lawyerGrid a.img {display: inline-block; position: relative; margin: 0px 0px 3% 4%; padding: 0px; width: 28%; border: none;}
		div.lawyerGrid div.staffAZ {background: rgba(55,54,78,1); height: 56%; top: 22%; width: 4em;}
		div.lawyerGrid div.staffAZ a.thumb:link,
		div.lawyerGrid div.staffAZ a.thumb:visited {font-weight: 900;}
		div.lawyerGrid div.staffAZ a.thumb:hover {font-weight: 900;}
		div.lawyerPortrait h2 {text-align: left;}
		div.lawyerPortrait p {text-align: left;}
		div.lawyerPortrait:hover {background: rgb(55,54,78);}
		@keyframes lawyerFocus
			{
				0% {width: 101%;}
				30% {width: 108%;}
				100% {width: 101%;}
			}
		div.lawyerPortrait:hover div.mount img {animation-duration: 0.5s; animation-name: lawyerFocus;}
		div.lawyerPortrait:hover p {color: rgb(255,255,255);}

		div.personalStatement {width: 56.5%;}
		div.personalStatementTECH {left: 0px; margin: 0px 4% 0px 38%; max-width: 52.5%; padding: 2%;}

		ul.lawyerServices
			{left: 0px; max-width: 55.5%; margin: 1% 0px 1% 4%; padding: 1% 0px 1% 2%;}

		footer.bod h6.fixedFootBANNER {display: block; position: relative; margin: 0px; padding: 0.45em 0px; top: 0px; left: 0px; width: 100%; font-weight: 300; font-size: 1.85em; line-height: 1; color: rgb(22,0,65); background: rgb(178,12,68); text-align: center;}
		footer.bod h6.fixedFootBANNER span.call {display: inline-block; position: relative; font-weight: 200; color: rgb(255,255,255);}
		div.toes div.toenails {width: 20%;}
		div.toes div.toenails ul li:first-child {margin: 0px;}

		div.sole {display: block; position: relative; z-index: 9; top: 0px; left: 10%; width: 80%; margin: 1% 0px; padding: 0px; border: none; font-family: inherit; text-align: left;}
		div.sole img.logo {display: block; position: absolute; z-index: 9; margin: 0px; padding: 0px; top: 0px; right: 0px; width: 205px; height: auto;}
		div.sole div.low,
		div.sole div.lowOne
			{width: 20%;}
		div.sole div.low ul li:first-child {margin: 0px;}
		div.sole p.boilerplate {display: block; position: relative; width: calc(97.5% - 200px); top: 0px; left: 0px; margin: 2em 0 0 0; padding: 1%; border: none; font-family: inherit; color: rgba(22,0,65,0.8); font-size: 0.8em; font-weight: 300; vertical-align: top; text-align: left;}
		div.sole p.boilerplate img.award {display: block; position: absolute; z-index: 9; margin: 0px -200px 0px 0px; padding: 0px; bottom: 100%; right: 0px; width: 200px; height: auto;}
	}

/* breakpoint four - HD - generic HD display (min-width: 2080px) - (min-width: 130em) */
@media only screen and (min-width: 130em) and (max-width: 210em)
	{
	}

/* breakpoint five - 4k - generic 4k display (min-width: 3360px) - (min-width: 210em) */
@media only screen and (min-width: 210em)
	{
	}


/* generic mobile tidying */
@media only screen and (max-width: 70em)
	{
		p.contact select.contact {width: 96%;}
		p.contact textarea.contact {height: 4em; width: 95%;}
	}




/* sitewide navigation split into two breakpoints */
@media only screen and (max-width: 70em)
	{
		div.touchNav {display: block; position: fixed; z-index: 10; top: 0px; right: 0px; margin: 0px; padding: 0px; border: none; width: 45px; height: auto; background: none;}
		div.touchNav a.hamBurger {display: block; position: absolute; z-index: 10; top: 3em; right: 1em; margin: 0px; padding: 0px;}
		div.touchNav a.hamBurger img {display: block; position: relative; width: 45px; height: 42px; border: none;}

		@media only screen and (max-width: 30em)
			{
				div.touchNav {height: 42px; right: 0px; top: 2em; width: 45px;}
				div.touchNav a.hamBurger {top: 0; right: 10px;}
				div.touchNav a.hamBurger img {height: auto; width: 30px;}
			}

		nav.menuBar {display: none; position: fixed; z-index: 10; top: 8em; left: 0px; margin: 0px; padding: 0px; border: none; font-family: inherit; width: 100%; height: auto; background: rgb(55,54,78); background: rgba(71,71,97,0.8);}
		@media only screen and (max-width: 30em)
			{
				nav.menuBar {top: 5em;}
			}
		@media only screen and (max-width: 20em)
			{
				nav.menuBar {top: calc(142px + 10vw);}
			}

		ul.family {display: block; position: relative; top: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; border: none; background: none; font-family: inherit; color: rgb(255,255,255);}
		li.parent {display: block; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0.4em 3em; border-bottom: solid 1px rgb(255,255,255); background: none; font-family: inherit; font-size: 1.5em; font-weight: 200; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
		li.parentSearch {display: block; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0.4em 3em; border-bottom: solid 1px rgb(255,255,255); background: rgb(255,255,255); font-family: inherit; font-size: 1.5em; font-weight: 300; color: rgb(55,54,78); list-style-type: none; list-style-position: inside;}
		li.parentSearch input.query {display: inline-block; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 2em; padding: 0px; width: 50%; border: none; border-bottom: solid 1px rgb(206,211,210); background: rgb(255,255,255); font-family: inherit; font-size: 1em; font-weight: 200; color: rgb(55,54,78); -webkit-appearance: none; border-radius: 0px;}
		@media only screen and (max-width: 30em)
			{
				li.parent {padding: 0.4em 1em; font-size: 1.2em;}
				li.parentSearch {padding: 0.8em 1em; font-size: 1.2em;}
				li.parentSearch input.query {width: auto;}
			}
		li.parent:hover {background: rgb(55,54,78);}
		li.parent a:link,
		li.parent a:visited {color: rgb(255,255,255); text-decoration: none;}
		li.parent a:hover {color: rgb(178,12,68); text-decoration: none;}

		ul.child {display: none; position: relative; top: 0px; left: 0px; width: calc(100% + 6em); margin: 0 0 0 -3em; max-height: 20em; overflow: hidden; overflow-y: scroll; padding: 0px; border: none; border-bottom: solid 1px rgb(255,255,255); background: rgb(64,64,64); font-family: inherit; color: rgb(255,255,255);}
		ul.child li {display: block; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0.35em 4.5em; border-bottom: solid 2px rgb(255,255,255); border-bottom: solid 2px rgba(255,255,255,0.1); background: none; font-family: inherit; font-size: 0.8em; font-weight: 400; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
		@media only screen and (max-width: 40em)
			{
				ul.child {width: calc(100% + 2em); margin: 0 0 0 -1em;}
				ul.child li {padding: 0.35em 1.5em; font-size: 0.8em;}
			}
		ul.child li a:link,
		ul.child li a:visited {color: rgb(255,255,255); text-decoration: none;}
		ul.child li a:hover {color: rgb(178,12,68); text-decoration: none;}
	}
@media only screen and (min-width: 70.0625em)
	{
		/* nav */
		div.touchNav {display: none;}
		div.touchNav a.hamBurger {display: none;}

		nav.menuBar {display: block; position: fixed; z-index: 10; top: 158px; left: 0px; margin: 0px; padding: 0px; border: none; border-top: solid 1px rgba(255,255,255,0.2); border-bottom: solid 1px rgba(255,255,255,0.4); font-family: inherit; width: 100%; max-height: 39px; height: auto; background: rgb(55,54,78); background: rgba(71,71,97,1);}
		ul.family {display: block; position: relative; top: 0px; left: 0px; height: 100%; width: 1280px; margin: 0px auto; padding: 0px; border: none; background: none; font-family: inherit; color: rgb(255,255,255); background: rgb(55,54,78);}
		li.parent {display: inline; float: left; top: 0px; left: 0px; margin: 0px; padding: 0px; border: none; background: none; font-family: inherit; font-size: 1.2em; line-height: 1.2; font-weight: 200; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
		li.parentSearch {display: block; position: absolute; top: 0px; right: 0px; font-family: inherit; margin: 0.3em 0.6em 0.4em 2em; padding: 0px; font-size: 1.2em; line-height: 1.2; font-weight: 200; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
		li.parentSearch form {border: 0; display: inline-block; margin: 0; padding: 0; position: relative; width: auto;}
		li.parentSearch input.query {display: inline-block; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 2em; padding: 0.1em 0.3em; width: 12em; border: none; background: rgb(255,255,255); background-image: url(../web_images/assets/websiteSearchICON.gif); background-repeat: no-repeat; background-position: top right; font-family: inherit; font-size: 0.8em; font-weight: 300; color: rgb(55,54,78); -webkit-appearance: none; border-radius: 0px;}

		body#index li.parentSearch {display: block; position: absolute; top: 2.75em; left: 50%; width: 75%; font-family: inherit; margin: 0px 0px 0px -37.5%; padding: 0px; font-size: 2.5em; line-height: 1.2; font-weight: 300; color: rgb(255,255,255); list-style-type: none; list-style-position: inside; text-shadow: 0px 0px 2px rgb(55,54,78); text-align: center;}
		body#index li.parentSearch input.query {display: inline-block; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 2em; padding: 0.1em 0.3em; width: 17em; border: solid 1px rgb(55,54,78); background: rgb(255,255,255); background-image: url(../web_images/assets/websiteSearchICON.png); background-repeat: no-repeat; background-position: top right; font-family: inherit; font-size: 0.75em; font-weight: 200; color: rgb(55,54,78); -webkit-appearance: none; border-radius: 0px; text-shadow: none;}

		li.parent:hover {background: rgb(55,54,78); cursor: pointer;}
		li.parent a:link,
		li.parent a:visited {display: inline-block; padding: 0.4em 1.25em 0.4em 1.25em; color: rgb(206,211,210); text-decoration: none;}
		li.parent a:hover {display: inline-block; padding: 0.4em 1.25em 0.4em 1.25em; color: rgb(255,255,255); text-decoration: none;}

		ul.child
			{
				display: none; position: absolute; z-index: 9; top: 2em; left: 0px; width: 1280px; margin: 0px; padding: 0.5em 0px; border: none; border-bottom: solid 1px rgb(255,255,255); background: rgb(64,64,64); font-family: inherit; color: rgb(255,255,255);
				-webkit-column-width: 19em;
				-moz-column-width: 19em;
				-o-column-width: 19em;
				-ms-column-width: 19em;
				column-width: 19em;
			}
		ul.child li {display: block; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; border-bottom: solid 2px rgb(255,255,255); border-bottom: solid 2px rgba(255,255,255,0.1); background: none; font-family: inherit; font-size: 0.7em; font-weight: 400; color: rgb(255,255,255); list-style-type: none; list-style-position: inside;}
		ul.child li span.subHead {display: inline-block; width: 92%; padding: 0.35em 0px 0.35em 8%; font-weight: 700; color: rgb(255,255,255); text-decoration: none; background: none;}
		ul.child li a:link,
		ul.child li a:visited {display: inline-block; width: 85%; padding: 0.35em 5% 0.35em 10%; color: rgb(255,255,255); text-decoration: none; background: none;}
		ul.child li a:hover {display: inline-block; width: 85%; padding: 0.35em 5% 0.35em 10%; color: rgb(178,12,68); text-decoration: none; background: rgba(255,255,255,0.7);}
	}


/*
@media only screen and (max-width: 130em)
	{span.p-org:after {content: "max130"; display: inline-block; font-size: 0.5em; position: absolute; right: -2.5em; top: -2em;}}
@media only screen and (max-width: 70em)
	{span.p-org:after {content: "max80"; display: inline-block; font-size: 0.5em; position: absolute; right: -2.5em; top: -2em;}}
@media only screen and (max-width: 50em)
	{span.p-org:after {content: "max50"; display: inline-block; font-size: 0.5em; position: absolute; right: -2.5em; top: -2em;}}
@media only screen and (max-width: 30em)
	{span.p-org:after {content: "max30"; display: inline-block; font-size: 0.5em; position: absolute; right: -2.5em; top: -2em;}}
@media only screen and (max-width: 20em)
	{span.p-org:after {content: "max20"; display: inline-block; font-size: 0.5em; position: absolute; right: -2.5em; top: -2em;}}
*/
.plf-National-W img{float: none !important; max-width: 356px;}
img.plf-national-w-footer{
    display: block;
    position: absolute;
    z-index: 9;
    margin: 0;
    padding: 0px;
	bottom: 110%;
    right: 0px;
    width: 140px;
    height: auto;
}
div.sole p.boilerplate{
	padding: 6rem 0 3em 0;
}
@media only screen and (max-width: 799px) {
	div.sole p.boilerplate img.award {
		top: -6%;
		bottom: unset;
		width: 120px;
	}
}
@media only screen and (min-width: 70em) {
    img.plf-national-w-footer {
        display: block;
        position: absolute;
        z-index: 9;
        margin: 0px -232px 0px 0px;
        padding: 0px;
        bottom: 110%;
        right: 0px;
        width: 300px;
        height: auto;
    }
	div.sole p.boilerplate img.award {
		bottom: 90px;
        width: 160px;
		margin: 0px -232px 0px 0px;
    }
}
@media only screen and (min-width: 20em) and (max-width: 30em) {
    img.plf-national-w-footer{
        display: block;
        position: relative;
        z-index: 9;
        margin: 1em 0;
        padding: 0px;
        bottom: unset;
        top: 0px;
        left: 0px;
        right: unset;
        max-width: 200px;
        width: 100%;
        height: auto;
    }
}
@media only screen and (min-width: 50em) and (max-width: 70em) {
	div.sole p.boilerplate{
		padding: 60px 0 3em 0;
	}
    img.plf-national-w-footer{
        display: block;
        position: absolute;
        z-index: 9;
        margin: 0;
        padding: 0px;
        bottom: 144%;
        right: 0;
        width: 160px;
        height: auto;
    }
	div.sole p.boilerplate img.award {
		bottom: 150px;
        width: 160px;
		margin: 0;
    }
}
@media only screen and (max-width: 1400px) and (min-width: 1121px) {
    img.plf-national-w-footer {
        width: 220px;
    }
	div.sole p.boilerplate img.award {
        bottom: 130px;
        width: 160px;
    }
}