/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
@font-face {
font-family: 'FiraSans-Book';
src: url('/assets/fonts/firasans-book-webfont.eot');
src: url('/assets/fonts/firasans-book-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/firasans-book-webfont.woff2') format('woff2'),
url('/assets/fonts/firasans-book-webfont.woff') format('woff'),
url('/assets/fonts/firasans-book-webfont.ttf') format('truetype'),
url('/assets/fonts/firasans-book-webfont.svg#fira_sansbook') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'FiraSans-Semibold';
src: url('/assets/fonts/firasans-semibold-webfont.eot');
src: url('/assets/fonts/firasans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/firasans-semibold-webfont.woff2') format('woff2'),
url('/assets/fonts/firasans-semibold-webfont.woff') format('woff'),
url('/assets/fonts/firasans-semibold-webfont.ttf') format('truetype'),
url('/assets/fonts/firasans-semibold-webfont.svg#fira_sanssemibold') format('svg');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'FiraSans-Extrabold';
src: url('/assets/fonts/firasans-extrabold-webfont.eot');
src: url('/assets/fonts/firasans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/firasans-extrabold-webfont.woff2') format('woff2'),
url('/assets/fonts/firasans-extrabold-webfont.woff') format('woff'),
url('/assets/fonts/firasans-extrabold-webfont.ttf') format('truetype');
font-weight: 900;
font-style: normal;

}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/boxsizing-ie7.htc); }
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%; }
body {margin:0}
a,a:link,a:visited, .main .biglink:link, .main .biglink:visited { color: #7c1f7a; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
a:visited {color: #523251; }
a:active,a:hover,a:focus, .main .biglink:hover, .main .biglink:active, .main .biglink:focus { color: #d100cd; }
a.a-ib { display: inline-block; }

h1,h2,h3,h4,h5,h6, strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; line-height: 115%;}
h1 {font-size:3.2em;margin:.67em 0; color: #b81355; }
h2 {font-size:2.6em;margin:1.4em 0 0.5em; color: #660a2f;}
h3 {font-size:2.1em;margin:1em 0; color: #000; }
h4 {font-size:1.9em;margin:1.2em 0 -0.4em;}
h5 {font-size:1.7em;margin:1em 0}
h6 {font-size:1.5em;margin:1em 0}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { text-transform: uppercase; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child { margin-top: 0; }
abbr[title] {border-bottom:1px dotted}
blockquote {margin:1em 40px 1em 6px; padding-left: 30px; border-left: 4px solid #ddd; color: #000; }
p,pre {margin:1em 0}
p,td,li {font-size: 1.4em; line-height: 150%; }
.main p, .main li { font-size: 1.6em; padding-top: 5px; }
p.small { font-size: 1.25em; }
li p, .main li li { font-size: 1em; }
.main li li { list-style: initial; }
p.base { font-size: 1.4em !important; line-height: 150% !important; }
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}
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; outline: none; }
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; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
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}

/* --- PAGE --- */
body { background: #eff2f3; color: #333; padding: 0; font: 62.5% FiraSans-Book, Arial, Helvetica, sans-serif; text-align: center; }
.inner { text-align: left; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 30px; }
.iconmisc { background: url(/assets/icons/misc-2x.png) no-repeat 0 0; background-size: 50px 1000px; }
#main { background: #eff2f3; margin: 0; padding: 14px 0; min-height: 300px; }
#main .inner { background: #fff; padding-top: 20px; padding-bottom: 30px; min-height: 280px; overflow: hidden; }
.pg-home #main .inner { padding-bottom: 10px; overflow: visible; }
li { color: #333;}
.main ul, .main ol { font-size: 1em; margin-top: -0.2em; margin-bottom: 2.5em;}
.main ul ul, .main ol ol { font-size: 0.9em; margin-top: 0;}
.main img { max-width: 100%; height: auto; vertical-align: bottom; }
.mobshow { display: none; }
.clear { clear: both; }

html, body { scroll-behavior: smooth !important; }

body .cookiehub-declaration table { margin-top: 15px; }
body .cookiehub-declaration th { background: #912690; color: #fff; font-size: 1.5em; padding: 8px 15px !important;}
body .cookiehub-declaration .ch2-header strong { font-size: 1.4em;}
body .cookiehub-declaration td { font-size: 1.7em; background: #eee; }
body .cookiehub-declaration p { font-size: 1.6em; }
body .cookiehub-declaration td p { font-size: 0.9em; }
body .cookiehub-declaration p:first-child { padding-top: 2px; }
body .ch2-settings-tabs ul li { font-size: 1em !important; line-height: 1;}
body .ch2-settings-tabs ul li a { font-size: 1.1em !important; }
.ch2-settings-scan .ch2-settings-tabs ul li.active a {  border:1.5px solid #aaa !important; border-bottom-color:#fff !important; top: 2px;}
.ch2-settings-tabs ul { border-bottom: 1.5px solid #aaa !important; }
.ch2-settings-scan .ch2-settings-tabs ul li a { padding: 8px 20px 12px !important; }
.ch2-settings-scan .ch2-settings-tabs { height: 50px !important; }
.ch2-declaration-category td { font-size: 1.1em; }
.pg_privacy .ch2-learn-more { display: none; }


a.white,a.white:link,a.white:visited, a.white:focus { color: #fff; }

/* --- MAIN NAV --- */
header, .prefooter { background: #fff; }
.halftonepink, .halftonegrey { position: absolute; top: 0; height: auto; width: 400px; }
.halftonepink { right: 0; }
.headertop { height: 170px; position: relative; display: table; overflow: hidden; }
.headertop div { display: table-cell; position: relative; vertical-align: top; padding: 1px 0;}
#headerbanners div { display: block; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); overflow: hidden;}
#headerbanners { margin-bottom: 1px;}
.halftonegrey { position: absolute; right: 40%; bottom: 0; top: auto; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; transition: 0.3s all; }
.logo { width: 66%; }
.logo img {margin: 18px 10px 0 0;  width: 380px; height: auto;}
.logo h3 { margin: -12px 10px 0 98px; padding-bottom: 8px; color: #000; font-size: 1.9em; line-height: 115%; max-width: 600px;}

.topmsg, .topmsg-banner { width: 33%; min-width: 420px; max-width: 580px; }
.headertop .topmsg, .headertop .topmsg-banner { vertical-align: middle;}
.topmsg img { position: absolute; left: 0; top: 0; height: auto; width: 176px; margin-right: 16px;}
.topmsg a { display: block; overflow: hidden; padding-left: 190px; }
.topmsg a:link, .topmsg a:visited { text-decoration: none; }
.topmsg h3 { font-size: 2.8em; margin: 0 0 4px; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; line-height: 1; }
.topmsg p { font-size: 1.35em; line-height: 110%; padding-top: 5px; margin: 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.topmsg a:link h3, .topmsg a:visited h3 { color: #3aaabd; }
.topmsg a:hover h3, .topmsg a:active h3, .topmsg a:focus h3 { color: #14c5e3; }
.topmsg a:link p, .topmsg a:visited p { color: #000; }
.topmsg a:hover p, .topmsg a:active p, .topmsg a:focus p { color: #333; }



.topmsg.cse a:link h3, .topmsg.cse a:visited h3 { color: #a03458; font-size: 1.7em; line-height: 1.2; }
.topmsg a:link p, .topmsg a:visited p { color: #58595b; padding: 0; line-height: 1.2;}
.topmsg.cse img { padding-top: 30px; }

.topmsg.bannerad img { position: static; left: auto; top: auto; height: auto; width: auto; margin-right: 5px; max-width: 100%; height: auto; }


div.topmsg-banner { text-align: right; min-width: 300px; padding-left: 16px; }
.topmsg-banner img { max-height: 148px; width: auto; height: auto; max-width: 100%;}

.topmsg .services a { display: table-row; width: 100%; height: 110px; }
.topmsg .services section { display: table-cell; width: 68%; background: #b81355; padding: 12px 20px; vertical-align: middle; }
.topmsg .services a h3 { color: #fff; font-size: 2.1em; line-height: 1.15; margin: 0 0 4px; }
.topmsg .services a h4 { color: #fecc32; font-size: 1.8em; line-height: 1.15; margin: 0; }
.topmsg .services aside { display: table-cell; width: 34%; text-align: center; vertical-align: middle; background: url(/img/banners/services-marker-bg.png) repeat-y 0 0; background-size: contain; }
.topmsg .services aside img { position: relative; width: 55%; margin: 0; top: 0; left: 0; max-width: 75px; }


.navbar { background: #b81355; height: 50px; position: relative; z-index: 100; }
.navbar .inner { display: table; }
.navbar .inner div, .navbar form { display: table-cell; width: 33.3%; padding: 10px 0;}
.emergencynav { text-align: center; text-transform: uppercase; }
.navbar .inner div.emergencynav, .pg-home .navbar .inner div.emergencynav { padding: 0;}
.navbar form { text-align: right; position: relative; }
.navbar a:link, .navbar a:visited { font-size: 1.7em; text-decoration: none; color: #fff; }
.navbar a:hover, .navbar a:active, .navbar a:focus { color: #ffd453; }
.navbar form label { color: #fff; position: absolute; right: 60%; top: 10px; width: auto; font-size: 1.6em;}
.navbar input { border: none; border-radius: 0; position: absolute; right: 0; top: 13px;}
.navbar input.searchtext { background: #fff; width: 60%; min-width: 150px; margin-right: 0; font: 1.5em FiraSans-Book, Arial, Helvetica, sans-serif; height: 26px; padding: 3px 36px 3px 6px;}
.navbar input.searchtext:focus { box-shadow: 0 0 3px 1px #fff; }
.navbar input.iconsubmit { background-color: #e9eced; background-position: 5px -47px; text-indent: -9999px; height: 26px; width: 30px; position: absolute; top: 13px; right: 0; }
.navbar input.iconsubmit:focus { background-color: #e3e6e7; box-shadow: 0 0 3px 1px #fff; }
.emergencynav a:link { font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; display: inline-block; padding: 10px 0; font-size: 1.8em; }
@media screen and (max-width: 768px) {
.navbar form label { right: 59%; }
.navbar div.servicesnav { width: 30%; }
.navbar form {  width: 38%; }
}

a.skiptocontent { padding:4px 12px; position: absolute;	top:-40px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color:#fff; font-size: 1.5em; background:transparent; -webkit-transition: top 1s ease-out, background 1s linear; -moz-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; }
a.skiptocontent:focus { top:0; background:#d00;	-webkit-transition: top .1s ease-in, background .5s linear; -moz-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; }


.servicesnav ul, .servicesnav li { font-size: 1em; margin: 0; padding: 0;display: inline;}
.servicesnav a { display: relative; display: inline-block; }
.servicesnav a:link, .servicesnav a:visited { color: #ffd453; }
.servicesnav a:hover, .servicesnav a:active, .servicesnav a:focus { color: #fff; }
.location { padding: 4px 10px 0 28px; margin-top: -4px; height: 28px; }

.servicesnav ul ul { background: #b81355; z-index: 11; width: 200px; padding: 10px; display: none; }
.servicesnav ul ul a { display: block; padding: 8px 18px; }
.servicesnav ul ul a:link, .servicesnav ul ul a:visited { color: #fff; }
.servicesnav ul ul a:hover, .servicesnav ul ul a:active, .servicesnav ul ul a:focus { color: #ffd453; }
.servicesnav ul li:hover > ul, .servicesnav ul li.sfHover > ul { display: block; }

#menutoggle { display: none; }
#menutoggle:focus { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
.c-hamburger { padding-left: 32px; }
.c-hamburger span { display: block; position: absolute; top: 24px; left: 20px; right: 18px; height: 3px; width: 22px; background: white; text-indent: -9999px; }
.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; content: ""; }
.c-hamburger span::before { top: -8px; }
.c-hamburger span::after { bottom: -8px; }

.c-hamburger--htx span { -webkit-transition: background 0s 0.2s; -moz-transition: background 0s 0.2s; transition: background 0s 0.2s; }
.c-hamburger--htx span::before, .c-hamburger--htx span::after { -webkit-transition-duration: 0.2s, 0.2s; -moz-transition-duration: 0.2s, 0.2s; transition-duration: 0.2s, 0.2s; -webkit-transition-delay: 0.2s, 0s; -moz-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; }
.c-hamburger--htx span::before { -webkit-transition-property: top, transform; -moz-transition-property: top, transform; transition-property: top, transform; }
.c-hamburger--htx span::after { -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; transition-property: bottom, transform; }
.c-hamburger--htx.is-active span { background: none; }
.c-hamburger--htx.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { -webkit-transition-delay: 0s, 0.2s; -moz-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; }

.mainnav { background: #0258a8; }
.mainnav .inner { padding: 0 18px; }
.fill-right { display: block; background: #42ab8f; width: 50%; position: absolute; right: 0;}
.mainnav, .fill-right, .mainnav li a { height: 56px; }
.mainnav ul, .mainnav ul * { margin: 0; padding: 0; list-style: none; }
.mainnav ul { float: left; width: 100%; margin: 0 0 30px; position: relative; z-index: 1;}
.mainnav li { width: 14.28%; white-space: normal; vertical-align: middle; position: relative; }
.mainnav li a { display: block; vertical-align: middle; padding: 8px 12px 9px; text-align: left; font-size: 1.2em; line-height: 110%; position: relative; zoom: 1; /* IE7 */ }
.nav-online, .nav-online a, .nav-online ul, .pg-online #main, .sidr-class-nav-online, .sidr-class-nav-online li { background: #0258a8; }
.nav-services, .nav-services a, .nav-services ul, .pg-services #main, .sidr-class-nav-services, .sidr-class-nav-services li, p.services-ad a { background: #799f1a; }
.nav-sexual, .nav-sexual a, .nav-sexual ul, .pg-sexual #main, .sidr-class-nav-sexual, .sidr-class-nav-sexual li { background: #eb8100; }
.nav-drugs, .nav-drugs a, .nav-drugs ul, .pg-drugs #main, .sidr-class-nav-drugs, .sidr-class-nav-drugs li { background: #27a5c1; }
.nav-emotional, .nav-emotional a, .nav-emotional ul, .pg-emotional #main, .sidr-class-nav-emotional, .sidr-class-nav-emotional li { background: #9804ed; }
.nav-relationship, .nav-relationship a, .nav-relationship ul, .pg-relationship #main, .sidr-class-nav-relationship, .sidr-class-nav-relationship li { background: #ed0461; }
.nav-contraception, .nav-contraception a, .nav-contraception ul, .pg-contraception #main, .sidr-class-nav-contraception, .sidr-class-nav-contraception li { background: #42ab8f; }
.homenav  .nav-relationship a { background: none; }

.mainnav .nav-online a:hover, .mainnav .nav-online a:focus, .sidr-class-nav-online:hover, .sidr-class-nav-online li:hover { background: #0a67be; }
.mainnav .nav-services a:hover, .mainnav .nav-services a:focus, .sidr-class-nav-services:hover, .sidr-class-nav-services li:hover, p.services-ad a:hover, p.services-ad a:focus { background: #a8d03e; }
.mainnav .nav-sexual a:hover, .mainnav .nav-sexual a:focus, .sidr-class-nav-sexual:hover, .sidr-class-nav-sexual li:hover { background: #ff9a0a; }
.mainnav .nav-drugs a:hover, .mainnav .nav-drugs a:focus, .sidr-class-nav-drugs:hover, .sidr-class-nav-drugs li:hover { background: #39beda; }
.mainnav .nav-emotional a:hover, .mainnav .nav-emotional a:focus, .sidr-class-nav-emotional:hover, .sidr-class-nav-emotional li:hover { background: #a80ffd; }
.mainnav .nav-relationship a:hover, .mainnav .nav-relationship a:focus, .sidr-class-nav-relationship:hover, .sidr-class-nav-relationship li:hover { background: #fd0f6f; }
.mainnav .nav-contraception a:hover, .mainnav .nav-contraception a:focus, .sidr-class-nav-contraception:hover, .sidr-class-nav-contraception li:hover { background: #5ecdb0; }

.mainnav ul a:link, .mainnav ul a:visited, .homenav ul a:link, .homenav ul a:visited { font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; color: #fff; text-decoration: none; text-shadow: 0 0 3px rgba(0,0,0,0.2); }
.mainnav ul ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; width: 100%; padding-bottom: 16px; }
.mainnav ul > li { float: left; }
.mainnav ul li:hover > ul, .mainnav ul li.sfHover > ul { display: block; }
.mainnav ul ul li { width: 100%; white-space: normal;}
.mainnav ul ul a { font-size: 0.7em; height: auto; }
.mainnav ul ul a:link, .mainnav ul ul a:visited { color: #fff; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; text-shadow: none; }
.mainnav ul ul a:hover, .mainnav ul ul a:active, .mainnav ul ul a:focus, .mainnav ul ul .current a { color: #fff;}

.mainnav ul ul ul { left: 100%; top: 0; padding-bottom: 0; }
.mainnav ul ul ul li { font-size: 1em; }
.mainnav ul ul ul a { background: rgba(0,0,0,0.1); }



/*** arrows (for all except IE7) **/
.mainnav  .sf-arrows .sf-with-ul { padding-right: 2.0em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }
/* styling for both css and generated arrows */
.mainnav  .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 21px; right: 10px; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); }
.mainnav  .sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.mainnav  .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255,255,255,.5);
}
.mainnav  .sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}

/* Homepage nav */
/*
.homenav ul { display: table; margin: 0; padding: 0; height: 600px; width: 100%; }
.homenav li { display: table-cell; height: 600px; margin: 0; padding: 0; width: 14.28%; background: #eee; }
*/
.homenav a { font-size: 1.6em; padding: 20px; line-height: 115%;}
.homenav ul a:link { display: block; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; position: relative; z-index: 1;}

.homenav ul { display: -ms-flexbox; display: -webkit-flex; display: flex; height: 600px; margin: 0; padding: 0; }
.homenav li { margin: 0; padding: 0; position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: flex .4s; -moz-transition: flex .4s; transition: flex .4s; text-align: left; overflow: hidden; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; }
.homenav li img { width: 220px; height: auto; position: absolute; bottom: 0; right: 0; mix-blend-mode: overlay; }
.homenav li.nav-online, .pg-online #main { background-image: url(/assets/bg/section-online.png); background-position: center center; }
.homenav li.nav-services, .pg-services #main { background-image: url(/assets/bg/section-services.png); background-position: center center; }
.homenav li.nav-sexual, .pg-sexual #main { background-image: url(/assets/bg/section-sexual.png); background-position: center center; }
.homenav li.nav-drugs, .pg-drugs #main { background-image: url(/assets/bg/section-drugs.png); }
.homenav li.nav-emotional, .pg-emotional #main { background-image: url(/assets/bg/section-emotional.png); }
.homenav li.nav-relationship, .pg-relationship #main { background-image: url(/assets/bg/section-relationship.png); }
.homenav li.nav-contraception, .pg-contraception #main { background-image: url(/assets/bg/section-emergency.png); }
.content div#main { background-position: left top; background-repeat: no-repeat; }
.homenav li ul { display: block; background: transparent; visibility: hidden; opacity: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: auto; z-index: 10; }
.homenav li ul li { flex: unset; background: transparent; }
.homenav li ul a { padding: 4px 20px 5px; height: auto; font-size: 0.85em; background: transparent; }
.homenav li ul a:link, .homenav li ul a:visited { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 0.85em; text-shadow: none; }
.homenav li ul a:hover, .homenav li ul a:active, .homenav li ul a:focus { color: #fff; }
.homenav li:hover, .homenav li:focus, .homenav li.open { -webkit-flex: 2; -ms-flex: 2; flex: 2; }
.homenav li:hover ul, .homenav li:focus ul, .homenav li.open ul, .homenav li.sfHover ul { opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; transform: none; -webkit-transition: all .3s .4s; -moz-transition: all .3s .4s; transition: all .3s .4s;}
.homenav li.important a { background: #fff; color: #000; margin-left: 20px; margin-right: 20px; line-height: 1.5; padding: 20px; }
.homenav li.important a:hover, .homenav li.important a:active, .homenav li.important a:focus { color: #55730b; }
.homenav ul ul ul a:link { font-size: 0.6em; margin-left:20px; }
.homenav ul ul ul { display: block !important; }
.homenav ul ul ul { padding-bottom: 5px; }
.homenav ul ul ul li { position: relative; }
.homenav ul ul ul li:before { position: absolute; top: 14px; left: 22px; width: 10px; height: 2px; display: block; content: ''; background: #fff; }
.homenav ul ul ul li:hover:before { background: #fff;  }

/* CTAs */

/* Messages */
p.msginfo, p.msgok, p.msgerror { font-size: 1.1rem; padding: 4px 12px 5px; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; color: #000; }
p.msginfo { background-color: #d6ebff; }
p.msgok { background-color: #eefbcc; }
p.msgerror { background-color: #e54646; color: #fff; }

/* --- FORMS --- */
form p { margin: 0 0 10px; position: relative; clear: left; padding: 3px 0; }
input.textinput, textarea.textinput { background: #fff; box-shadow: inset 2px 2px 5px #ddd; border: 1px solid #2e3f64; padding: 4px; color: #333; line-height: 1.2em; font-size: 1.1em;}
input.textinput.error, textarea.textinput.error, select.error { border: 1px solid #d00; }
input.textinput:focus, input.textinput:active, textarea.textinput:focus, textarea.textinput:active { border: 1px solid #388d00; outline: 1px solid #388d00; color: #000; }
textarea.textinputwide { width: 560px; max-width: 560px; height: 140px;}

label, .radio span { display: block; width: 22em; margin-right: 0.8em; float: left; padding: 3px 0 2px; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; }
label.plain { display: inline; width: auto; margin: 0; float: none; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.radio span.required { display: inline; width: auto; margin: 0; float: none; padding: 0; }
.radio span.radioblock { width: auto; text-align: left; padding: 0 0 4px;}
.textinput, .inputwidth { width: 480px; max-width: 480px; min-width: 200px; min-height: 40px; max-height: 600px; }
.radio input { margin-right: 6px; }
.radio label { width: auto; margin-right: 22px;}
p.radio { overflow: hidden;}
p.indent { padding-left: 22.8em; }
form p.error { color: #b00; }
form p.hp { display: none; }
textarea { height: 100px; }
select.textinput { width: auto; min-height: 0;}
.inputwidth { display: inline-block; }

span.required, strong.required, em.required, .radio span strong { color: #d00; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.1em;  }
select.required { color: #000; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }

.formerrors { padding: 3px 7px 3px 1px; line-height: 1em; background: #fcf8b6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #deb294; margin: 0 3px 14px 0; list-style-type: none; }
.formerrors li { font-size: 1.5em; padding: 3px 3px 3px 6px; margin: 0; }

.button { width: auto; min-width: 100px; color: #fff; background: #902c8e; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: 700; border: none; padding: 2px 12px; overflow: visible; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
p .button { font-size: 1.1em;}
input.button::-moz-focus-inner { border: 0; padding: 0; }
.button:hover, .button:focus { background: #b225af; color: #fff; }

.pagination a:link, .pagination a:visited, .pagination span { display: inline-block; width: 30px; text-align: center; color: #fff; background: #902c8e; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: 700; padding: 2px 2px; text-decoration: none; }
.pagination a:hover, .pagination a:active, .pagination a:focus { background: #b225af; color: #fff; }
.pagination span { background: #999; }
.pg-services .pagination span { background: #799f1a; }

.feedback { border-top: 1px solid #ddd; padding-top: 16px; }


/* --- CONTENT --- */
ul.twocol, ol.twocol { -moz-columns: 2; -webkit-columns: 2; columns: 2; }
a.tel:link, a.tel:visited, a[href^=tel]:link, a[href^=tel]:visited { text-decoration: none; color: #333; cursor: text; }

ul.halfcolumn, ol.halfcolumn { width: 48%; margin-right: 1.5%; float: left;}

.img-left { float: left; margin: 0 14px 10px 0; }
.img-right { float: right; margin: 0 0 10px 20px; }
.fright { float: right; }
.fleft { float: left; }
.clear { clear: both; }
.centred { text-align: center; }

.large { font-size: 1.4em; }
p.large { font-size: 1.9em; }

.biglink { font-size: 1.6em; position: relative; display: block; padding-left: 64px; min-height: 54px; margin: 12px 0;}
.biglink small { font-size: 0.7em; line-height: 90%;}
.biglink:link, .biglink:visited { color: #000; text-decoration: none; }
.biglink:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 54px; height: 54px; background: #902c8e url(/assets/icons/misc-2x.png) no-repeat 17px -94px; background-size: 50px 1000px;}
.biglink:hover, .biglink:active, .biglink:focus { color: #555; }
.biglink:hover:before, .biglink:active:before, .biglink:focus:before { background-color: #b225af; }

.main .biglink { font-size: 1.2em; padding-left: 42px; min-height: 32px; margin: 16px 0;}
.main .biglink:before { width: 32px; height: 32px; background-position: 11px -44px; background-size: 25px 500px;}

.boroughlistheading, .boroughlist { text-align: center; width: 90%; max-width: 930px; background: #fbe4ed; background: #eee; padding: 8px 10px; margin: 1.5em auto 0;}
.boroughlistheading { font-size: 2.3em; background: #d70; color: #fff; clear: both; }
.pg-drugs .boroughlistheading { background: #2caeca; }
.pg-contraception .boroughlistheading { background: #42ab8f; }
ul.boroughlist { margin: 0 auto 36px; padding: 14px 10px 16px;}
.boroughlist li { display: inline-block; width: 29%; margin: 0; padding: 8px 20px; }
.boroughlist a:link, .boroughlist a:visited { display: block; font-size: 1.1em; text-decoration: none; padding: 8px; background: #902c8e; color: #fff; }
.boroughlist a:hover, .boroughlist a:active, .boroughlist a:focus { background: #d100cd; }

.highlight-box { background: #f4d9e4; margin: 30px 20px 10px; padding: 12px 16px 8px; }
.pg-online .highlight-box { background: #fff4d6; }
.pg-drugs .highlight-box { background: #ddf2f6; }
.pg-sexual .highlight-box { background: #ffe8cc; }
.pg-emotional .highlight-box { background: #f0dafc; }
.pg-relationship .highlight-box { background: #fcdae7; }
.pg-contraception .highlight-box { background: #e1f4ef; }

/* --- A to Z --- */
ul.letters { list-style-type: none; margin: 40px auto; padding: 0; text-align: center; }
.letters li { display: inline-block; padding: 0; margin: 0 2px; vertical-align: top; height: 40px; }
.letters a, .letters span { display: block; padding: 2px; height: 26px; width: 26px; background: #ddd; line-height: 22px;}
.letters a:link, .letters a:visited { text-decoration: none; color: #fff; background: #902c8e; }
.letters a.current:link, .letters a.current:visited { background: #3aaabd; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); margin: 0 3px; }
.letters a:visited { background: #6c386b; }
.letters a:hover, .letters a:active, .letters a:focus { background: #b225af; }

dfn { font-style: normal; }
dd { border-bottom: 1px solid #902c8e; padding: 0 0 10px; margin: 0;}

.faqlist h5 { margin: 0; }
.faqlist h5 a { display: block; border-top: 1px solid #ddd; padding: 12px 8px 12px 30px; margin: 0; position: relative; }
.faqlist h5 a:before { content: ''; display: block; background: #902c8e; width: 14px; height: 14px; position: absolute; left: 4px; top: 15px; }
.faqlist h5 a:link, .faqlist h5 a:visited { color: #000; text-decoration: none; }
.faqlist h5 a:hover, .faqlist h5 a:focus { color: #d100cd; outline: none; }
.faqlist h5:hover:before, .faqlist h5:focus:before { background: #d100cd; }
.faqlist .answer { padding: 2px 8px 12px 30px; }

.content .advice { background: #b81355; padding: 25px 30px; color: #fff; }
.content .advice span { display: block; text-align: center; }
.content .advice p { color: #fff; font-size: 2em; max-width: 440px; margin: 0 auto 20px auto; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; line-height: 1.4; text-align: center; }
.content .advice p a { color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.content .advice p a:hover, #main .advice p a:focus { color: #fd8a02; }

@media screen and (max-width: 600px) {
.content .advice span { max-width: 120px; margin: 0 auto; }
}


/* --- Services --- */
.pg-services #main { padding-top: 0; }
.services-search { width: 30%; padding-right: 3%; float: left; }
.services-search select { width: 100%; font-size: 0.9em; }
div.disabled p, div.disabled select { color: #888; }
#select_pt3 { display: none; }
.postcodesearch { width: 100px; min-width: 100px; min-height: 30px; margin-right: 10px; margin-bottom: 6px;}
.services-part { margin: 0 0 16px;}
.services-part p { margin: 0;}
.services-main { width: 70%; padding-left: 3%; float: left; }
.services-main .pagination { float: right; }
.search-summary { float: left; }
#findServicesPostcode { border-top: 1px solid #bbb; padding-top: 10px; margin-top: 20px;}

.services-list { clear: both; list-style-type: none; margin: 20px 0; padding: 0; }
.services-list li { font-size: 1em; background: #eee; padding: 15px 15px 8px; margin: 0 0 12px; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.services-list p { margin: 0 0 8px; }
.services-list p.tel { float: right; margin-left: 18px;}
.services-list h4, .services-list h2 { font-size: 2em; margin: 0 0 10px; }
.services-list h4 a:link, .services-list h4 a:visited, .services-list h2 a:link, .services-list h2 a:visited { text-decoration: none; }
.services-list p.more { font-size: 1rem; }

.agency-details p { margin: 0.8em 0; }
.agency-details .logo { width: auto; max-width: 200px;float: right; padding: 12px; background: #fff; margin: 16px 8px 14px 20px; border: 2px solid #98c033; }
.agency-details h2 { margin-top: 0; font-size: 3em; }
.agency-details h3 { color: #660a2f; font-size: 2.2em; margin-top: 1.5em;}
.agency-details h4, .agency-details h5 { font-size: 1.7em; color: #000; margin: 1em 0; }
.agency-details ul { font-size: 1em; margin: 0.2em 0 1.8em;}
.agency-details li { font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.ag-contacts { background: #f4f9ea; padding: 4px 14px 8px; margin-bottom: -4px; overflow: hidden; }
.ag-contacts p { padding-left: 32px; position: relative; margin: 0.7em 0; }
.ag-contacts p:before { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 4px; background: url(/assets/icons/misc-2x.png) no-repeat 0 0; background-size: 50px 1000px; }
.ag-contacts .ag-address:before { background-position: 0 -499px;}
.ag-contacts .ag-map { padding-top: 6px; margin-top: -6px;}
.ag-contacts .ag-map:before { background-position: 0 -199px;}
.ag-contacts .ag-tel:before { background-position: 0 -250px;}
.ag-contacts .ag-contname:before { background-position: 0 -300px; top: 3px;}
.ag-contacts .ag-email:before { background-position: 0 -345px;}
.ag-contacts .ag-website:before { background-position: 0 -400px; top: 3px;}

.servicesbox ul { margin: -1.2em 0 1.8em;}
p.services-ad { margin: 40px 0;}
p.services-ad a { display: block; color: #fff; text-decoration: none; text-align: center; padding: 8px 12px 9px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.services-main p.services-ad.orange a { background: #d70;}
.services-main p.services-ad.orange a:hover { background: #fd8a02;}
.services-main p.services-ad { margin: 0 0 20px; font-size: 1.7em;}

.services-msg-box { background: #fecc32; color: #000; text-decoration: none; text-align: center; padding: 8px 12px 9px; margin: 0 0 16px; }
.services-msg-box p { margin: 0 0 8px; line-height: 1.3; }
.services-msg-box .morelink { position: relative; display: inline-block; text-decoration: none; padding: 0 22px 0 0; margin: 0 0 0 5px; }
.services-msg-box .morelink:after { content: ''; display: block; position: absolute; background: url(/assets/icons/misc-icons.png?a) no-repeat 0 -611px; background-size: 250px; width: 16px; height: 28px; top: -3px; right: 0; }

.servicesmap { display: inline-block; position: relative; width: 100%; padding-bottom: 80%; vertical-align: middle; overflow: hidden; }
.servicesmap svg { display: inline-block; position: absolute; top: 0; left: 0; }
.svg-borough { fill: transparent; }
.svg-borough:hover, .svg-borough:focus { fill: rgba(255,255,100,0.15); stroke: #fff; stroke-width: 3; }
.servicesmap img { width: 100%; position: absolute; top: 0;}
.servicesmap a { display: block; position: absolute; text-decoration: none; }
a.map-croy { left: 63%; top: 50%; width: 22%; height: 32%;}
a.map-mert { left: 31%; top: 37%; width: 29%; height: 18%;}
a.map-sutt { left: 33%; top: 56%; width: 29%; height: 20%;}
a.map-king { left: 15%; top: 37%; width: 16%; height: 25%;}
a.map-rich { left: 11%; top: 7%; width: 19%; height: 28%;}
a.map-wand { left: 31%; top: 14%; width: 29%; height: 18%;}

.hourstable { margin: 2em 0 1em; border: 2px solid #eee; width: 100%; table-layout: fixed;}
.hourstable th { font-size: 1.6em; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; padding: 5px 10px; width: 150px; vertical-align: top;}
.hourstable td { font-size: 1.6em; width: 90%;}
.hourstable td p { font-size: 1em; margin: 0; }

/* Exam Stress */
.exam-graphic { margin-top: -50px; }
.exam-do-dont { clear: both; list-style-type: none; margin: 10px 0 20px; padding: 10px 0 0; }
.exam-do-dont li { font-size: 1em; padding: 2px 14px 1px; margin: 0 0 16px; }
.exam-do-dont li:nth-child(odd) { background: #deeded; }
.exam-do-dont li p { margin: 0.65em 0; }
.exam-do strong { color: #18aa1c; }
.exam-dont strong { color: #df1020; }
.exam-tip strong { color: #006bef; }

/* Considering contraception? */
.number-list { clear: both; margin: 0; padding: 0; list-style-type: none; }
.number-list li:nth-child(2n+1) { background: #deeded; }
.number-list li strong { color: #9e2e55; }
.number-list li { counter-increment: step-counter; margin-bottom: 30px; padding: 15px; font-size: 1em; position: relative; }
.number-list li::before { position: absolute; content: counter(step-counter); font-size: 26px;color: #9e2e55; font-weight: 700; border-radius: 50%; border: 4px solid #9e2e55; width: 45px; height: 45px; display: inline-block; text-align: center; line-height: 36px; top: 20px; left: 10px;}
.number-list li p { margin: 0 0 0 55px; padding: 0; }



/* STIs */
.sti-panel { background: #f3eaf4; width: 440px; float: right; border: 2px solid #902c8e; margin: 10px 0 30px 60px; padding-bottom: 10px; }
.sti-panel h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #902c8e url(/assets/misc/having-a-sti-emoji.jpg) right top no-repeat; background-size: 68px 67px; height: 69px; line-height: 1; color: #fff; padding-left: 20px; }
.main .sti-panel .biglink:link, .main .sti-panel .biglink:visited { color: #333; padding: 0 20px 0 47px; font-size: 16px; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; margin-left: 20px; line-height: 1.2; }
.main .sti-panel .biglink { min-height: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.main .sti-panel .biglink:before { bottom: 0; margin: auto; }


/* Protect yourself and each other… */
.protect-yourself-and-each-other .header-container { background: #4e3455; display: table; width: 100%; }
.protect-yourself-and-each-other .header-left { display: table-cell; padding: 30px 40px 0px 40px; position: relative; vertical-align: top; }
.protect-yourself-and-each-other .header-right { display: table-cell; width: 480px; }
.protect-yourself-and-each-other .header-left h1 { color: #fff; font-size: 4em; line-height: 1.3; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; margin-bottom: 120px; max-width: 340px; padding-right: 20px; }
.protect-yourself-and-each-other .header-left h4 { color: #fff; position: absolute; bottom: 13px; right: 10px; font-size: 1.1em; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.protect-yourself-and-each-other h3 { color: #4e3455; margin: 30px 0 10px 0; font-size: 2.8em; }
.protect-yourself-and-each-other p { margin: 0 0 12px 0; padding-top: 0; }
.protect-yourself-and-each-other .header-left p { margin: 0; padding: 0; }
.protect-yourself-and-each-other .header-left p img { width: 220px; height: auto; }
.protect-yourself-and-each-other .condom { display: inline-block; float: right; padding: 20px 0 20px 20px; }
.protect-yourself-and-each-other .header-right video { margin-bottom: -4px; }
.protect-yourself-and-each-other .borough-panel { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.protect-yourself-and-each-other .condoms { margin-top: 50px; }
.protect-yourself-and-each-other .testing { margin-top: 30px; }
.protect-yourself-and-each-other .borough-panel h3 { width: 320px; padding: 160px 30px 30px 30px; color: #fff; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-size: 2.2em; text-align: center; line-height: 1.3; display: inline-block; vertical-align: top; margin: 0; }
.protect-yourself-and-each-other .condoms h3 { background: #4e3455 url(/assets/misc/free-condoms.png) top 30px center no-repeat; background-size: 103px 103px; }
.protect-yourself-and-each-other .testing h3 { background: #fd8a02 url(/assets/misc/free-sti-testing.png) top 30px center no-repeat; background-size: 103px 103px; }
.protect-yourself-and-each-other .borough-panel ul { display: inline-block; width: 600px; background: #eeeeee; margin-top: 0; margin-bottom: 0; padding-top: 37px; padding-bottom: 37px; }
.protect-yourself-and-each-other .borough-panel li { list-style: none; display: inline-block; }
.protect-yourself-and-each-other .borough-panel li a { color: #fff; background: #333; text-align: center; padding: 13px; text-decoration: none; display: inline-block; line-height: 1; width: 225px; margin: 4px 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.protect-yourself-and-each-other .condoms li a { background: #4e3455; }
.protect-yourself-and-each-other .testing li a { background: #fd8a02; }
.protect-yourself-and-each-other .condoms li a:hover { background: #674b6d; }
.protect-yourself-and-each-other .testing li a:hover { background: #ffa630; }
.protect-yourself-and-each-other .hashtag a { display: inline-block; padding-right: 10px; }


.greentick li { background: url(/assets/icons/green-tick.png) 0 1px no-repeat; background-size: 24px 21px; padding: 0 0 10px 28px; margin: 0; list-style: none; }


/* --- SEARCH --- */
ul.search-results { list-style-type: none; border-top: 1px solid #d3d3d3; margin: 20px 0; padding: 0;}
ul.search-results li { border-bottom: 1px solid #d3d3d3; margin: 0; padding: 0; }
ul.search-results a { display: block; padding: 8px 10px 8px 38px; position: relative;}
ul.search-results a:hover, ul.search-results a:active, ul.search-results a:focus { background: #fdf4f7; }
.search-results a:link .num, .search-results a:visited .num { text-decoration: none; color: #999; display: inline-block; position: absolute; left: 4px; font-size: 0.75em; width: 32px; text-align: right; padding-right: 10px;}
.search-container .pagination { float: right; margin: -8px 0 14px 14px;}

/* Valentine's Day */
.valentines-header { background: #ed0461; color: #fff; position: relative; height: 335px; }
.valentines-header img { position: absolute; right: 7%; top: 0;}
.valentines-header .logo { right: auto; top: auto; bottom: 24px; left: 28px; width: 268px; height: 60px; }
.valentines-header h1 { color: #fff; font-size: 3.8em; line-height: 125%; width: 50%; max-width: 530px; z-index: 1; position: relative; margin: 0; left: 30px; top: 45%; -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.valentines-header h1 strong { font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; text-transform: none; }
.content-valentines h1, .content-valentines h2, .content-valentines h3 { color: #cc0049; }
.content-valentines ul { list-style-type: none; padding-left: 5px; }
.content-valentines li { background: url(/assets/misc/heart-bullet-2x.png) no-repeat 0 10px; background-size: 21px 17px; padding-left: 32px; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.content-valentines .valentines-video-container li { background: none; }
.content-valentines img { max-width: 100%; height: auto; }

.content-valentines a, .content-valentines .pink, .content-valentines strong  { color: #cc0049; }
.content-valentines .bold { font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; margin-bottom: 8px; }
.content-valentines a:hover { color: #333; }

.content-valentines .hero-banner { position: relative; }
.content-valentines .hero-banner .hero-banner-text { position: absolute; top: 66px; left: 5%; bottom: 0; margin: auto; height: 133px;  }
.content-valentines .hero-banner h2 { display: inline-block; color: #fff; font-size: 3.5em; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; padding: 0; }
.content-valentines .hero-banner h2 strong { color: #fff; }

.content-valentines .valentines-video-container { background: #16212f; min-height: 329px; padding-right: 125px; }
.content-valentines .padding { float: left; padding: 40px 20px 40px 60px; }
.content-valentines .padding p { margin: 0; padding: 3px 0 0 0; color: #888; font-size: 1.2em; }
.content-valentines .padding h2 { margin: 0; padding: 10px 0; color: #a7aec1; font-size: 4em; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.content-valentines .padding h3 { margin: 0; padding: 0; font-size: 2em; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.content-valentines .valentines-video { max-width: 480px; float: right; }

/* Valentine's Day 2019 */
.content-valentines.new2019 h2 strong { text-transform: none; }
.content-valentines.new2019 .hero-banner h2 { display: block; }
.content-valentines.new2019 .hero-banner .hero-banner-text { top: 0; }



.protect-yourself { float: right; max-width: 460px; min-height: 151px; background: #f0edf1 url(../assets/misc/condom-pocket.jpg) 0 0 no-repeat; padding: 5px 20px 12px 250px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 50px; }
.protect-yourself h2 { font-size: 2.3em; margin: 0; }


/* Summer Fun */
.summerfunquote { background: #1fadcc url(/img/summerfun/quote-bg.png) no-repeat center center; background-size: cover; margin: -20px -30px 30px; padding: 40px; text-align: center; position: relative; }
.summerfunquote div { background: #68c5c2; padding: 20px 60px 6px; border: 5px solid #fff; color: #fff; margin: 0 auto; max-width: 900px; font-size: 1.2em;}
.summerfunquote:after { content: ''; background: url(/img/summerfun/yellow-leaf.png) no-repeat 0 0; background-size: cover; position: absolute; bottom: 0; left: 0; width: 330px; height: 160px; }

.summerfunintro { padding-left: 90px; margin-left: -30px; background: url(/img/summerfun/blue-leaf.png) no-repeat 0 0; background-size: 70px; }
.summerfunintro h2  { color: #1fadcc; margin: 20px 0 40px;}
.summerfuncocktail { margin-top: -6px; margin-bottom: -10px; position: relative; z-index: 10; }

.summerfunfestivals, .summerfunholidays { position: relative; background: #1fadcc; color: #fff; padding: 20px 25px 20px 20px; width: 51%; float: left; margin-left: -30px; margin-right: 2%;}
.summerfunholidays { background: #68c5c2; float: right; margin-left: 0; margin-right: -30px;}


.summerfunfestivals h3, .summerfunholidays h3 { color: #fff; text-align: center; font-size: 2.6em; margin-top: 30px;}
.main .summerfunfestivals ul, .main .summerfunfestivals li, .main .summerfunholidays ul, .main .summerfunholidays li { color: #fff; }
.main .summerfunfestivals li, .main .summerfunholidays li, .main .summerfunsafety li { margin-bottom: 20px; }
.summerfunfestivals em, .summerfunholidays em { font-style: normal; color: #f5f3b8; }
.summerfunfestivals:before, .summerfunfestivals:after { content: ''; background: url(/img/summerfun/sun.png) no-repeat 0 0; background-size: contain; position: absolute; }
.summerfunfestivals:before { top: -55px; left: 30px; width: 160px; height: 160px; }
.summerfunsafety { clear: both; padding-top: 20px;}
.summerfunsafety h3 { color: #1fadcc; font-size: 2.6em; padding-left: 40px;}
.summerfunfooter { background: #1fadcc; color: #fff; margin: 30px -30px -30px; text-align: center; padding: 20px 40px 8px; font-size: 1.2em;}


.summerfunholidays:after { content: ''; background: url(/img/summerfun/sun.png) no-repeat 0 0; background-size: contain; position: absolute;background-image: url(/img/summerfun/bunting.png); background-position: top center; bottom: -160px; left: 5%; width: 90%; height: 160px; }



/* Fresher's week */
.fresherstopbox { background: #e4e0e0 url(/img/freshers/main-top-box.png) no-repeat center center; margin: 0 0 30px; padding: 40px; text-align: center; position: relative; }
.fresherstopbox h1, .fresherstopbox p, .freshersintro { max-width: 720px; margin-left: auto; margin-right: auto; text-align: center; }
.fresherstopbox p { font-size: 1.7em; }
.fresherstopbox h1 { margin-top: 0;}
.fresherstopbox h1, .freshersintro h3, .freshersmain h2, .fresherssignoff p { color: #b81355; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; }
.fresherstopbox img { display: none; }
.freshers { background: #eff2f3; margin: -20px -30px -48px; padding-bottom: 60px; }
.freshersintro h3 { font-size: 2.6em; line-height: 1.25; }
.freshersmain h2 { font-size: 2.8em; text-align: center;}
.freshersmain { text-align: center; background: #eff2f3 url(/img/freshers/main-bg.png) no-repeat top center; margin: 50px auto;}
.freshersmainbox { background: #fff; padding: 32px 40px 20px; margin: 30px auto 0; max-width: 746px; font-size: 1.2em; }
.freshersmainbox p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; margin: 1.3em 0; }
.freshersmainbox p:nth-of-type(even) { color: #b81355;}
.fresherssignoff { background: #b81355; text-align: center; max-width: 746px; margin: 0 auto; padding: 50px 30px 30px; }
.fresherssignoff p { color: #fff; font-size: 2.6em; line-height: 1.4;}


/* CSE page /child-sexual-exploitation */
.content.pg-mash #main  { background: #eff2f3 	url(/assets/misc/mash-hero.jpg) no-repeat top center; background-size: contain; border-top: 20px solid #ed0461; }
.pg-mash #main h1 { color: #82d0c2; text-transform: uppercase; font-size: 3.5em; font-family: 'FiraSans-Extrabold', Arial, Helvetica, sans-serif; font-weight: 900; padding-top: 10px; text-align: center; letter-spacing: 0.03em; }
.pg-mash #main .hero-mash p { color: #fff; font-size: 1.9em; max-width: 650px; margin: auto; text-align: center; }
.pg-mash #main .inner { background: none; }
.pg-mash #main .inner-mash { max-width: 746px; margin: 0 auto; padding: 35px; }
.pg-mash #main .inner-mash.content-mash { background: #fff; margin: 55px auto 0 auto; padding: 40px 35px 35px 35px; }
.pg-mash #main .content-mash h2 { color: #2e9b88; font-size: 3.6em; font-family: 'FiraSans-Extrabold', Arial, Helvetica, sans-serif; font-weight: 900; }
.pg-mash #main p.greenbold { color: #2e9b88; font-family: 'FiraSans-Semibold', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.7em; }
.pg-mash #main p.whiteongreen { color: #fff; background: #2e9b88; font-family: 'FiraSans-Semibold', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.7em; padding: 25px; margin: 30px 0 0 0; }
.pg-mash #main .inner-mash.mash-accordion { padding: 0 35px 0 220px; position: relative; margin-top: 50px; }
.pg-mash #main .mash-accordion:before { content: ''; display: block; position: absolute; background: url(/assets/icons/misc-icons.png?a); background-size: 250px 2000px; background-repeat: no-repeat; width: 140px; height: 140px; top: 0; left: 35px; }
.pg-mash #main .mash-accordion h3 { font-family: 'FiraSans-Extrabold', Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2.3em; line-height: 1.3; padding-top: 20px; }
.pg-mash #main .mash-accordion ul { padding: 0 0 0 20px; margin: 0; }
.pg-mash #main .mash-accordion ul li { padding: 0 0 15px 0;  }
.pg-mash #main .mash-accordion.signs:before { background-position: 0 0; }
.pg-mash #main .mash-accordion.parent:before { background-position: 0 -183px; }

.pg-mash #main .links-mash { padding: 25px 25px; margin-top: 30px; background: #2e9b88; clear: both; }
.pg-mash #main .links-mash h3 { color: #000; font-family: 'FiraSans-Extrabold', Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2.4em; text-align:center; margin: 0 0 20px 0; line-height: 1.3; }
.pg-mash #main .links-mash .links-mash-line { max-width: 600px; margin: 0 auto; text-align: center; }
.pg-mash #main .links-mash p { display: inline-block; position: relative; margin: 0 40px 12px 0; padding: 0; }
.pg-mash #main .links-mash a { color: #fff; text-decoration: none; font-family: 'FiraSans-Extrabold', Arial, Helvetica, sans-serif; font-weight: 900; font-size: 1.55em; -webkit-transition: all .5s; -o-transition: all .5s; transition: all 0.5s; }
.pg-mash #main .links-mash a:hover { border-bottom: 1px solid #fff; }
.pg-mash #main .links-mash p:after { content: ''; display: block; position: absolute; background: url(/assets/icons/misc-icons.png?a); background-size: 250px 2000px; background-repeat: no-repeat; background-position: 0 -375px; width: 22px; height: 28px; top: -3px; right: -26px; }

.pg-mash #main .more { padding: 0; margin: 0; }
.pg-mash #main .morecontent span { display: none; }
.pg-mash #main .morelink { position: relative; display: inline-block; text-decoration: none; color: #000; font-family: 'FiraSans-Semibold', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.6em; padding: 0 22px 0 0; margin: 0 0 0 5px; }
.pg-mash #main .morelink:hover { color:#7c1f7a; }
.pg-mash #main .morelink:after { content: ''; display: block; position: absolute; background: url(/assets/icons/misc-icons.png?a) no-repeat 0 -609px; background-size: 250px; width: 16px; height: 28px; top: -3px; right: 0; }
.pg-mash #main .morelink:hover:after { background-position: -50px -609px; }
.pg-mash #main .morelink.less:after { background-position: -100px -609px; }
.pg-mash #main .morelink.less:hover:after { background-position: -150px -609px; }

.pg-mash ul.boroughlist-mash { padding: 0; margin: 0; }
.pg-mash ul.boroughlist-mash li { list-style: none; margin: 0 0 36px 0; padding: 0; }
.pg-mash ul.boroughlist-mash li a { display: block; float: left; padding: 14px 10px 16px; width: 32%; color: #fff; text-align: center; text-decoration: none; }
.pg-mash ul.boroughlist-mash li a { margin: 0 2% 2% 0; }
.pg-mash ul.boroughlist-mash li:nth-child(3) a, .pg-mash ul.boroughlist-mash li:nth-child(6) a { margin-right: 0; }
.pg-mash .boroughlist-mash, .pg-mash .boroughlist-mash a:hover, .pg-mash .boroughlist-mash a:active, .pg-mash .boroughlist-mash a:focus { background: #fff; }
.pg-mash .boroughlist-mash a:link, .pg-mash .boroughlist-mash a:visited { background: #2e9b88; }
.pg-mash .boroughlist-mash a:hover, .pg-mash .boroughlist-mash a:active, .pg-mash .boroughlist-mash a:focus { background: #5dc5b0; }



/* Merton CSE banner */
.merton-cse { text-align: center; }
.merton-cse h4 { color: #c0184b; font-size: 1.75em; }


.merton-cse .date { width: 50%; display: inline-block; background: #e3dfdf; padding: 0 0 20px 0; position: relative; margin: 25px 0 3px 0; }
.merton-cse .date:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 14px 15.5px 0 15.5px; border-color: #fff transparent transparent transparent; }


.merton-cse .date.line { border-right: 1px solid #fff; }
.merton-cse .date h5 { font-size: 2.4em; margin: 0; color: #000; }
.merton-cse .date p { font-size: 1.9em; margin: 0; color: #000; }


.merton-cse .info-panel { background: #36ad99; padding: 30px; margin: 0 0 20px 0; }
.merton-cse .info-panel h5 { margin: 0 0 10px 0; color: #fff; font-size: 2.4em; }
.merton-cse .info-panel a { color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.merton-cse .info-panel a:hover { color: #c0184b; }
.merton-cse .info-panel p { margin: 0 0 15px 0; color: #fff; padding: 0; }
.merton-cse .info-panel p.linebreak { margin: 0; color: #fff; padding: 0; line-height: 1.1; font-family: 'FiraSans-Semibold', Arial, Helvetica, sans-serif; font-weight: 600; }


.services-side-ad .social { padding: 0; margin: 0 0 11px 0; }
.services-side-ad .social a { height: 70px; text-decoration: none; display: block; color: #ef2b4f; border-radius: 8px; padding: 10px 10px 10px 70px; text-align: center; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-style: italic; font-size: 20px; line-height: 1.15; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.services-side-ad .social a:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); box-shadow: 0 0 15px 1px rgba(255,255,255,0.7); }
.services-side-ad .social.instagram a { background: #fff url(/assets/misc/lets-talk-sex-instagram.png) left 10px center no-repeat; background-size: 53px 52px; line-height: 50px; }
.services-side-ad .social.facebook a { background: #fff url(/assets/misc/lets-talk-sex-facebook.png) left 10px center no-repeat; background-size: 53px 52px; padding: 12px 10px 8px 70px; }
.services-side-ad .social.twitter a { background: #fff url(/assets/misc/lets-talk-sex-twitter.png) left 10px center no-repeat; background-size: 53px 52px; padding: 12px 10px 8px 70px; }
.services-side-ad .social a span { display: block; }

/* --- Let's talk about sex side column (Kingston only) --- */
.lets-talk-sex { background: #902c8e; padding: 25px; margin-top: 22px; }
.lets-talk-sex h3 { max-width: 340px; margin: 0 auto; padding-bottom: 90px; position: relative; color: #fff; text-align: right; font-size: 29px; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.lets-talk-sex h3:before { position: absolute; top: -10px; left: -14px; width: 199px; height: 199px; display: block; content: ''; background: url(/assets/misc/lets-talk-sex-emojis.png) 0 0 no-repeat; background-size: 199px 199px; }
.lets-talk-sex h3 span { display: block; }
.lets-talk-sex h3 span.sex { font-size: 73px; line-height: 61px; }
.lets-talk-sex h3 span.kingston { color: #ffd200; }
.lets-talk-sex .facts { color: #fff; text-transform: uppercase; font-size: 24px; letter-spacing: 1px; text-align: center; margin: 0; }
.lets-talk-sex ul { margin: 0; text-align: center; padding: 0; }
.lets-talk-sex ul li { display: inline-block; color: #ffd200; padding: 11px 17px; list-style: none; border-right: 1px solid #b077ae; text-align: center; margin: 0; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 66px; line-height: 45px; }
.lets-talk-sex ul li.first { padding-left: 0; }
.lets-talk-sex ul li.last { padding-right: 0; border: none; }
.lets-talk-sex ul li span { color: #fff; display: block; font-size: 17px; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.lets-talk-sex .follow { clear: both; color: #fff; text-align: center; margin: 6px 0 15px 0; font-size: 24px; }


/* --- Got Summer Covered side column (Kingston only) --- */
.summer-covered-side { background: #56bbdf url(/assets/bg/got-summer-covered-services.jpg) no-repeat top center; background-size: cover; padding: 10px 25px; margin-top: 22px; }
.summer-covered-side h3 { margin: 0 auto 215px; position: relative; color: #fff; text-align: right; font-size: 5em; text-align: left; line-height: 1.02;}
.summer-covered-side h3, .summer-covered-side h4 { font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; }
.summer-covered-side h4 { text-align: center; font-size: 3.4em; color: #fff; margin: 0;}
.summer-covered-side .para { color: #000; font-size: 2.3em; line-height: 1.1; text-align: center; margin: 0 0 12px; }



#main .inner.county-lines { padding: 0; }
.county-lines-header { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 939px; }
.county-lines-header .left { width: 49%; float: left; padding: 50px 0 50px 50px; background: #1e1e1e url(/img/county-lines/county-lines2.jpg) left bottom no-repeat; background-size: cover; }
.county-lines-header .right { width: 51%; float: right; }
.county-lines-header .black { background: #000; padding: 70px 20px; min-height: 460px; }
.county-lines-header .grey { background: #e0e0e0; padding: 135px 20px; min-height: 479px; }
.county-lines-header h1  { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.2; font-size: 4.8em; color: #fff; background: #000; padding: 11px 25px 20px 25px; line-height: 1; margin: 0 0 20px 0; }
.county-lines-header h2 { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.2; font-size: 2.1em; color: #fff; text-transform: uppercase; max-width: 360px; background: #000; padding: 25px; margin: 0 20px 0 0; }
.county-lines-header .black p { max-width: 420px; margin: auto; color: #b9b9b9; line-height: 1.2; padding-bottom: 10px; }
.county-lines-header .grey p { max-width: 410px; margin: auto; color: #000; line-height: 1.2; padding-bottom: 10px; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.2; font-size: 2.1em; }
.county-lines-header .grey p.more-info-text { color: #ed0461; }
.county-lines-header .grey p.more-info-text a { color: #ed0461; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.county-lines-header .grey p.more-info-text a:hover { color: #000; }
.county-lines-text { margin: 35px 60px 100px 60px; }
.county-lines-text h2 { font-size: 3.4em; padding: 22px 30px; line-height: 1; margin: 80px 0 20px 0; }
.county-lines-text h2.first { margin-top: 0; }
.county-lines-text p a { color: #ed0461; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.county-lines-text p a:hover { color: #000; }
.county-lines-text a.tel:link, .county-lines-text a.tel:visited, .county-lines-text a[href^="tel"]:link, .county-lines-text a[href^="tel"]:visited { color: #ed0461; text-decoration: underline; }
.county-lines-text p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; color: #000; font-size: 2.2em; margin: 0 0 10px 0; line-height: 1.3; }
.county-lines-text p.reg { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.5em; }
.county-lines-text h2.concerned { color: #e0e0e0; background: #000 url(/img/county-lines/icon-concerned.png) right 40px center no-repeat; background-size: 30px 61px; }
.county-lines-text h2.parents { color: #e0e0e0; background: #000 url(/img/county-lines/icon-parents.png) right 40px center no-repeat; background-size: 57px 58px; }
.county-lines-text h2.phone { color: #fff; background: #ed0404; position: relative; }
.county-lines-text h2.phone span { position: absolute; right: 30px; top: 14px; font-size: 1.3em; text-decoration: underline; }
.county-lines-text h2.phone span:before { position: absolute; top: -5px; left: -76px; width: 61px; height: 61px; display: block; content: ''; background: url(/img/county-lines/icon-phone.png) 0 center no-repeat; background-size: 61px 61px; }
.county-lines-text h2.phone span a[href^="tel"]:link { color: #fff; text-decoration: underline; font-size: 1.3em; line-height: 1; }




/* --- Online Safety and Cyber Bullying --- */
.pg-online a { color: #b81355; }
.pg-online .online-safety a.tel:link, .pg-online .online-safety a.tel:visited, .pg-online .online-safety a[href^=tel]:link, .pg-online .online-safety a[href^=tel]:visited { color: #333; }
.pg-online .online-safety-heading { max-width: 686px; margin: 50px auto 30px auto; }
.pg-online .online-safety-panel-heading { background: #b81355; padding: 30px; margin-top: 40px; }
.pg-online .online-safety-panel-heading h3 { color: #fff; text-align: center; font-size: 2.5em; margin-bottom: 0; }
.pg-online .online-safety-panel-heading p { color: #fff; text-align: center; max-width: 950px; margin: 0 auto; font-size: 1.8em; }
.pg-online .online-safety-panel-heading a { color: #fff; }
.pg-online .online-safety .online-safety-panel-heading a.tel:link, .pg-online .online-safety .online-safety-panel-heading a.tel:visited, .pg-online .online-safety .online-safety-panel-heading a[href^="tel"]:link, .pg-online .online-safety .online-safety-panel-heading a[href^="tel"]:visited { color: #f0ff00; }
.pg-online .online-safety-panel-content { padding: 50px 65px 35px 65px; border: 5px solid #b81355; }
.pg-online .cyber-bullying { max-width: 1400px; margin: 30px auto 0 auto; overflow: hidden; text-align: left; width: 100%; padding: 0 10px 60px 10px; background: #e1e2e2; }
.pg-online .cyber-bullying h4 { padding: 40px 25px 60px 25px; font-size: 2.1em; line-height: 1.2; }
.pg-online .cyber-bullying-table { display: table; width: 100%; border-collapse: separate; border-spacing: 25px 0; margin: 0; }
.pg-online .cyber-bullying-cell { display: table-cell; width: 33.333%; background: #fff; padding: 17px 30px 40px 30px; }
.pg-online .cyber-bullying-cell p { font-size: 2em; font-weight: 700; line-height: 1.2; margin: 0; }
.pg-online .cyber-bullying-cell .link { padding: 30px 0; }
.pg-online .cyber-bullying-cell .image { text-align: center; }
.pg-online .cyber-bullying-cell .image.childnet { padding: 55px 0; }
.pg-online .cyber-bullying-cell .image.nspcc-childline { padding: 10px 0; }
.pg-online .cyber-bullying-cell .image .nspcc { padding-bottom: 35px; }


.pg-online .gambling .hero { background: #0b0b0b url(/assets/misc/gambling-hero2.jpg) bottom right no-repeat; background-size: 848px 437px; padding: 63px 60px 60px 60px; }
.pg-online .gambling .hero h2 { color: #fff; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 9.5em; font-style: italic; margin: 0; padding: 0 0 30px 0; }
.pg-online .gambling .hero h3 { color: #1984cb; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 5.5em; max-width: 550px; margin: 0; padding: 0; }
.pg-online .gambling .panel1 { display: table; width: 100%; padding: 30px 60px 0 60px; }
.pg-online .gambling .panel1 .left { display: table-cell; width: 277px; vertical-align: top; }
.pg-online .gambling .panel1 .right { display: table-cell; width: auto; vertical-align: middle;  }
.pg-online .gambling .panel1 .right .text { padding: 10px 350px 10px 70px; }
.pg-online .gambling .panel1 .right .text p { font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2.2em; color: #504f50; line-height: 1.2; margin: 0; }
.pg-online .gambling .panel1 .right .text p.blue { color: #1984cb; margin-top: 12px; }
.pg-online #main .gambling-inner { max-width: 1400px; margin: 0 auto; padding: 0; background: #fff; position: relative; }
.pg-online .gambling-inner .image { position: absolute; right: 70px; top: -300px; }
.pg-online .gambling-inner .table { display: table; width: 100%; }
.pg-online .gambling-inner .cell { display: table-cell; width: 50%; vertical-align: top; padding: 60px 90px; }
.pg-online .gambling-inner .cell p { font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2em; line-height: 1.3; margin: 0; text-align: left; }
.pg-online .gambling-inner .cell.beige { background: #e3e2d0; }
.pg-online .gambling-inner .cell.beige p { color: #333; }
.pg-online .gambling-inner .cell.blue { background: #1984cb; }
.pg-online .gambling-inner .cell.blue p { color: #fff; }
.pg-online .gambling-inner .cell.black { background: #000; }
.pg-online .gambling-inner .cell.black p { color: #fff; }
.pg-online .gambling-inner .panel2 .cell.blue { padding: 60px 130px 60px 80px; }
.pg-online .gambling-inner .gamcare { padding: 50px 20px 0 20px; text-align: center; }
.pg-online .gambling-inner .panel3 p.blue-button a { font-size: 1em; margin: 20px 0 10px 0; }
.pg-online .gambling-inner .gamcare p.blue-button a[href^="tel"]:link:hover,
.pg-online .gambling-inner .gamcare p.blue-button a[href^="tel"]:visited:hover { background: #1984cb; }
.pg-online .gambling-inner .gamcare p.gamcare-padd { padding-top: 80px; }
.pg-online .gambling-inner .gamcare p.netline { margin-bottom: 70px; }
.pg-online .gambling-inner .gamcare p.netline a { background:url(/assets/misc/gambling-speech-bubble.png) top center no-repeat; background-size: 120px 88px; color: #1984cb; display: inline-block; line-height: 1; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 1.2em; padding: 100px 10px 10px 10px; margin: 0; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pg-online .gambling-inner .gamcare p.netline a:hover { color: #333; }
.pg-online .gambling-inner a { color: #333; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pg-online .gambling-inner a:hover { color: #1984cb; }
.pg-online .gambling-inner .panel3 .cell.blue { background: #1984cb url(/assets/misc/gambling-speech-bubble2.png) right 40px center no-repeat; background-size: 142px 131px; padding-right: 210px; }


/* --- 50 ways to show someone you love them, without having sex --- */
.fifty-ways-to-show-love #main { padding-bottom: 50px; }
.fifty-ways-to-show-love #main .inner.heading { padding-bottom: 0; min-height: 0; }
.fifty-ways-to-show-love #main .inner { padding: 20px 0 0 0; min-height: 0; }
.fifty-ways-to-show-love #main .inner h1 { padding: 0 30px; }
.fifty-ways-to-show-love h1 { color: #d70; }
.fifty-ways-to-show-love .heading { display: table; width: 100%; }
.fifty-ways-to-show-love .heading .heading-left, .fifty-ways-to-show-love .heading .heading-right {  width: 50%; display: table-cell; vertical-align: top; }
.fifty-ways-to-show-love .heading .heading-left { padding: 3% 8% 3% 3%; }
.fifty-ways-to-show-love .heading .heading-right { padding: 0; }
.fifty-ways-to-show-love .heading-left { background: #339e9e; }
.fifty-ways-to-show-love .heading-left h2 { color: #fff; font-size: 4.7em; margin: 0 0 30px 0; }
.fifty-ways-to-show-love .heading-left h3 { color: #fff; font-size: 2.4em; margin: 0; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.3; }
.fifty-ways-to-show-love .heading-left h3 span { font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif;  }
.fifty-ways-to-show-love .fifty-ways { clear: both; display: -webkit-box; display: -ms-flexbox; display: flex; }
.fifty-ways-to-show-love .fifty-ways-image, .fifty-ways-to-show-love .fifty-ways-list { width: 50%; }
.fifty-ways-to-show-love .fifty-ways-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  padding: 2% 13% 2% 3%; }
.fifty-ways-to-show-love .fifty-ways-list ul { margin: 0 0 0 60px; padding: 0; }
.fifty-ways-to-show-love .fifty-ways-list ul li { font-size: 1.9em; list-style: none; padding: 0 0 10px 0; margin: 0; position: relative; line-height: 1.2; }
.fifty-ways-to-show-love .fifty-ways-list ul li:before { font-size: 2em; list-style: none; padding: 0 0 2px 0; margin: 0; position: absolute; top: 0; left: -60px; width: 30px; height: 30px; display: block; content: ''; background-image: url(/img/fifty-ways/hearts.png); background-repeat: no-repeat; background-size: 50px 335px; }
.fifty-ways-to-show-love .fifty-ways-list ul li:last-child { padding-bottom: 0; }

.fifty-ways-to-show-love .fifty-ways.image-left ul li:first-child:before { background-position: -24px 3px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(2):before { background-position: -24px -30px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(3):before { background-position: -24px -65px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(4):before { background-position: -24px -103px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(5):before { background-position: -24px -138px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(6):before { background-position: -24px -173px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(7):before { background-position: -24px -206px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(8):before { background-position: -24px -242px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(9):before { background-position: -24px -279px; }
.fifty-ways-to-show-love .fifty-ways.image-left ul li:nth-child(10):before { background-position: -24px -315px; }

.fifty-ways-to-show-love .fifty-ways.list-left ul li:first-child:before { background-position: 3px 3px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(2):before { background-position: 3px -30px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(3):before { background-position: 3px -65px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(4):before { background-position: 3px -103px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(5):before { background-position: 3px -138px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(6):before { background-position: 3px -173px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(7):before { background-position: 3px -206px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(8):before { background-position: 3px -242px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(9):before { background-position: 3px -279px; }
.fifty-ways-to-show-love .fifty-ways.list-left ul li:nth-child(10):before { background-position: 3px -315px; }



/* ---  Radicalisation & Extremism --- */
.radicalisation-extremism #main .inner { padding: 0; min-height: 0; }
.radicalisation-extremism .hero { min-height: 520px; background: #000 url(/img/radicalisation/hero.jpg) top right no-repeat; background-size: contain; padding: 20px 80px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.radicalisation-extremism .hero h1 {margin: 0; color: #fff; font-size: 7em; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.radicalisation-extremism .header1 { height: 453px; padding: 0; background: #1e1e1e; display: table; width: 100%; }
.radicalisation-extremism .header1-image { display: table-cell; width: 50%; background: url(/img/radicalisation/exploitation.jpg) center left no-repeat; background-size: cover; }
.radicalisation-extremism .header1-text { display: table-cell; width: 50%; padding: 50px 100px; vertical-align: middle; position: relative; }
.radicalisation-extremism .header1-text:before { right: 100%; top: 50%; border: solid transparent; content: " "; width: 0; position: absolute; pointer-events: none; border-right-color: #1e1e1e; border-width: 50px; margin-top: -50px; }
.radicalisation-extremism .header1-text h2 { color: #d84777; font-size: 3.2em; margin: 0 0 25px 0; }
.radicalisation-extremism .header1-text p { font-size: 1.8em; line-height: 1.3; color: #fff; margin: 0; }
.radicalisation-extremism .header1-text p a { color: #d84777; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.radicalisation-extremism .header1-text p a:hover { color: #ccc;  }
.radicalisation-extremism .header2 { height: 453px; padding: 0; background: #e9e8e8; display: table; width: 100%; }
.radicalisation-extremism .header2-image { display: table-cell; width: 50%; background: url(/img/radicalisation/hands.jpg) center left no-repeat; background-size: cover; }
.radicalisation-extremism .header2-text { display: table-cell; width: 50%; padding: 20px 100px; vertical-align: middle; position: relative; }
.radicalisation-extremism .header2-text:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #e9e8e8; border-width: 50px;
margin-top: -50px; }
.radicalisation-extremism .header2-text h2 { color: #d84777; font-size: 3.2em; margin: 0 0 25px 0; }
.radicalisation-extremism .header2-text p { font-size: 1.8em; line-height: 1.3; color: #333; margin: 0; }
.radicalisation-extremism .header2-image.mobile { display: none; }
.radicalisation-extremism .header3 { padding: 0; background: #fff; display: table; width: 100%; }
.radicalisation-extremism .header3 .header3-left { display: table-cell; width: 50%; background: #5b5251; }
.radicalisation-extremism .header3 .header3-left h2 { color: #fff; font-size: 4em; padding: 70px 80px; }
.radicalisation-extremism .header3 .header3-right { display: table-cell; width: 50%; vertical-align: middle; padding: 20px 120px; }
.radicalisation-extremism .header3 .header3-right p { font-size: 2.2em; position: relative; }
.radicalisation-extremism .header3 .header3-right p:before { position: absolute; top: 10%; left: -35px; width: 8px; height: 80%; display: block; content: ''; background: #cc4362; }
.radicalisation-extremism .header4 { background: #e3e3e3; padding: 0; display: table; width: 100%; }
.radicalisation-extremism .header4 .header4-left { display: table-cell; width: 55%; vertical-align: top; padding: 100px 60px 100px 90px; }
.radicalisation-extremism .header4 .header4-left h3 { font-size: 4.2em; line-height: 1.5; }
.radicalisation-extremism .header4 .header4-left h3 span { border-bottom: 3px solid #cc476e; }
.radicalisation-extremism .header4 .header4-right { display: table-cell; width: 45%; vertical-align: top; padding: 100px 90px 100px 60px; }
.radicalisation-extremism .header4 .header4-right p { font-size: 2.15em; line-height: 1.4; }
.radicalisation-extremism .padding { padding: 60px 50px; }
.radicalisation-extremism .heading h3 { position: relative; background: #000; color: #e0e0e0; padding: 23px 27px 24px 27px; margin: 0 0 15px 0; line-height: 1; font-size: 3.3em; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.radicalisation-extremism .heading a, .radicalisation-extremism .heading span { color: #ed0461; text-decoration: underline; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.radicalisation-extremism .heading a:hover { color: #000;}
.radicalisation-extremism .heading a[href^="tel"]:link { color: #ed0461;}
.radicalisation-extremism .heading p { font-size: 2.2em; margin: 0 0 10px 0; line-height: 1.15; padding: 0 6px; }
.radicalisation-extremism .heading p.bold { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.radicalisation-extremism .heading p.linebreak { margin: 0; }
.radicalisation-extremism .heading h3:after { position: absolute; top: 5px; right: 0; width: 70px; height: 70px; display: block; content: ''; background: url(/img/radicalisation/icons.png) 0 0 no-repeat; background-size: 590px 80px; }
.radicalisation-extremism .heading.one h3:after { background-position: 7px -5px; }
.radicalisation-extremism .heading.two { margin-top: 60px; }
.radicalisation-extremism .heading.two h3:after { background-position: -136px -5px; }
.radicalisation-extremism .heading.three { margin-top: 60px; }
.radicalisation-extremism .heading.three h3:after { background-position: -293px -5px; }
.radicalisation-extremism .heading.four { margin-top: 60px; }
.radicalisation-extremism .heading.four h3 { background: #d34216; color: #fff; }
.radicalisation-extremism .heading.four h3:after { background-position: -423px -8px; width: 190px; }



/* ---  Healthy Eating --- */
.healthy-eating #main .inner { padding: 0; min-height: 0; }
.healthy-eating .header1 { height: 616px; padding: 0; display: table; width: 100%; }
.healthy-eating .header1 .header1-text { padding: 0; display: table-cell; width: 50%; vertical-align: middle; background: #528540; }
.healthy-eating .header1 .header1-text h1 { padding: 70px 80px; color: #e89623; font-size: 5.5em; letter-spacing: 0.02em; background: #fff; margin: 0; min-height: 226px; }
.healthy-eating .header1 .header1-text .green { padding: 126px 90px 126px 130px; min-height: 390px; }
.healthy-eating .header1 .header1-text h2 { position: relative; color: #fff; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; margin: 0; font-size: 2.6em; }
.healthy-eating .header1 .header1-text h2:before { position: absolute; top: 5%; left: -35px; width: 6px; height: 90%; display: block; content: ''; background: #e89623; }
.healthy-eating .header1 .header1-image { display: table-cell; width: 50%; background: url(/img/healthy-eating/header1.jpg) center center no-repeat; background-size: cover; }
.healthy-eating .header2 { display: table; width: 100%; }
.healthy-eating .header2 .header2-left { padding: 0; display: table-cell; width: 50%; vertical-align: top; }
.healthy-eating .header2 .header2-left h3 { position: relative; color: #2e5628; font-size: 4.1em; padding: 70px 80px; margin: 0; }
.healthy-eating .header2 .header2-left h3:before { position: absolute; left: 80px; bottom: 25px; width: calc(100% - 80px); height: 3px; display: block; content: ''; background: #e89623; }
.healthy-eating .header2 .header2-right { padding: 0; display: table-cell; width: 50%; vertical-align: top; }
.healthy-eating .header2 .header2-right p { padding: 70px 80px; margin: 0; font-size: 2em; line-height: 1.4; }
.healthy-eating .header3 { height: 868px; display: table; width: 100%; }
.healthy-eating .header3 .header3-left { padding: 80px; display: table-cell; width: 50%; vertical-align: middle; background: url(/img/healthy-eating/kfc.jpg) center center no-repeat; background-size: cover; }
.healthy-eating .header3 .header3-left h4 { position: relative; text-align: center; color: #fff; font-size: 4.5em; line-height: 1.25; }
.healthy-eating .header3 .header3-left h4:before { position: absolute; top: -130px; left: 0; right: 0; margin: auto; width: 365px; height: 110px; display: block; content: ''; background: url(/img/healthy-eating/kfc-ellipse-top.png) 0 0 no-repeat; background-size: 365px 110px; }
.healthy-eating .header3 .header3-left h4:after { position: absolute; bottom: -130px; left: 0; right: 0; margin: auto; width: 365px; height: 100px; display: block; content: ''; background: url(/img/healthy-eating/kfc-ellipse-bottom.png) 0 0 no-repeat; background-size: 365px 100px; }
.healthy-eating .header3 .header3-right { padding: 0; display: table-cell; width: 50%; vertical-align: top; background: #f5e0e6; }
.healthy-eating .header3 .header3-right h4 { background: #70313e; color: #fff; font-size: 4.9em; padding: 70px 90px; line-height: 1.2; }
.healthy-eating .header3 .header3-right h4 span { display: block; }
.healthy-eating .header3 .header3-right p { padding: 0; margin: 0 0 70px 0; font-size: 2.3em; line-height: 1.4; position: relative; }
.healthy-eating .header3 .header3-right .padding { padding: 120px 80px 30px 130px; }
.healthy-eating .header3 .header3-right p:before { position: absolute; top: 5%; left: -35px; width: 8px; height: 90%; display: block; content: ''; background: #c94457; }
.healthy-eating .header4 { height: 815px; display: table; width: 100%; }
.healthy-eating .header4 .header4-text { position: relative; padding: 20px 80px; display: table-cell; width: 50%; vertical-align: middle; background: #e89623; }
.healthy-eating .header4 .header4-text:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(232, 150, 35, 0);  border-left-color: #e89623; border-width: 52px; margin-top: -52px; }
.healthy-eating .header4 .header4-text h4 { color: #fff; font-size: 5em; margin: 0 0 30px 0; }
.healthy-eating .header4 .header4-text p { color: #fff; font-size: 2.1em; line-height: 1.4; position: relative; margin: 0; padding: 0 0 40px 0; }
.healthy-eating .header4 .header4-text p.icon { background:url(../img/healthy-eating/icons.png) -1px 0 no-repeat; background-size: 500px 865px; height: 120px; padding: 0; margin: 0 0 50px 0; }
.healthy-eating .header4 .header4-text p.line { padding: 0 0 0 40px; }
.healthy-eating .header4 .header4-text p.line:before { position: absolute; top: 5%; left: 0; width: 8px; height: 90%; display: block; content: ''; background: #fff; }
.healthy-eating .header4 .header4-image { padding: 0; display: table-cell; width: 50%; vertical-align: middle; background:url(/img/healthy-eating/five-a-day.jpg) center center no-repeat; background-size: cover; }
.healthy-eating .header5 { height: 607px; display: table; width: 100%; }
.healthy-eating .header5 .header5-image { padding: 0; display: table-cell; width: 50%; background:url(/img/healthy-eating/breakfast.jpg) center center no-repeat; background-size: cover; }
.healthy-eating .header5 .header5-text { padding: 20px 150px; display: table-cell; width: 50%; vertical-align: middle; background: #fcf6ec; }
.healthy-eating .header5 .header5-text h4 { text-align: center; font-size: 4.2em; margin: 150px 0 0 0; padding: 30px 0; position: relative; }
.healthy-eating .header5 .header5-text h4:before { position: absolute; top: -160px; left: 0; right: 0; margin: auto; width: 365px; height: 160px; display: block; content: ''; background: url(/img/healthy-eating/icons.png) -12px -195px no-repeat; background-size: 500px 865px; width: 170px; }
.healthy-eating .header5 .header5-text p { text-align: center; font-size: 2em; margin: 0; padding: 0; line-height: 1.3; }
.healthy-eating .header6 { display: table; width: 100%; }
.healthy-eating .header6 .header6-left, .healthy-eating .header6 .header6-right { padding: 90px; display: table-cell; width: 50%; position: relative; }
.healthy-eating .header6 .header6-left:before { position: absolute; top: 100px; right: 0; width: 3px; height: calc(100% - 200px); display: block; content: ''; background: #e89623; }
.healthy-eating .header6 .header6-left h4 { text-align: center; font-size: 4.2em; margin: 0; padding: 190px 0 30px 0; position: relative; }
.healthy-eating .header6 .header6-left h4:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 365px; height: 155px; display: block; content: ''; background: url(/img/healthy-eating/icons.png) -349px -202px no-repeat; background-size: 500px 865px; width: 127px; }
.healthy-eating .header6 .header6-left p { padding: 0; text-align: center; margin: 0; font-size: 2em; line-height: 1.4; }
.healthy-eating .header6 .header6-right h4 { text-align: center; font-size: 4.2em; margin: 0; padding: 200px 0 30px 0; position: relative; }
.healthy-eating .header6 .header6-right h4:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 167px; height: 165px; display: block; content: ''; background: url(/img/healthy-eating/icons.png) -14px -427px no-repeat; background-size: 500px 865px; }
.healthy-eating .header6 .header6-right p { padding: 0; text-align: center; margin: 0; font-size: 2em; line-height: 1.4; }
.healthy-eating .header7 { height: 608px; display: table; width: 100%; }
.healthy-eating .header7 .header7-text { padding: 30px 90px; display: table-cell; width: 50%; vertical-align: middle; }
.healthy-eating .header7 .header7-text h4 { text-align: center; font-size: 4.2em; margin: 0; padding: 190px 0 30px 0; position: relative; }
.healthy-eating .header7 .header7-text h4:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 365px; height: 155px; display: block; content: ''; background: url(/img/healthy-eating/icons.png) -324px -436px no-repeat; background-size: 500px 865px; width: 153px; }
.healthy-eating .header7 .header7-text p { padding: 0; text-align: center; margin: 0; font-size: 2em; line-height: 1.4; }
.healthy-eating .header7 .header7-image { padding: 0; display: table-cell; width: 50%; background:url(/img/healthy-eating/calcium.jpg) center center no-repeat; background-size: cover; }
.healthy-eating .header8 { height: 627px; display: table; width: 100%; }
.healthy-eating .header8 .header8-image { padding: 0; display: table-cell; width: 50%; background:url(/img/healthy-eating/hydration.jpg) center center no-repeat; background-size: cover; }
.healthy-eating .header8 .header8-text { background: #8fcab2; padding: 30px 90px; display: table-cell; width: 50%; vertical-align: middle; }
.healthy-eating .header8 .header8-text .heading { position: relative; margin-bottom: 40px; padding-bottom: 50px; }
.healthy-eating .header8 .header8-text .heading:before { position: absolute; top: 0; left: -7px; width: 365px; height: 174px; display: block; content: ''; background: url(/img/healthy-eating/icons.png) -6px -683px no-repeat; background-size: 500px 865px; width: 81px; }
.healthy-eating .header8 .header8-text .heading:after { position: absolute; left: 0; bottom: 0; width: 97%; height: 3px; display: block; content: ''; background: #fff; }
.healthy-eating .header8 .header8-text .heading h4 { font-size: 4.4em; margin: 0; padding: 0 0 34px 95px; position: relative; color: #fff; }
.healthy-eating .header8 .header8-text .heading h5 { color: #fff; font-size: 2.2em; line-height: 1.3; margin: 0; padding: 0 0 0 95px; }
.healthy-eating .header8 .header8-text p { color: #fff; padding: 0; margin: 0; font-size: 2em; line-height: 1.2; }
.healthy-weight #main .inner { padding: 0; min-height: 0; }
.healthy-weight .heading h1 { color: #98c033; font-size: 5em; letter-spacing: 0.02em; line-height: 1; margin: 0; padding: 45px 60px 50px 50px; }
.healthy-weight .header1 { height: 664px; display: table; width: 100%; }
.healthy-weight .header1 .header1-image { display: table-cell; width: 50%; background: url(/img/healthy-weight/header1.jpg) center center no-repeat; background-size: cover; }
.healthy-weight .header1 .header1-text { position: relative; padding: 40px 100px 40px 140px; display: table-cell; width: 50%; vertical-align: middle; background: #e9a322; }
.healthy-weight .header1 .header1-text:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #e9a322; border-width: 52px; margin-top: -52px; }
.healthy-weight .header1 .header1-text h2 { position: relative; color: #fff; font-size: 2.5em; line-height: 1.35; margin: 0; padding: 0 0 40px 0; }
.healthy-weight .header1 .header1-text p { position: relative; color: #fff; font-size: 2em; line-height: 1.5; margin: 0; padding: 0; }
.healthy-weight .header1 .header1-text h2:after { position: absolute; left: -40px; top: 3%; height: 97%; width: 8px; display: block; content: ''; background: #fff; }
.healthy-weight .header1 .header1-text p:after { position: absolute; left: -40px; top: 0; height: 97%; width: 8px; display: block; content: ''; background: #fff; }
.healthy-weight .header1 .header1-text a { color: #fff; font-size: 2.6em; font-weight: 700; display: inline-block; margin-top: 40px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.healthy-weight .header1 .header1-text a:hover { color: #000; }
.healthy-weight .header2 { height: 684px; display: table; width: 100%; }
.healthy-weight .header2 .header2-image { display: table-cell; width: 50%; background: url(/img/healthy-weight/header2.jpg) center center no-repeat; background-size: cover; }
.healthy-weight .header2 .header2-text { position: relative; padding: 40px 100px; display: table-cell; width: 50%; vertical-align: middle; }
.healthy-weight .header2 .header2-text:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(232, 150, 35, 0);  border-left-color: #fff; border-width: 52px; margin-top: -52px; }
.healthy-weight .header2 .header2-text h2 { position: relative; font-size: 4em; line-height: 1.2; margin: 0; padding: 190px 0 30px 0; text-align: center; color: #333; }
.healthy-weight .header2 .header2-text h2:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 146px; height: 146px; display: block; content: ''; background: url(/img/healthy-weight/header2-icon.png) 0 0 no-repeat; background-size: 146px 146px; }
.healthy-weight .header2 .header2-text p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0; text-align: center; }
.healthy-weight .header3 { height: 989px; display: table; width: 100%; }
.healthy-weight .header3 .header3-image { display: table-cell; width: 50%; background: url(/img/healthy-weight/header3.jpg) center center no-repeat; background-size: cover; }
.healthy-weight .header3 .header3-text { background: #413a38; padding: 40px 100px; display: table-cell; width: 50%; vertical-align: middle; }
.healthy-weight .header3 .header3-text h2 { color: #fff; font-size: 4.8em; margin: 0; padding: 0 0 40px 0; }
.healthy-weight .header3 .header3-text h3 { color: #fff; font-size: 2.5em; margin: 0; padding: 0 0 40px 0; line-height: 1.4; }
.healthy-weight .header3 .header3-text p { color: #fff; font-size: 2.1em; line-height: 1.4; margin: 0; padding: 0 0 40px 0; }
.healthy-weight .header3 .header3-text p.last { padding: 0; }
.healthy-weight .header3 .header3-text a { color: #fff; font-weight: 700; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.healthy-weight .header3 .header3-text a:hover { color: #98c033; }
.healthy-weight .header4 { height: 620px; display: table; width: 100%; }
.healthy-weight .header4 .header4-image { display: table-cell; width: 50%; background: url(/img/healthy-weight/header4.jpg) center center no-repeat; background-size: cover; }
.healthy-weight .header4 .header4-text { position: relative; background: #c74413; padding: 40px 100px; display: table-cell; width: 50%; vertical-align: middle; }
.healthy-weight .header4 .header4-text:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #c74413; border-width: 52px; margin-top: -52px; }
.healthy-weight .header4 .header4-text h2 { color: #fff; font-size: 4.3em; margin: 0; padding: 0 0 40px 0; }
.healthy-weight .header4 .header4-text h3 { color: #fff; font-size: 2.5em; margin: 0; padding: 0 0 40px 0; line-height: 1.4; }
.healthy-weight .header4 .header4-text a { color: #fff; font-weight: 700; font-size: 2.5em; margin: 0; padding: 0; line-height: 1.4; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.healthy-weight .header4 .header4-text a:hover { color: #000; }


/* --- Pregnancy --- */
.pregnancy #main .inner.content { padding-left: 60px; padding-right: 60px; }
.pregnancy #main .inner { padding: 20px 0 0 0; min-height: 0; }
.pregnancy #main .inner h1 { padding: 0 0 0 30px; }
.pregnancy .header1 { background: #ccc url(/img/pregnancy/header1.jpg) center center no-repeat; background-size: cover; height: 453px; display: table; width: 100%; }
.pregnancy .header1-left, .pregnancy .header1-right { width: 50%; display: table-cell; padding: 70px 17% 70px 60px; vertical-align: top; }
.pregnancy .header1-left { background: rgba(0,0,0,0.5); }
.pregnancy .header1 h2 { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; font-size: 3em; margin: 0; }
.pregnancy .header1 h2 span { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; }
.pregnancy .header2 { background: #f290aa url(/img/pregnancy/header2.jpg) 0 0 no-repeat; background-size: cover; height: 585px; display: table; width: 100%; }
.pregnancy .header2-left, .pregnancy .header2-right { width: 50%; display: table-cell; padding: 60px 70px 60px 30px; vertical-align: middle; }
.pregnancy .header2 p { font-size: 1.9em; line-height: 1.4; margin: 0; padding: 0 0 3px 0; }
.pregnancy .header2 ul { margin: 0; padding: 0 0 0 17px; }
.pregnancy .header2 ul li { font-size: 1.9em; color: #333; line-height: 1.4; padding: 0 0 0 17px; }
.pregnancy .header2 h3 { color: #fff; text-transform: uppercase; font-size: 4em; margin: 30px 0 10px 0; }
.pregnancy .header2 h4 { font-size: 3.8em; margin: 0; padding: 0 110px 0 0; color: #000; line-height: 1.1; }
.pregnancy h2.think { text-align: center; color: #3c3b3c; font-size: 3.5em; margin: 30px 0 40px 0; }
.pregnancy .pregnant-container { text-align: center; }
.pregnancy .pregnant-container .col { width: 32%; float: left; margin-right: 2%; }
.pregnancy .pregnant-container .col.col3 { margin-right: 0; }
.pregnancy .pregnant-container .col p { font-size: 2.2em; line-height: 1.1; }
.pregnancy .pregnant-container .col1 p { padding: 0 70px; }
.pregnancy .pregnant-container .col2 p { padding: 0 70px; }
.pregnancy .pregnant-container .col3 p { padding: 0 60px; }
.pregnancy .pregnant-container .col img { max-width: 260px; }
.pregnancy .emergency-contraception { max-width: 930px; margin: 70px auto 50px auto; }
.pregnancy .emergency-contraception p { font-size: 1.9em; text-align: center; }
.pregnancy .header3 { height: 453px; display: table; width: 100%; background: #b81355; margin: 30px 0 0 0; }
.pregnancy .header3-left, .pregnancy .header3-right { display: table-cell; padding: 70px 70px 30px 60px; }
.pregnancy .header3-left { background: #b81355; width: 570px; }
.pregnancy .header3-right { width: auto; background: url(/img/pregnancy/clinic.jpg) right center no-repeat; background-size: cover; }
.pregnancy .header3 h3 { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; font-size: 3em; margin: 0; }
.pregnancy h3.results-heading { color: #b81355; font-size: 3.3em; padding: 30px 0 50px 0; margin: 0; }
.pregnancy .results { max-width: 1170px; margin: 0 auto 60px auto; }
.pregnancy .results-left { width: 40%; float: left; margin-right: 12%; }
.pregnancy .results-right { width: 44%; float: left; margin-right: 0; }
.pregnancy .results p { font-size: 2em; line-height: 1.3; padding-top: 5px; }
.pregnancy .results img { max-width: 280px; }
.pregnancy .bubble { max-width: 1170px; margin: 0 auto 170px auto; background: #b81355; position: relative; padding: 50px; border-radius: 40px; }
.pregnancy .bubble:after { content: ''; position: absolute; bottom: -100px; right: 110px;  width: 0; height: 0; border-style: solid; border-width: 120px 74px 0 0px; border-color: #b81355 transparent transparent transparent; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }
.pregnancy .bubble p { color: #fff; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.4; padding: 0 0 20px 0; margin: 0; }
.pregnancy .bubble p:last-child { padding: 0; }
.pregnancy .bubble a { color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pregnancy .bubble a:hover { color: #fd8a02; }
.pregnancy .bubble .caps { text-transform: uppercase; }
.pregnancy .bubble .visit { color: #000; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }



/* ---  https://www.gettingiton.org.uk/sutton-sexual-health-services-moving-monday-1st-april --- */
.sutton-sexual-health #main h2 { margin: 0 0 -12px 0; }
.sutton-sexual-health #main h3 { margin: 27px 0 -15px 0; }
.sutton-sexual-health #main h4 { margin: 0 0 -14px 0; }
.sutton-sexual-health #main .clinic-divider { margin: 50px 0 0 0; clear: both; }
.sutton-sexual-health #main iframe { width: 450px; height: 300px; max-width: 100%; margin-bottom: 20px; }
.sutton-sexual-health #main .opening-times h4 { margin: 0; }

.sutton-sexual-health #main table { margin: 10px 0 0 0; }
.sutton-sexual-health #main table td { vertical-align: top; font-size: 1.6em; padding: 0 14px 10px 0; }


@media screen and (min-width: 900px) {
.sutton-sexual-health #main iframe { height: 350px; float: right; margin: 0 0 30px 30px; }
}



/* --- FOOTER --- */
.prefooter { text-align: left; border-top: 0px solid #eff2f3;}
.prefooter ul, ul.links { list-style-type: none; margin: 0; padding: 0; display: table;}
.prefooter li { margin: 0; padding: 8px 14px; display: table-cell; vertical-align: top;}
.prefooter li img { margin-top: -4px;}

ul.links { display: block; margin: 5px auto; }
.links li { display: inline-block; padding: 0; margin: 5px 0; border-right: 1px solid #222; }
.links li:last-child { border: none; }
.links a { display: block; padding: 6px 10px; margin: -6px 0; line-height: 100%; }

footer { background: #eff2f3; }
.mainfooter { padding: 14px; }

#quickclose { position: fixed; top: 50%; right: 0; z-index: 9999; transform: translateY(-50%); }
#quickclose img { display: block; margin-left: 6px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); }



/* --- Mobile Nav --- */
.sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 270px; overflow-x: hidden; overflow-y: auto;  background: #555; color: #333; box-shadow: -15px 0 10px -15px rgba(0,0,0,0.4) inset;}
.sidr.left { left: -270px; right: auto; }

.sidr ul { display: block; margin: 0; padding: 0; text-align: left; }
.sidr ul li { display: block; margin: 0; line-height: 120%; box-shadow: -15px 0 10px -15px rgba(0,0,0,0.4) inset; }
.sidr ul li a, .sidr ul li span { padding: 10px 15px; display: block; text-decoration: none; color: #fff; font-size: 1.4em; line-height: 120%; }

.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span,
.sidr ul li ul li.sidr-class-current a { color: #fff; }
.sidr ul li ul li a, .sidr ul li ul li span { font-size: 0.8em; padding: 6px 10px 6px 26px; line-height: 135%; }
.sidr ul li ul li:last-child a { padding-bottom: 16px;}
.sidr ul li ul ul li a { font-size: 0.55em; padding-left: 42px;}
.sidr ul ul ul {
display: block !important;
}
.sidr ul ul ul { padding-bottom: 5px; }
.sidr ul ul ul li { position: relative; }
.sidr ul ul ul li:before { position: absolute; top: 16px; left: 28px; width: 10px; height: 2px; display: block; content: ''; background: #fff; }
.sidr ul ul ul li:hover:before { background: #fff;  }



/* --- RESPONSIVE --- */
@media screen and (max-width: 1400px) {

.content-valentines .valentines-video-container { padding-right: 0; }

.pg-online .gambling .hero { background: #0b0b0b url(/assets/misc/gambling-hero2.jpg) bottom right no-repeat; background-size: 42% auto; padding: 20px 40px 10% 40px; }
.pg-online .gambling .hero h2 { font-size: 7em; padding: 0 0 10px 0; }
.pg-online .gambling .hero h3 { font-size: 3.3em; max-width: 57%; }

.county-lines-header, .county-lines-header .black, .county-lines-header .grey { min-height: 0; }
.county-lines-header .black, .county-lines-header .grey { padding: 10% 20px; }

}



@media screen and (max-width: 1300px) {
.summer-covered-side h3 { font-size: 4.5em; }
}



@media screen and (max-width: 1200px) {
.homenav a { font-size: 1.5em; padding: 18px 16px;}
.prefooter li {padding: 8px 10px;}
.prefooter li:first-child { padding-left: 0; }
.prefooter li:last-child { padding-right: 0; }
.summerfunquote:after { width: 290px; height: 135px; }

.summer-covered-side h3 { font-size: 4em; }

.pg-online .gambling .panel1 { padding: 30px 0 0 0; }
.pg-online .gambling .panel1 .left { width: 220px; }
.pg-online .gambling .panel1 .right .text { padding: 10px 260px 10px 30px; }
.pg-online .gambling-inner .image { width: 250px; right: 30px; top: -230px; }
.pg-online .gambling .panel1 .right .text p { font-size: 1.9em; line-height: 1.3; }

.hourstable th { width: 130px; }
}


@media screen and (max-width: 1160px) {
.consentlogo { width: 270px; height: auto; }

.content-valentines .padding h2 { font-size: 3em; }
.content-valentines .padding h3 { font-size: 1.6em; }

}



@media screen and (max-width: 1140px) {
.logo h3 { font-size: 1.8em; }
.mainnav li a { font-size: 1.1em; }
.valentines-header img { right: 6%; }
.exam-stress .img-left { width: 300px; height: auto;}
.exam-stress .img-right { width: 270px; margin-top: -35px; height: auto;}
}



@media screen and (max-width: 1100px) {
.prefooter .biglink { padding-left: 50px; }
.prefooter .biglink:before { width: 40px; height: 40px; background-size: 30px 600px;background-position: 15px -52px; }
.consentlogo { width: 250px; }

.content-valentines .hero-banner h2 { display: block; }
.content-valentines .hero-banner .hero-banner-text { height: 173px;  }
.content-valentines.new2019 .hero-banner .hero-banner-text { height: 130px;  }

.county-lines-header, .county-lines-header .black, .county-lines-header .grey { min-height: 0; }
.summer-covered-side h3 { font-size: 3.8em; margin-bottom: 190px; }

}

@media screen and (max-width: 1060px) {
.logo img { margin-top: 14px; }
.logo h3 { font-size: 1.7em; margin-top: -12px; }
.mainnav li a { padding: 5px 10px 6px; }
.mainnav, .fill-right, .mainnav li a { height: 64px; }
.topmsg { min-width: 400px; }
.topmsg img { width: 156px; top: 10px; }
.topmsg a { padding-left: 170px; }
.halftonegrey { right: 45%; }
.summerfunfestivals:before { top: -40px; left: 15px; width: 140px; height: 140px; }

.content-valentines .padding { padding: 40px 20px 40px 30px; }
.content-valentines .padding h2 { font-size: 2em; }
.content-valentines .padding h3 { font-size: 1.3em; }

}

@media screen and (max-width: 1000px) {
.prefooter .biglink { font-size: 1.5em; padding-left: 48px; }
.prefooter li {padding: 8px 8px;}
.consentlogo { width: 230px; }
.valentines-header img { right: 5%; }

.pg-online .online-safety-panel-content { padding: 20px 20px 20px 20px; border: 3px solid #ad4069; }

.county-lines-header .left { background: #1e1e1e url(/img/county-lines/county-lines2.jpg) left bottom no-repeat; background-size: contain; }

.pg-online .gambling .hero { background: #0b0b0b url(/assets/misc/gambling-hero2.jpg) bottom right no-repeat; background-size: 70% auto; padding: 30px 30px 40% 30px; }
.pg-online .gambling .hero h2 { font-size: 5.5em; text-align: center; padding: 0 0 10px 0; }
.pg-online .gambling .hero h3 { font-size: 3em; max-width: none; text-align: center; }
.pg-online .gambling-inner .cell,
.pg-online .gambling-inner .panel2 .cell.blue { padding: 30px; }
.pg-online .gambling-inner .cell.black { vertical-align: middle; }
}

@media screen and (max-width: 950px) {
.prefooter .biglink { font-size: 1.4em; }
.exam-stress .img-left { width: 260px; }
.exam-stress .img-right { width: 220px; margin-top: -5px; }
.summerfunquote:after { width: 270px; height: 120px; }

.content-valentines.new2019 .hero-banner h2 { font-size: 3em; }
}

@media screen and (max-width: 900px) {
.inner { padding: 0 24px; }
.topmsg { min-width: 320px; }
.topmsg img { width: 136px; top: 20px; }
.topmsg a { padding-left: 150px; }

.halftonegrey { right: 50%; }
.logo h3 { font-size: 1.6em; }

.homenav { overflow-y: scroll !important;-webkit-overflow-scrolling: touch;}
.homenav ul { display: block; height: auto;}
.homenav > ul > li { background-position: center center; }
.homenav > ul > li, .homenav > ul > li > a { min-height: 70px;}
.homenav ul ul { padding-bottom: 20px; }
.homenav li br { display: none; }
.homenav li a { background: none; font-size: 1.6em; padding-left: 25px; }
.homenav li:hover, .homenav li:focus, .homenav li.open { height: auto;}
.homenav li:hover ul, .homenav li:focus ul, .homenav li.open ul { -webkit-transition: none  !important; -moz-transition: none  !important; transition: none  !important; }
.homenav li ul a { padding-left: 25px; }

.prefooter ul { display: block; padding: 16px 0 24px; }
.prefooter li, .prefooter li:first-child, .prefooter li:last-child { padding: 1px 0; display: block; }
.prefooter li img { margin-top: -4px;}

.prefooter .biglink { font-size: 1.6em; padding-left: 64px; margin: 6px 0;}

.prefooter .biglink:before { width: 54px; height: 54px; background-size: 50px 1000px; background-position: 17px -94px; }
.consentlogo { width: auto; max-width: 100%;}
.summerfunfestivals, .summerfunholidays { float: none; width: auto; margin: 0 -30px 20px; }
.summerfunholidays { margin-bottom: 170px;}

.pg-online .cyber-bullying { margin: 30px auto 0 auto; padding: 0 10px 60px 10px; }
.pg-online .cyber-bullying h4 { padding: 20px 15px 30px 15px; font-size: 1.8em; }
.pg-online .cyber-bullying-table { display: block; margin: 0; }
.pg-online .cyber-bullying-cell { display: block; width: 100%; padding: 20px; border-bottom: 10px solid #e1e2e2;  }
.pg-online .cyber-bullying-cell p { font-size: 1.7em; }
.pg-online .cyber-bullying-cell .link { padding: 15px 0 25px 0; }
.pg-online .cyber-bullying-cell .image { text-align: left; }
.pg-online .cyber-bullying-cell .image.childnet, .pg-online .cyber-bullying-cell .image.nspcc-childline, .pg-online .cyber-bullying-cell .image { padding: 0; }
.pg-online .cyber-bullying-cell .image.nspcc-childline p { float: left; }
.pg-online .cyber-bullying-cell .image p.nspcc { margin: 25px 40px 0 0; }

.pg-online .gambling .panel1 .left { width: 170px; }
.pg-online .gambling .panel1 .right .text { padding: 0 230px 10px 20px; }
.pg-online .gambling-inner .image { width: 200px; right: 30px; top: -186px; }
.pg-online .gambling .panel1 .right .text p { font-size: 1.7em; line-height: 1.3; }

}



@media screen and (max-width: 860px) {
.valentines-header img { right: 2%; }
.summerfunquote:after { width: 240px; height: 100px; }
.protect-yourself { float: none; min-height: 151px; background: #f0edf1 url(../assets/misc/condom-pocket.jpg) top 15px center no-repeat; padding: 180px 15px 20px 15px; display: block; margin: 20px auto 0 auto; }
.protect-yourself h2 { text-align: center; padding: 0 15px; }

.sti-panel {  width: auto; max-width: 650px; float: none; margin: 0 0 20px 0; }
.sti-panel h3 { font-size: 18px; padding: 0 80px 0 20px; line-height: 1.2; }

}

@media screen and (max-width: 850px) {
  .postcode-inputs .button { min-width: 60px; }
}
@media screen and (max-width: 800px) {
.headertop .mobhide { display: none; }
.halftonegrey { right: 65%; }
.boroughlistheading, .boroughlist { width: 92%;}
.boroughlist li { width: 31%; padding: 8px 14px; }

.content-valentines.new2019 .hero-banner h2 { font-size: 2.5em; }
}

@media screen and (max-width: 768px) {
.logo img {margin: 14px 10px 0 -4px;  width: 350px; }
.logo h3 { margin-left: 88px; }
.topmsg { min-width: 260px; }
.topmsg img { width: 120px; top: 28px; }
.topmsg a { padding-left: 130px; }

.topmsg.cse img { padding-top: 0; }

#menutoggle { display: block;}
.servicesnav ul, .mainnav, .sidr ul ul { display: none; }
.pg-home #menutoggle { display: none; }
.pg-home .servicesnav ul { display: block; }
.valentines-header { overflow: hidden; height: 300px; }
.valentines-header img { right: -4.2%; height: 300px; width: auto;}
.valentines-header h1 { font-size: 3.5em; line-height: 120%; left: 24px; }
.valentines-header .logo { left: 25px; }
.exam-stress .img-right { display: none; }
.summerfunquote div { padding: 20px 30px 6px;}
.summerfunquote:after { width: 210px; height: 90px; }
.fresherstopbox { background: #e4e0e0; }
.freshersmain { background: none; }
.freshersintro { padding: 0 22px;}
.fresherstopbox img { display: block; margin: -24px auto 12px; }
.freshersmainbox { padding: 28px 28px 14px; font-size: 1.1em; }
.fresherssignoff p { font-size: 2.4em; }

.hourstable th { width: 130px; }

/* CSE page /child-sexual-exploitation */
.content.pg-mash #main { padding-top: 40%; background-color: #fff; }
.pg-mash #main h1 { color: #2e9b88; padding-top: 0; margin: 0 0 10px 0; text-align: left; }
.pg-mash #main .hero-mash p { color: #333; padding: 0; text-align: left; font-size: 1.6em; max-width: none; }
.pg-mash #main .inner-mash.content-mash { margin: 0; padding: 30px 0 0 0; }
.pg-mash #main .content-mash h2 { font-size: 2em; line-height: 1.3; }
.pg-mash #main p.greenbold { margin: 0; }
.pg-mash #main .inner-mash.mash-accordion { padding: 60px 0 0 0; margin-top: 50px; }
.pg-mash #main .mash-accordion:before { background: url(/assets/icons/misc-icons.png?a); background-size: 125px 1000px; background-repeat: no-repeat; width: 70px; height: 70px; top: 0; left: 0; right: 0; margin: auto; }
.pg-mash #main .mash-accordion.parent:before { background-position: 0 -91px; }
.pg-mash #main .mash-accordion h3 { font-size: 1.9em; }

.pg-online .gambling-inner .gamcare-logo { max-width: 120px; margin: 0 auto; }
.agency-details .logo { float: none; margin: 16px 8px 8px 0px; }
#quickclose { padding: 2px 0 2px 4px; }
#quickclose img { width: 34px; height: auto; }
}


@media screen and (max-width: 860px) {
.content-valentines .valentines-video { float: none; padding: 10px 0 30px 0; margin: auto; }
.content-valentines .padding { float: none; }

.content-valentines .padding { padding: 30px 15px 20px 15px; text-align: center; }
.content-valentines .padding h2 { font-size: 3em; }
.content-valentines .padding h3 { font-size: 1.6em; }


.pg-online .gambling-inner .panel3 .cell.blue { background: #1984cb url(/assets/misc/gambling-speech-bubble2.png) top 30px center no-repeat; background-size: 90px 83px; padding: 130px 30px 30px 30px; }

.summer-covered-side { background-position: 80% top; padding: 10px 18px;}
}


@media screen and (max-width: 760px) {
.summer-covered-side { padding: 10px; }
.summer-covered-side h3 { font-size: 3.2em; padding: 0 5px;}
.summer-covered-side h4 { font-size: 2.8em;}
.summer-covered-side .para { font-size: 1.9em;}
.summer-covered-side .social.instagram a { font-size: 0.75em; }

}


@media screen and (max-width: 700px) {
.boroughlistheading, .boroughlist { width: 100%;}
.pg-online .gambling-inner .table { display: block; width: 100%; }
.pg-online .gambling-inner .cell { display: block; width: 100%; }
.pg-online .gambling-inner .cell p { font-size: 1.8em; text-align: center; }
.pg-online .gambling .panel1 .left { width: 140px; }
.pg-online .gambling .panel1 .right .text { padding: 0 20px 150px 20px; }
.pg-online .gambling-inner .image { width: 200px; right: 30px; top: -183px; }
.pg-online .gambling .panel1 { position: relative; padding: 20px 0 30px 0; display: block; width: 100%; }
.pg-online .gambling .panel1 .left { position: absolute; bottom: 0; width: 170px; }
.pg-online .gambling .panel1 .right { display: block; }
.pg-online .gambling .panel1 .right .text { padding: 0 0 170px 0; text-align: center; }
.pg-online .gambling .panel1 .right .text p.blue { margin-top: 6px; margin-bottom: 10px; }
}


@media screen and (max-width: 690px) {
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
}


@media screen and (max-width: 680px) {
.halftonegrey { top: 0; height: 100%; width: auto; }
.halftonepink { display: none;}
.headertop { display: block; height: auto;}
.headertop div { display: block; text-align: center; width: auto; }
.headertop.inner { padding: 0;}
.logo img {margin: 14px 0 0; width: 350px; }
.logo h3 { margin: 4px auto 12px; padding: 0 18px;}
.topmsg, .topmsg-banner { min-height: 60px; max-width: 100%; }
#headerbanners { margin: 2px 20px 18px;}

#headerbanners div { height: 110px; }
#headerbanners.topmsg a { height: 110px; }

.headertop .topmsg.cse { padding: 4px 0; }
.topmsg.cse img { padding-top: 17px; }
.topmsg.cse a:link h3, .topmsg.cse a:visited h3,
.topmsg a:link p, .topmsg a:visited p { text-align: left; }
.topmsg.cse a:link, .topmsg.cse a:visited { min-height: 75px; padding: 10px 10px 10px 115px; }
.topmsg.cse img { left: 20px; }

.topmsg img { width: 80px; top: 0; left: 20px;}
.topmsg a { padding: 10px 85px;}
div.topmsg-banner { padding: 0;}
.topmsg-banner img { max-width: 300px; margin: 5px 0 2px;}
.summerfunquote { background-image: url(/img/summerfun/quote-bg-sml.png); }
.content-valentines.new2019 .hero-banner h2 { font-size: 2em; }
.content-valentines.new2019 .hero-banner .hero-banner-text { height: 80px; }
}



@media screen and (max-width: 600px) {
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pg-online .online-safety-panel-heading, .pg-online .online-safety-panel-content { padding: 10px; }
.pg-online .online-safety-panel-content ul { padding: 0 0 0 20px; }

.pg-online .gambling .hero { background: #0b0b0b url(/assets/misc/gambling-hero2.jpg) bottom right no-repeat; background-size: 100% auto; padding: 10px 10px 54% 10px; }
.pg-online .gambling .hero h2 { font-size: 4em; padding: 0 0 10px 0; }
.pg-online .gambling .hero h3 { font-size: 2.5em; padding: 0; }
}


@media screen and (min-width: 1150px) {
.sti-panel { margin-top: -45px; }
}



@media screen and (max-width: 660px) {
.services-search, .services-main { float: none; width: 100%; padding: 0;}
.services-search { padding-bottom: 20px;}
.services-search.with-results h2 { display: none; }
  .postcode-inputs .button { min-width: 100px; }
.services-part { clear: left; padding: 8px 0; }
.services-part p { width: 49%; float: left; clear: none;}
.services-part p:first-child { padding-right: 20px; width: 55%;}
.services-part p:last-child { width: 45%;}
#select_submit { text-align: center; padding-top: 10px;}
.postcode-inputs { text-align: center; }
.services-search .mobshow { display: block; margin-top: 5px; }
.services-search .mobhide { display: none;}
#toggle-filter { width: 100%; }
#toggle-filter:before { content: ''; display: inline-block; width: 0; height: 0; margin-right: 8px; position: relative; top: 5px; border: 7px solid transparent; border-top: 7px solid #fff;}
#toggle-filter.open:before { border: 7px solid transparent; border-bottom: 7px solid #fff; top: -2px;}
p.services-ad { margin: 24px 0 12px; line-height: 120%;}
.summerfunquote { overflow: hidden; }
.summerfunquote:after { bottom: -10px; width: 200px; height: 80px; }
.summerfunintro { padding-left: 40px; margin-left: -30px; background: none; }
.summer-covered-side { background-image: url(/assets/bg/got-summer-covered-services-wide.jpg); background-position: center top; padding-left: 52%; padding-right: 20px;}
.summer-covered-side h3 { margin-bottom: 30px; font-size: 4em; }
.summer-covered-side .social.instagram a { font-size: 0.9em; }
}
@media screen and (min-width: 661px) {
#services-forms { display: block !important; }
}


@media screen and (max-width: 620px) {
.content-valentines .hero-banner .hero-banner-text { height: 173px;  }
.content-valentines .hero-banner h2 { font-size: 3em; }
}



@media screen and (max-width: 600px) {
.navbar .mobsearch { display: inline-block; width: 36px; height: 36px; position: absolute; top: 6px; right: 15px; background-position: 5px -445px; }
.navbar .inner div { width: auto; }
.navbar div.servicesnav { width: 100px;}
.pg-home .navbar div.servicesnav { width: auto;}
.navbar .inner { padding-right: 80px;}
.navbar.showsearch { margin-bottom: 50px; -webkit-transition: margin 0.3s; -moz-transition: margin 0.3s; transition: margin 0.3s; }
.navbar form { display: block; height: 0; width: 100%; overflow: hidden; padding: 0; position: absolute; right: 0; top: 50px; background: #b81355; text-align: center; }
.navbar.showsearch form { height: 50px; padding-top: 4px; -webkit-transition: height 0.3s, padding 0.3s; -moz-transition: height 0.3s, padding 0.3s; transition: height 0.3s, padding 0.3s; }

.navbar input.searchtext { width: 80%; min-width: 50px; font-size: 1.7em; height: 32px; padding: 3px 10px; right: 10%; left: 10%; top: 3px;}
.navbar input.iconsubmit { background-position: 7px -44px; height: 32px; width: 34px; right: 10%; top: 3px;}

ul.twocol, ol.twocol { -moz-columns: 1; -webkit-columns: 1; columns: 1; }
.boroughlist li { width: 32%; padding: 8px 12px; }
.boroughlist a:link, .boroughlist a:visited { font-size: 1em; }
ul.halfcolumn, ol.halfcolumn { width: auto; margin: 0; float: none;}
.img-right { float: none; margin: 6px auto 18px; display: block; max-width: 100%; height: auto;}

.valentines-header { height: 280px; }
.valentines-header img { right: -10%; height: 280px; }
.valentines-header h1 { font-size: 3.2em; }
.valentines-header .logo { width: 200px; height: auto; }
img.summerfuncocktail { float: right; margin: 0 0 10px 20px; width: 80px;}
.clear-mobile { clear: both; }

}


@media screen and (max-width: 580px) {
.summer-covered-side h3 { font-size: 3.6em; }
.summer-covered-side h4 { font-size: 2.6em; }
.summer-covered-side .social.instagram a { font-size: 0.75em; }
}

@media screen and (max-width: 560px) {
.content-valentines.new2019 .hero-banner .hero-banner-text { display: none; }
}



@media screen and (max-width: 540px) {
.services-part { clear: left; padding: 0; }
.services-part p { width: auto; float: none; }
.services-part p:first-child, .services-part p:last-child { width: auto; padding: 2px 0;}
#select_submit { padding-top: 0;}
.postcode-inputs { text-align: center; }
label, .radio span { display: block; width: auto; float: none; }
.radio label { display: inline-block; }
.textinput, .inputwidth { width: 100%; }
.postcodesearch { width: 100px;}
p.indent { padding-left: 0; }
.summerfunholidays { margin-bottom: 130px; }
.fresherssignoff p { font-size: 2.2em; }

.pg-mash #main .links-mash h3 { font-size: 1.8em; }
.pg-mash #main .links-mash p { margin: 0 30px 12px 0; }
.pg-mash #main .links-mash a { font-size: 1.2em; }
.pg-mash #main .links-mash p::after { top: -5px; }

.content-valentines .hero-banner .hero-banner-text { height: 155px;  }
.content-valentines .hero-banner h2 { font-size: 2.5em; }
.pg-online .gambling-inner .image { right: 20px; top: -183px; }

}


@media screen and (max-width: 520px) {
.logo h3 { font-size: 1.5em; }
.topmsg img { left: 10px;}
.topmsg p { line-height: 1.2;}
.summer-covered-side { background: #56bbdf url(/assets/bg/got-summer-covered-services.jpg) no-repeat center center; background-size: cover; padding: 10px 25px; }
.summer-covered-side h3 { font-size: 5em; margin-bottom: 220px;}
.summer-covered-side .social.instagram a { font-size: 1.05em; }
}


@media screen and (max-width: 500px) {
ul.boroughlist { padding: 10px 4px 12px;}
.boroughlist li { padding: 8px; }
.servicesnav ul ul { max-width: 200px; width: auto; padding: 10px 0; }
.valentines-header { height: 260px; }
.valentines-header img { right: -12%; height: 260px; }
.valentines-header h1 { font-size: 2.8em; }

.content-valentines .padding h2 { font-size: 2em; }
.content-valentines .padding h3 { font-size: 1.3em; }
}



@media screen and (max-width: 460px) {
.boroughlist li { width: 46%; padding: 8px 12px; }
.topmsg a { padding: 10px 20px 10px 90px;}

.navbar .inner { padding-left: 18px;}
.servicesnav ul ul a { padding: 8px 8px 8px 12px;}
.exam-stress .img-left { float: none; display: block; width: 100%;}

.content-valentines .hero-banner .hero-banner-text { display: none;  }

.pg-online .gambling .panel1 .left { bottom: 133px; }
.pg-online .gambling .panel1 .right .text { padding: 0 0 300px 0; }
.pg-online .gambling-inner .image { top: -183px; }
}

@media screen and (max-width: 450px) {
.valentines-header { height: 220px; }
.valentines-header img { right: -12%; height: 220px; }
.valentines-header h1 { font-size: 2.6em; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); }
.valentines-header .logo { display: none; }
}

@media screen and (max-width: 440px) {
.servicesnav .mobhide { display: none; }
.navbar .inner div { width: auto; }
.summerfunfestivals:before { top: -55px; left: -10px; }
#quickclose { padding: 6px 0 6px 6px; top: 55%;}
#quickclose img { width: 30px; }
}

@media screen and (max-width: 420px) {
.pg-mash .boroughlist-mash a:link, .pg-mash .boroughlist-mash a:visited { font-size: 0.8em; }
}


@media screen and (max-width: 400px) {
.boroughlist li { padding: 8px; }
.prefooter .biglink { padding-left: 50px; font-size: 1.5em; }
.prefooter .biglink:before { width: 40px; height: 40px; background-size: 30px 600px;background-position: 15px -52px; }
.logo img { max-width: 90%; }
.navbar input.searchtext { width: 80%; min-width: 0; }
.navbar .mobsearch { right: 10px; }
.emergencynav { display: inline-block; position: absolute; left: 55%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.pg-home #servtoggle { text-indent: -9999px; margin-top: 3px;}
.pg-home .emergencynav { left: 50%; }
.valentines-header h1 { font-size: 2.4em; left: 18px; width: 90%; position: absolute; top: auto; bottom: 14px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); text-shadow: 0 0 5px rgba(105,0,42,0.35); }
#headerbanners { margin: 2px 14px 14px;}

.summer-covered-side h3 { font-size: 4.2em; margin-bottom: 200px;}
}


@media screen and (max-width: 360px) {
ul.boroughlist { padding: 8px 0 10px;}
.boroughlist li { padding: 4px; }
.navbar .inner { padding-right: 50px;}
.emergencynav { font-size: 0.9em; }
.emergencynav .mobhide { display: none; }
.services-list p.tel { float: none; margin-left: 0; }
.valentines-header h1 { font-size: 2.3em; }

.content-valentines .padding h2 { font-size: 1.9em; }
.summer-covered-side { padding: 10px 15px; }
.summer-covered-side h3 { font-size: 3.6em; margin-bottom: 160px;}
.summer-covered-side .para { font-size: 1.8em}
.summer-covered-side .social.instagram a { font-size: 0.85em; }
}



/* Min Height */
@media screen and (min-height: 700px) {
.sidr ul li a, .sidr ul li span { padding: 15px 15px; }
}



@media screen and (max-width: 1200px) {
.protect-yourself-and-each-other .header-left h1 { font-size: 3em; line-height: 1.2; margin-bottom: 70px; }

}

@media screen and (max-width: 1000px) {
.protect-yourself-and-each-other .header-container { display: block; }
.protect-yourself-and-each-other .header-left { display: block; padding: 20px 20px 0px 20px; }
.protect-yourself-and-each-other .header-right { display: block; width: auto; }
.protect-yourself-and-each-other .header-left h1 { max-width: none; }
.protect-yourself-and-each-other .header-left h1 { margin-bottom: 30px; }

.protect-yourself-and-each-other .header-left h4 { position: relative; right: auto; padding-top: 30px; }
.protect-yourself-and-each-other .header-right video { max-width: 100%; height: auto; }
.protect-yourself-and-each-other .condom { max-width: 250px; }
.protect-yourself-and-each-other .borough-panel h3 { display: block; width: auto; margin-left: auto; margin-right: auto; }
.protect-yourself-and-each-other .borough-panel { display: block; max-width: 520px; margin-left: auto; margin-right: auto; }
.protect-yourself-and-each-other .borough-panel ul { padding: 20px 0 20px 4px; width: 100%; }

.protect-yourself-and-each-other h3 { font-size: 2.3em; }
}

@media screen and (min-width: 730px) and (max-width: 1000px) {
.protect-yourself-and-each-other .header-right video { margin: 0 20px 16px 20px; }

}


@media screen and (max-width: 700px) {
.protect-yourself-and-each-other .header-left p { max-width: 170px; }
.protect-yourself-and-each-other .borough-panel h3 { padding: 130px 30px 30px 30px; }
.protect-yourself-and-each-other .condoms h3 { background: #4e3455 url(/assets/misc/free-condoms.png) top 30px center no-repeat; background-size: 80px; }
.protect-yourself-and-each-other .testing h3 { background: #fd8a02 url(/assets/misc/free-sti-testing.png) top 30px center no-repeat; background-size: 80px; }
}

@media screen and (max-width: 570px) {
.protect-yourself-and-each-other .borough-panel ul li { display: block; }
.protect-yourself-and-each-other .borough-panel ul li a { margin-left: auto; margin-right: auto; display: block; }
.protect-yourself-and-each-other .condom { float: none; padding: 20px; margin: 40px auto 0 auto; max-width: 250px; display: block; }
.protect-yourself-and-each-other h3 { margin: 0 0 10px 0; }
}

@media screen and (max-width: 460px) {
.topmsg.bannerad a { padding: 10px 20px; }
}


@media screen and (min-width: 681px) {
.topmsg.bannerad a { padding-left: 30px; }
}


@media screen and (min-width: 661px) and (max-width: 860px) {
.lets-talk-sex h3 { padding-top: 110%; }
.lets-talk-sex h3:before { background-size: contain !important; }
}

@media screen and (min-width: 861px) and (max-width: 1070px) {
.lets-talk-sex h3 { padding-top: 220px; }
}

@media screen and (min-width: 661px) and (max-width: 1070px) {
.lets-talk-sex { padding: 10px; }
.lets-talk-sex h3 { text-align: center; }
.lets-talk-sex h3:before { top: 0; left: 0; right: 0; margin: auto; width: 100%; background: url(/assets/misc/lets-talk-sex-emojis.png) top center no-repeat; }
}


@media screen and (max-width: 440px) {
.lets-talk-sex { padding: 15px; }
.lets-talk-sex h3 { font-size: 24px; }
.lets-talk-sex h3 { font-size: 24px; max-width: 270px; padding: 4% 0 8% 0;}
.lets-talk-sex h3:before { top: -5px; left: -5px; width: 100%; background-size: 55% auto !important; }
.lets-talk-sex:before { top: -5px; left: -5px; width: 100%; background-size: 55% auto !important; }
.lets-talk-sex h3 span.sex { font-size: 62px; line-height: 57px; }
.lets-talk-sex h3 { min-height: 145px; }
.lets-talk-sex .facts { font-size: 20px; letter-spacing: 0; margin: 0 0 10px 0; }
.lets-talk-sex ul li { padding: 7px 10px; font-size: 56px; line-height: 40px; }
.lets-talk-sex ul li span { font-size: 15px; }
.services-side-ad .social a { height: 60px; padding: 5px 5px 5px 53px; font-size: 16px; background-size: 42px 41px !important;}
}

@media screen and (min-width: 1071px) and (max-width: 1400px) {
.lets-talk-sex { padding: 15px; }
.lets-talk-sex h3 { font-size: 24px; }
.lets-talk-sex h3 { font-size: 24px; max-width: 270px; padding: 4% 0 8% 0;}
.lets-talk-sex h3:before { top: -5px; left: -5px; width: 100%; background-size: 55% auto !important; }
.lets-talk-sex:before { top: -5px; left: -5px; width: 100%; background-size: 55% auto !important; }
.lets-talk-sex h3 span.sex { font-size: 62px; line-height: 57px; }
.lets-talk-sex h3 { min-height: 145px; }
.lets-talk-sex .facts { font-size: 20px; letter-spacing: 0; margin: 0 0 10px 0; }
.lets-talk-sex ul li { padding: 7px 10px; font-size: 56px; line-height: 40px; }
.lets-talk-sex ul li span { font-size: 15px; }
.services-side-ad .social a { height: 60px; padding: 5px 5px 5px 53px; font-size: 16px; background-size: 42px 41px !important;}
}


@media screen and (min-width: 661px) and (max-width: 1070px) {
.lets-talk-sex h3 { padding-bottom: 30px; }
.lets-talk-sex .facts { font-size: 17px; line-height: 1.2; margin-bottom: 10px; }
.lets-talk-sex ul li { padding: 0 !important; border-right: none; display: block; }
.lets-talk-sex .follow { font-size: 21px; }
.services-side-ad .social a { font-size: 13px; padding: 70px 0 13px 0 !important; height: auto; background-size: 53px 52px !important; line-height: 1 !important; }
.services-side-ad .social.instagram a { background: #fff url(/assets/misc/lets-talk-sex-instagram.png) top 10px center no-repeat; }
.services-side-ad .social.facebook a { background: #fff url(/assets/misc/lets-talk-sex-facebook.png) top 10px center no-repeat; }
.services-side-ad .social.twitter a { background: #fff url(/assets/misc/lets-talk-sex-twitter.png) top 10px center no-repeat; }

}


@media screen and (min-width: 441px) and (max-width: 660px) {
.lets-talk-sex h3 { padding: 25px 0 65px 0; }
}


/*  until 3rd january 2019  */
.survey-header { display: table; }
.survey-header .tr { display: table-row; }
.survey-header h2 { display: table-cell; background: #b81355; padding: 19px 22px 28px 22px; border-radius: 3px; color: #fff; font-size: 40px; max-width: 420px; line-height: 1.0; position: relative; }
.survey-header h2:after { position: absolute; left: 36px; bottom: -25px; width: 53px; height: 25px; display: block; content: ''; border-style: solid; border-width: 25px 26.5px 0 26.5px; border-color: #b81355 transparent transparent transparent; }
.survey-header span { display: table-cell; padding: 0 10px 0 0; }
.survey-header p.time { display: table-cell; color: #b81355; font-size: 16px; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; background:url(/assets/icons/survey-clock.png) 0 center no-repeat; background-size: 125px 106px; padding: 0 0 0 140px; margin-left: 10px; max-width: 310px; vertical-align: middle; line-height: 1.2; }
.survey .indent { padding: 30px 0 0 60px; max-width: 750px; }
.survey .indent h4 { color: #b81355; font-size: 20px; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; margin: 0; }
.survey p.start { margin: 40px 0 0 0; }
.survey p.start a { position: relative; background: #ffffff; border: 8px solid #b81355; text-decoration: none; padding: 16px 43px 19px 43px; border: 8px solid #b81355; display: inline-block; font-size: 21px; border-radius: 6px; color: #b81355; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; margin: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.survey p.start a:after, .survey p.start a:before { bottom: 100%; left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.survey p.start a:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 11px; margin-left: -9px; }
.survey p.start a:before { border-color: rgba(184, 19, 85, 0); border-bottom-color: #b81355; border-width: 23px;  margin-left: -21px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.survey p.ends { margin: 7px 0 40px 0; color: #b81355; font-size: 15px; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; }
.survey p.start a:hover:before { border-bottom-color: #ffd453; }
.survey p.start a:hover { color: #ffd453; border: 8px solid #ffd453; }


@media screen and (max-width: 660px) {
.survey-header, .survey-header .tr, .survey-header h2, .survey-header p.time { display: block; }
.survey-header span { display: none; }
.survey-header h2 { max-width: 340px; padding: 13px 17px 23px 17px; font-size: 26px; }
.survey-header p.time { min-height: 112px; margin-top: 60px; padding-top: 33px; }
.survey .indent { padding: 0; }
}
@media screen and (max-width: 800px) {
.survey-header p.time { min-width: 190px; }
}
@media screen and (max-width: 400px) {
.survey-header p.time { max-width: 250px; min-width: 190px; margin-top: 30px; margin-bottom: 0; background: url(/assets/icons/survey-clock.png) 0 center no-repeat; background-size: 88px 75px; padding: 33px 0 0 100px; }
}
@media screen and (min-width: 661px) and (max-width: 1040px) {
.survey-header p.time { max-width: 250px; min-width: 190px; margin-top: 30px; background: url(/assets/icons/survey-clock.png) 0 center no-repeat; background-size: 88px 75px; padding: 0 0 0 100px; }
.survey-header h2 { font-size: 27px; }
}
@media screen and (min-width: 661px) and (max-width: 800px) {
.survey .indent { padding: 30px 0 0 0; }
}





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

.county-lines-header .left { padding: 20px 0 20px 20px; }
.county-lines-header h1 { font-size: 3.2em; padding: 8px 10px 13px 15px; }
.county-lines-header h2 { font-size: 1.8em; max-width: 100%; }
.county-lines-header .grey { padding: 7% 30px; }
.county-lines-header .black { padding: 13% 30px; }
.county-lines-header .grey p { font-size: 1.8em; }
.county-lines-text { margin: 25px 20px 60px 20px; }
.county-lines-text h2 { padding: 14px 60px 14px 20px; margin: 50px 0 10px 0; line-height: 1.2; font-size: 2em; }
.county-lines-text h2.concerned { background: #000 url(/img/county-lines/icon-concerned.png) right 20px center no-repeat; background-size: 20px 41px; }
.county-lines-text h2.parents { background: #000 url(/img/county-lines/icon-parents.png) right 20px center no-repeat; background-size: 32px 33px; }
.county-lines-text h2.phone { padding: 14px 130px 14px 20px; }
.county-lines-text p { font-size: 1.6em; }
.county-lines-text p.childline { width: 250px; }
.county-lines-text h2.phone span { position: absolute; right: 30px; top: 9px; }
.county-lines-text h2.phone span:before { top: 0; left: -47px; width: 35px; height: 35px; background: url(/img/county-lines/icon-phone.png) 0 center no-repeat; background-size: 35px 35px; }
}



@media screen and (max-width: 700px) {
.county-lines-header { display: block; }
.county-lines-header .left, .county-lines-header .right { width: 100%; float: none; }
.county-lines-header .black, .county-lines-header .grey { padding: 30px; }
.county-lines-header .black p, .county-lines-header .grey p { max-width: none; }
.county-lines-header .grey p { font-size: 1.6em; }
.county-lines-header .left { padding: 20px 20px 100% 20px; }
.county-lines-header h1 { margin: 0 0 10px 0; }
.county-lines-header h2 { margin: 0; }
}


@media screen and (max-width: 420px) {
.county-lines-text h2.phone { min-height: 82px; padding-right: 80px; }
.county-lines-text h2.phone span { right: 20px; top: 46px; }
.county-lines-text h2.phone span:before { top: -36px; left: 0; right: 0; margin: auto; }
}




/* --- New Homepage --- */
.mainnav .nav-health a:hover, .mainnav .nav-health a:focus, .sidr-class-nav-health:hover, .sidr-class-nav-health li:hover, p.health-ad a:hover, p.health-ad a:focus { background: #a8d03e; }
.homenav li.nav-health, .pg-health #main { background-image: url(/assets/bg/section-health.png); background-position: right top; }
.servicesnav a:link, .servicesnav a:visited { font-size: 2.2em; }
.servicesnav ul ul a:link, .servicesnav ul ul a:visited { font-size: 1.7em; }
.location.iconmisc { position: relative; background: none; padding: 14px 10px 14px 70px; margin-top: -5px; height: auto; line-height: 1; margin-left: -40px; }
.navbar .inner { position: relative; }
.navbar .inner:before { position: absolute; top: -26px; left: -19px; width: 75px; height: 75px; display: block; content: ''; background: url(/assets/icons/misc-icons.png?a) 0 0 no-repeat; background-size: 250px 2000px; background-position: -4px -503px; z-index: -1; }
.nav-services, .nav-services a, .nav-services ul, .pg-services #main, .sidr-class-nav-services, .sidr-class-nav-services li, p.services-ad a { background: #b81355; color: #000; }
.mainnav .nav-services a:hover, .mainnav .nav-services a:focus, .sidr-class-nav-services:hover, .sidr-class-nav-services li:hover, p.services-ad a:hover, p.services-ad a:focus { background: #b81355; }
.sidr-class-nav-services a:link, .sidr-class-nav-services a:visited { color: #ffd453; }
.homenav .nav-services { border-top: 1px solid #fff; }
.nav-health, .nav-health a, .nav-health ul, .pg-health #main, .sidr-class-nav-health, .sidr-class-nav-health li, p.health-ad a { background: #799f1a; }


p.services-ad.red a { color: #b81355; }


/* --- New Homepage RESPONSIVE --- */

@media screen and (min-width: 768px) {
.nav-services { display: none; }
.navbar .inner div.servicesnav { padding: 3px 0; }
.navbar input.searchtext { width: 80%; }
.navbar form label { right: 80%; }
}

@media screen and (min-width: 768px) and (max-width: 850px) {
.mainnav, .fill-right, .mainnav li a { height: 84px; }
}
@media screen and (min-width: 1050px) and (max-width: 1400px) {
.mainnav, .fill-right, .mainnav li a { height: 70px; }
}


@media screen and (max-width: 900px) {
.navbar .inner { padding-left: 25px; }
.homenav li.nav-services { background-image: url(/assets/bg/section-services2.png); background-position: center center; background-image: none;}
.homenav li.nav-health { background-image: url(/assets/bg/section-health.png); background-position: center center; }
}


@media screen and (max-width: 768px) {
.navbar .inner:before { display: none; }
#menutoggle { display: inline-block; }
.c-hamburger { padding-left: 29px; }
.pg-home .navbar .inner div.servicesnav { display: none; }
.pg-home .navbar .inner div { padding: 10px 0; }
.pg-home .navbar .inner div.emergencynav { text-align: left; }
.pg-home .important { margin-top: 20px; }
.servicesnav a:link, .servicesnav a:visited { font-size: 1.7em; }
}


@media screen and (max-width: 768px) {
.pg-home .emergencynav { display: table-cell; position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }

}

@media screen and (max-width: 360px) {
.emergencynav { left: 59%; }
.navbar .inner div { padding: 11px 0 10px 0; }
.navbar .inner div.emergencynav { padding-top: 7px; line-height: 1; }
}



@media screen and (max-width: 900px) {
.servicesnav .mobhide { display: none; }
.pg-home .emergencynav .mobhide { display: inline-block; }
}





/* --- 50 ways to show someone you love them, without having sex --- */
@media screen and (max-width: 1200px) {
.fifty-ways-to-show-love .heading-left h2 { font-size: 4em; margin: 0 0 10px 0; }
.fifty-ways-to-show-love .heading-left h3 { font-size: 2em; }
.fifty-ways-to-show-love .heading .heading-left { padding: 20px; }
}
@media screen and (max-width: 850px) {
.fifty-ways-to-show-love .heading-left h2 { font-size: 3.7em; }
}
@media screen and (max-width: 768px) {
.fifty-ways-to-show-love .heading-left h2 { font-size: 3.8em; margin: 0 0 5px 0; }
.fifty-ways-to-show-love .heading-left h3 { font-size: 2em; }
}
@media screen and (max-width: 400px) {
.fifty-ways-to-show-love .heading-left h2 { font-size: 3.4em; }
}
@media screen and (max-width: 1350px) {
.fifty-ways-to-show-love .fifty-ways-list ul li { font-size: 1.8em; padding: 0 0 11px 0; }
}
@media screen and (max-width: 1250px) {
.fifty-ways-to-show-love .fifty-ways-list ul li { font-size: 1.7em; padding: 0 0 11px 0; }
}
@media screen and (max-width: 1200px) {
.fifty-ways-to-show-love .fifty-ways-list ul li { font-size: 1.5em; padding: 0 0 11px 0; }
.fifty-ways-to-show-love .fifty-ways-list ul li:before { left: -45px; }
}
@media screen and (max-width: 700px) {
.fifty-ways-to-show-love .heading .heading-left, .fifty-ways-to-show-love .heading .heading-right, .fifty-ways-to-show-love .heading .heading-right img { width: 100%; display: block; }
.fifty-ways-to-show-love .fifty-ways { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fifty-ways-to-show-love .fifty-ways-list { padding: 30px 20px 30px 60px; display: block; }
.fifty-ways-to-show-love .fifty-ways-image, .fifty-ways-to-show-love .fifty-ways-list { width: 100%; }
.fifty-ways-to-show-love .fifty-ways.image-left .fifty-ways-list { order: 1; }
.fifty-ways-to-show-love .fifty-ways.image-left .fifty-ways-image { order: 2; }
.fifty-ways-to-show-love .fifty-ways-image { max-width: 550px; margin: auto; }
.fifty-ways-to-show-love .fifty-ways-list { padding: 40px 20px; display: block; text-align: center; }
.fifty-ways-to-show-love .fifty-ways-list ul { max-width: 400px; display: inline-block; margin: 0 0 0 40px; }
.fifty-ways-to-show-love .fifty-ways-list ul li { text-align: left; font-size: 1.6em; padding: 0 0 16px 0; }
.fifty-ways-to-show-love .fifty-ways-list ul li:before { left: -40px; }
}
@media screen and (min-width: 701px) and (max-width: 1100px) {
.fifty-ways-to-show-love .fifty-ways { display: table; width: 100%; padding: 20px 0; }
.fifty-ways-to-show-love .fifty-ways-list { display: table-cell; width: 50%; vertical-align: middle; padding: 20px; }
.fifty-ways-to-show-love .fifty-ways-image { display: table-cell; width: 50%; vertical-align: middle; padding: 0; }
.fifty-ways-to-show-love .fifty-ways-list ul li { font-size: 1.6em; }
}








@media screen and (max-width: 1400px) {
.radicalisation-extremism .hero { min-height: 0; padding: 12% 8%; }
}

@media screen and (max-width: 1250px) {
.radicalisation-extremism .hero h1 { font-size: 5.5em; }
.radicalisation-extremism .hero { padding: 12% 6%; }
}

@media screen and (max-width: 1200px) {
.radicalisation-extremism .header1 { height: auto; }
.radicalisation-extremism .header1-text { padding: 5%; }
.radicalisation-extremism .header1-text h2 { margin: 0 0 10px 0; }
.radicalisation-extremism .header1-text p {  font-size: 1.8em; }
.radicalisation-extremism .header1-text:before { border-width: 30px; margin-top: -30px; }
.radicalisation-extremism .header2 { height: auto; }
.radicalisation-extremism .header2-text { padding: 5%; }
.radicalisation-extremism .header2-text h2 { margin: 0 0 10px 0; }
.radicalisation-extremism .header2-text p {  font-size: 1.8em; }
.radicalisation-extremism .header2-text:before { border-width: 30px; margin-top: -30px; }
.radicalisation-extremism .header3 .header3-right { padding: 20px 100px; }
.radicalisation-extremism .header3 .header3-left h2 { font-size: 3.5em; padding: 20% 16%; }
.radicalisation-extremism .header3 .header3-right p { font-size: 2em; }
.radicalisation-extremism .header3 .header3-right p:before { left: -30px; width: 5px; }
.radicalisation-extremism .header4 .header4-left h3 { font-size: 3em; }
.radicalisation-extremism .header4 .header4-right p { font-size: 1.8em; }
.radicalisation-extremism .header4 .header4-right { padding: 4% 3% 4% 3%; }
.radicalisation-extremism .header4 .header4-left { padding: 4%; }
.radicalisation-extremism .heading h3 { padding: 13px 20px 15px 20px; font-size: 2.5em; }
.radicalisation-extremism .heading p { font-size: 1.8em; }
.radicalisation-extremism .heading h3:after { background: url(/img/radicalisation/icons.png) 0 0 no-repeat; background-size: 369px 50px; }
.radicalisation-extremism .heading.one h3:after { background-position: 31px -4px; }
.radicalisation-extremism .heading.two h3:after { background-position: -63px -5px; }
.radicalisation-extremism .heading.three h3:after { background-position: -160px -5px; }
.radicalisation-extremism .heading.four h3:after { background-position: -244px -5px; width: 140px; }
}

@media screen and (max-width: 950px) {
.radicalisation-extremism .hero h1 { font-size: 4.5em; }
}

@media screen and (max-width: 900px) {
.radicalisation-extremism .header1 { display: block; }
.radicalisation-extremism .header1-image, .radicalisation-extremism .header1-text { display: block; width: 100%; }
.radicalisation-extremism .header1-text { padding: 50px; }
.radicalisation-extremism .header1-image { padding-bottom: 36%; background-position: top -50px center; }
.radicalisation-extremism .header1-text:before { top: auto; bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #1e1e1e; border-width: 30px; margin-left: -30px; }
.radicalisation-extremism .header2 { display: block; }
.radicalisation-extremism .header2-image, .radicalisation-extremism .header1-text { display: block; width: 100%; }
.radicalisation-extremism .header2-text { padding: 50px; }
.radicalisation-extremism .header2-image { padding-bottom: 36%; background-position: top -50px center; }
.radicalisation-extremism .header2-text:before { top: auto; bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #e9e8e8; border-width: 30px; margin-left: -30px; }
.radicalisation-extremism .header2-image.mobile { display: block; }
.radicalisation-extremism .header2-image.desktop { display: none; }
.radicalisation-extremism .header3 { display: block; }
.radicalisation-extremism .header3 .header3-left, .radicalisation-extremism .header3 .header3-right { display: block; width: 100%; }
.radicalisation-extremism .header3 .header3-left h2 { padding: 50px; margin: 0; }
.radicalisation-extremism .header3 .header3-left .image img { display: none; }
.radicalisation-extremism .header3 .header3-left .image { background: url(/img/radicalisation/fence.jpg) center center no-repeat; background-size: cover; padding-bottom: 40%; }
.radicalisation-extremism .header3 .header3-right { padding: 40px 50px 20px 70px; }
.radicalisation-extremism .header4 .header4-left h3 { font-size: 2.6em; }
.radicalisation-extremism .header4 .header4-left h3 span { border-bottom: 2px solid #cc476e; }
.radicalisation-extremism .header4 .header4-right p { font-size: 1.6em; }
.radicalisation-extremism .header4 { display: block; }
.radicalisation-extremism .header4 .header4-left, .radicalisation-extremism .header4 .header4-right { display: block; width: 100%; padding: 50px; }
.radicalisation-extremism .header4 .header4-left { padding: 50px 50px 20px 50px; }
.radicalisation-extremism .header4 .header4-right { padding: 0 50px 50px 50px; }
.radicalisation-extremism .header4 .header4-left h3 { margin: 0; }
}

@media screen and (max-width: 700px) {
.radicalisation-extremism .hero h1 { font-size: 4em; }
.radicalisation-extremism .header3 .header3-left h2 { font-size: 2.7em; }
.radicalisation-extremism .header3 .header3-right p { font-size: 1.8em; }
.radicalisation-extremism .padding { padding: 0; }
.radicalisation-extremism .heading h3 { padding: 13px 30px 15px 30px; }
.radicalisation-extremism .heading p { padding: 0 30px; }
.radicalisation-extremism .heading p.linebreak { margin: 0 0 10px 0; }
.radicalisation-extremism .heading.four { margin-bottom: 40px; }
}

@media screen and (max-width: 500px) {
.radicalisation-extremism .hero h1 { font-size: 3em; }
.radicalisation-extremism .header1-text, .radicalisation-extremism .header2-text { padding: 30px; }
.radicalisation-extremism .header3 .header3-left h2 { font-size: 2em; padding: 30px; }
.radicalisation-extremism .header3 .header3-right { padding: 20px 30px 20px 50px; }
.radicalisation-extremism .header3 .header3-right p:before { left: -20px; width: 3px; }
.radicalisation-extremism .header3 .header3-right p { font-size: 1.6em; }
.radicalisation-extremism .header4 .header4-left h3 {  font-size: 2.2em; }
.radicalisation-extremism .header4 .header4-left { padding: 30px 30px 20px 30px; }
.radicalisation-extremism .header4 .header4-right { padding: 0 30px 20px 30px; }
.radicalisation-extremism .heading p { font-size: 1.6em; }
.radicalisation-extremism .heading.one h3:after { background-position: 31px -2px; }
.radicalisation-extremism .heading.two h3:after { background-position: -63px -1px; }
.radicalisation-extremism .heading.three h3:after { background-position: -160px -3px; }
.radicalisation-extremism .heading.four h3:after { background-position: -244px -6px; }
.radicalisation-extremism .heading.four h3 { padding-right: 125px; line-height: 1.1; }
}



@media screen and (max-width: 1400px) {
.healthy-eating .header1 { height: auto; }
.healthy-eating .header1 .header1-text h1 { padding: 30px 50px; font-size: 4.3em; min-height: 0; }
.healthy-eating .header1 .header1-text .green { padding: 65px 60px 65px 90px; min-height: 0; }
.healthy-eating .header1 .header1-text h2 { font-size: 2.5em; }

.healthy-eating .header2 .header2-left h3 { font-size: 3.6em; }
.healthy-eating .header2 .header2-left h3:before { left: 50px; width: calc(100% - 50px); }
.healthy-eating .header2 .header2-left h3 { padding: 30px 50px 40px 50px; }
.healthy-eating .header2 .header2-right p { padding: 50px; font-size: 1.8em; }

.healthy-eating .eatwell-guide { padding: 0 50px 40px 50px; }

.healthy-eating .header3 { height: auto; }
.healthy-eating .header3 .header3-left { padding: 50px; }
.healthy-eating .header3 .header3-left h4:before { top: -90px; width: 265px; height: 80px; background: url(/img/healthy-eating/kfc-ellipse-top.png) 0 0 no-repeat; background-size: 265px 80px; }
.healthy-eating .header3 .header3-left h4:after { bottom: -90px; width: 265px; height: 80px; background: url(/img/healthy-eating/kfc-ellipse-bottom.png) 0 0 no-repeat; background-size: 265px 80px; }
.healthy-eating .header3 .header3-left h4 { font-size: 3.2em; max-width: 360px; margin: auto; }
.healthy-eating .header3 .header3-right h4 { font-size: 3.8em; padding: 50px; }
.healthy-eating .header3 .header3-right .padding { padding: 50px 50px 50px 90px; }
.healthy-eating .header3 .header3-right p { margin: 0 0 40px 0; font-size: 1.8em; }
.healthy-eating .header3 .header3-right p:before { width: 6px; }
.healthy-eating .header3 .header3-right p.last { margin: 0; }

.healthy-eating .header4 { height: auto; }
.healthy-eating .header4 .header4-text { padding: 50px; }
.healthy-eating .header4 .header4-text h4 { margin: 0 0 10px 0; font-size: 3.8em; }
.healthy-eating .header4 .header4-text p { font-size: 1.9em; padding: 0 0 20px 0; }
.healthy-eating .header4 .header4-text p.icon { background-size: 100%; padding-bottom: 30%; height: auto; margin: 0; font-size: 0; }
.healthy-eating .header4 .header4-text:after { border-width: 40px; margin-top: -40px; }
.healthy-eating .header4 .header4-text p.line { padding: 0 0 0 25px; }


.healthy-eating .header5 { height: auto; }
.healthy-eating .header5 .header5-text { padding: 50px; }
.healthy-eating .header5 .header5-text h4 { margin: 104px 0 10px 0; font-size: 3.8em; padding: 0; }
.healthy-eating .header5 .header5-text h4:before { top: -110px; width: 97px; height: 100px; background: url(/img/healthy-eating/icons.png) -10px -116px no-repeat; background-size: 300px 519px; }
.healthy-eating .header5 .header5-text p { font-size: 1.9em; }


.healthy-eating .header6 .header6-left:before { top: 50px; height: calc(100% - 100px); }
.healthy-eating .header6 .header6-left, .healthy-eating .header6 .header6-right { padding: 50px; }
.healthy-eating .header6 .header6-left h4, .healthy-eating .header6 .header6-right h4 { margin: 0 0 10px 0; font-size: 3.8em; padding: 120px 0 0 0; }
.healthy-eating .header6 .header6-left h4:before { top: 0; width: 79px; height: 97px; background: url(/img/healthy-eating/icons.png) -208px -119px no-repeat; background-size: 300px 519px; }
.healthy-eating .header6 .header6-right h4:before { top: 0; width: 100px; height: 105px; background: url(/img/healthy-eating/icons.png) -8px -255px no-repeat; background-size: 300px 519px; }
.healthy-eating .header6 .header6-left p, .healthy-eating .header6 .header6-right p { font-size: 1.9em; padding: 0; }

.healthy-eating .header7 { height: auto; }
.healthy-eating .header7 .header7-text { padding: 50px; }
.healthy-eating .header7 .header7-text h4 { margin: 0 0 10px 0; font-size: 3.8em; padding: 120px 0 0 0; }
.healthy-eating .header7 .header7-text h4:before { top: 0; width: 93px; height: 97px; background: url(/img/healthy-eating/icons.png) -194px -261px no-repeat; background-size: 300px 519px; }
.healthy-eating .header7 .header7-text p { font-size: 1.9em; padding: 0 0 20px 0; }

.healthy-eating .header8 { height: auto; }
.healthy-eating .header8 .header8-text { padding: 50px; }
.healthy-eating .header8 .header8-text .heading { margin-bottom: 20px; padding-bottom: 30px; }
.healthy-eating .header8 .header8-text .heading:before { width: 47px; height: 105px; background: url(/img/healthy-eating/icons.png) -5px -410px no-repeat; background-size: 300px 519px; }
.healthy-eating .header8 .header8-text .heading h4 { margin: 0 0 10px 0; padding: 0 0 0 55px; font-size: 3.8em; }
.healthy-eating .header8 .header8-text .heading h4:before { top: 0; width: 93px; height: 97px; background: url(/img/healthy-eating/icons.png) -194px -261px no-repeat; background-size: 300px 519px; }
.healthy-eating .header8 .header8-text .heading h5 { font-size: 1.8em; line-height: 1.2; padding: 0 0 0 55px; }
.healthy-eating .header8 .header8-text p { font-size: 1.9em; }


}






@media screen and (max-width: 800px) {
.healthy-eating .header1 .header1-text h1 { padding: 20px 24px; font-size: 4em; }
.healthy-eating .header1 .header1-text h2:before { display: none; }
.healthy-eating .header1 .header1-text .green { padding: 30px 24px; }
.healthy-eating .header1 .header1-text h2 { font-size: 1.9em; }
.healthy-eating .header1 .header1-text h2:before { left: -25px; width: 4px; }
.healthy-eating .header2 .header2-left h3 { padding: 30px 24px 40px 24px; font-size: 3.3em; }
.healthy-eating .header2 .header2-left h3:before { left: 24px; width: calc(100% - 24px); }
.healthy-eating .header2 .header2-right p { padding: 24px; font-size: 1.7em; }

.healthy-eating .eatwell-guide { padding: 0 24px 40px 24px; }

.healthy-eating .header3 .header3-right h4 { font-size: 3em; padding: 24px; }
.healthy-eating .header3 .header3-right p:before { width: 4px; left: -38px; }
.healthy-eating .header3 .header3-right .padding { padding: 40px 24px 40px 60px; }
.healthy-eating .header3 .header3-right p:before { left: -28px; }

.healthy-eating .header4 .header4-text { padding: 30px 24px; }
.healthy-eating .header4 .header4-text h4 { font-size: 3em; }
.healthy-eating .header4 .header4-text p { font-size: 1.7em; padding: 0 0 15px 0; }
.healthy-eating .header4 .header4-text p.line:before { width: 4px; }

.healthy-eating .header5 .header5-text { padding: 30px 24px; }
.healthy-eating .header5 .header5-text h4 { font-size: 3em; }
.healthy-eating .header5 .header5-text p { font-size: 1.7em; padding: 0 0 15px 0; }

.healthy-eating .header6 .header6-left, .healthy-eating .header6 .header6-right { padding: 30px 24px; }
.healthy-eating .header6 .header6-left h4, .healthy-eating .header6 .header6-right h4 { font-size: 3em; }
.healthy-eating .header6 .header6-left p, .healthy-eating .header6 .header6-right p { font-size: 1.7em; padding: 0; }

.healthy-eating .header7 .header7-text { padding: 30px 24px; }
.healthy-eating .header7 .header7-text h4 { font-size: 3em; }
.healthy-eating .header7 .header7-text p { font-size: 1.7em; padding: 0; }

.healthy-eating .header8 .header8-text { padding: 30px 24px; }
.healthy-eating .header8 .header8-text .heading h4 { font-size: 3em; }
.healthy-eating .header8 .header8-text p { font-size: 1.7em; padding: 0; }



}

@media screen and (max-width: 700px) {
.healthy-eating .header1, .healthy-eating .header1 .header1-text, .healthy-eating .header1 .header1-image { display: block; width: 100%; }
.healthy-eating .header1 .header1-image { padding-bottom: 60%; }

.healthy-eating .header1 .header1-text h2 { font-size: 1.7em; }


.healthy-eating .header2 .header2-left, .healthy-eating .header2 .header2-right { display: block; width: 100%; }
.healthy-eating .header2 .header2-left h3:before { width: calc(100% - 60px); }
.healthy-eating .header2 .header2-right p { padding: 0 24px 50px 24px; }

.healthy-eating .header3 .header3-left, .healthy-eating .header3 .header3-right { display: block; width: 100%; }
.healthy-eating .header3 .header3-right h4 { font-size: 2.7em; }
.healthy-eating .header3 .header3-right h4 span { display: inline-block; }
.healthy-eating .header3 .header3-left { padding: 20% 0; }
.healthy-eating .header3 .header3-right p { font-size: 1.7em; }

.healthy-eating .header3 .header3-right .padding { padding: 40px 24px; }
.healthy-eating .header3 .header3-right p:before { display: none; }

.healthy-eating .header4, .healthy-eating .header4 .header4-text, .healthy-eating .header4 .header4-image { display: block; width: 100%; }
.healthy-eating .header4 .header4-text p.icon { max-width: 410px; padding: 0 0 120px 0; }
.healthy-eating .header4 .header4-text p.line { padding: 0; }
.healthy-eating .header4 .header4-text p.line:before { display: none; }
.healthy-eating .header4 .header4-image { padding-bottom: 43%; }

.healthy-eating .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.healthy-eating .header5 .header5-text, .healthy-eating .header5 .header5-image { display: block; width: 100%; }
.healthy-eating .header5 .header5-image { padding-bottom: 50%; order: 2; }
.healthy-eating .header5 .header5-text { order: 1; }


.healthy-eating .header6, .healthy-eating .header6 .header6-left, .healthy-eating .header6 .header6-right { display: block; width: 100%; }
.healthy-eating .header6 .header6-left:before { display: none; }
.healthy-eating .header6, .healthy-eating .header6 .header6-left { padding: 30px 24px 0 24px; }

.healthy-eating .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.healthy-eating .header7 .header7-text, .healthy-eating .header7 .header7-image { display: block; width: 100%; }
.healthy-eating .header7 .header7-image { padding-bottom: 50%; order: 1; }
.healthy-eating .header7 .header7-text { order: 2; }



.healthy-eating .header8, .healthy-eating .header8 .header8-text, .healthy-eating .header8 .header8-image { display: block; width: 100%; }
.healthy-eating .header8 .header8-image { padding-bottom: 50%; }
}

@media screen and (max-width: 500px) {
.healthy-eating .header3 .header3-left h4 { font-size: 2.8em; max-width: 310px; }
.healthy-eating .header3 .header3-left { padding: 130px 0; }

}



@media screen and (max-width: 450px) {
.healthy-eating .header4 .header4-text p.icon { max-width: none; padding: 0 0 32% 0; }
}





@media screen and (max-width: 340px) {
.healthy-eating .header1 .header1-text h1 { font-size: 3.7em; }



}


/* --- MIN WIDTH --- */





@media screen and (max-width: 1400px) {
.healthy-weight .heading h1 { font-size: 4.3em; padding: 35px 50px 40px 40px; }

.healthy-weight .header1 { height: auto; }
.healthy-weight .header1 .header1-text { padding: 50px 50px 50px 100px; }
.healthy-weight .header1 .header1-text:after { border-width: 40px; margin-top: -40px; }
.healthy-weight .header1 .header1-text h2 { font-size: 2.3em; padding: 0 0 20px 0; }
.healthy-weight .header1 .header1-text h2:after, .healthy-weight .header1 .header1-text p:after { width: 6px; }
.healthy-weight .header1 .header1-text p { font-size: 1.8em; line-height: 1.3; }
.healthy-weight .header1 .header1-text a { font-size: 2.5em; }

.healthy-weight .header2 { height: auto; }
.healthy-weight .header2 .header2-text { padding: 50px; }
.healthy-weight .header2 .header2-text:after { border-width: 40px; margin-top: -40px; }
.healthy-weight .header2 .header2-text h2 { font-size: 3.8em; padding: 100px 0 20px 0; }
.healthy-weight .header2 .header2-text h2:before { width: 80px; height: 80px; background: url(/img/healthy-weight/header2-icon.png) 0 0 no-repeat; background-size: 80px 80px; }
.healthy-weight .header2 .header2-text p { font-size: 1.8em; }

.healthy-weight .header3 { height: auto; }
.healthy-weight .header3 .header3-text { padding: 50px; }
.healthy-weight .header3 .header3-text h2 { font-size: 3.8em; padding: 0 0 20px 0; }
.healthy-weight .header3 .header3-text h3 { font-size: 1.9em; padding: 0 0 20px 0; line-height: 1.3; }
.healthy-weight .header3 .header3-text p { font-size: 1.8em; padding: 0 0 20px 0; line-height: 1.2; }

.healthy-weight .header4 { height: auto; }
.healthy-weight .header4 .header4-text { padding: 50px; }
.healthy-weight .header4 .header4-text:after { border-width: 40px; margin-top: -40px; }
.healthy-weight .header4 .header4-text h2 { font-size: 3.8em; padding: 0 0 20px 0; }
.healthy-weight .header4 .header4-text h3 { font-size: 1.9em; padding: 0 0 20px 0; line-height: 1.3; }
.healthy-weight .header4 .header4-text a { font-size: 1.8em; }

}


@media screen and (max-width: 800px) {
.healthy-weight .heading h1 { font-size: 3.8em; padding: 35px 24px 30px 24px; }

.healthy-weight .header1 .header1-text { padding: 30px 24px 40px 47px; }
.healthy-weight .header1 .header1-text h2 { font-size: 2em; }
.healthy-weight .header1 .header1-text p { font-size: 1.7em; }
.healthy-weight .header1 .header1-text a { font-size: 2em; margin-top: 20px; }
.healthy-weight .header1 .header1-text h2:after, .healthy-weight .header1 .header1-text p:after { width: 3px; left: -17px; }

.healthy-weight .header2 .header2-text { padding: 30px 24px 40px 24px; }
.healthy-weight .header2 .header2-text h2 { font-size: 3.3em; }
.healthy-weight .header2 .header2-text p { font-size: 1.7em; }

.healthy-weight .header3 .header3-text { padding: 30px 24px 40px 24px; }
.healthy-weight .header3 .header3-text h2 { font-size: 3.3em; }
.healthy-weight .header3 .header3-text h3 { font-size: 1.8em; }
.healthy-weight .header3 .header3-text p { font-size: 1.7em; }

.healthy-weight .header4 .header4-text { padding: 30px 24px 40px 24px; }
.healthy-weight .header4 .header4-text h2 { font-size: 3.3em; }
.healthy-weight .header4 .header4-text h3, .healthy-weight .header4 .header4-text a { font-size: 1.8em; }
}


@media screen and (max-width: 700px) {
.healthy-weight .header1, .healthy-weight .header1 .header1-text, .healthy-weight .header1 .header1-image { display: block; width: 100%; }
.healthy-weight .header1 .header1-image { padding-bottom: 40%; }

.healthy-weight .header1 .header1-text { padding: 30px 24px 40px 24px; }
.healthy-weight .header1 .header1-text h2:after, .healthy-weight .header1 .header1-text p:after { display: none; }
.healthy-weight .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.healthy-weight .header2 .header2-text, .healthy-weight .header2 .header2-image { display: block; width: 100%; }
.healthy-weight .header2 .header2-image { padding-bottom: 55%; order: 1; }
.healthy-weight .header2 .header2-text { order: 2; }

.healthy-weight .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.healthy-weight .header3 .header3-text, .healthy-weight .header3 .header3-image { display: block; width: 100%; }
.healthy-weight .header3 .header3-image { padding-bottom: 50%; order: 1; }
.healthy-weight .header3 .header3-text { order: 2; }

.healthy-weight .header4, .healthy-weight .header4 .header4-text, .healthy-weight .header4 .header4-image { display: block; width: 100%; }
.healthy-weight .header4 .header4-image { padding-bottom: 50%; }
.healthy-weight .header1 .header1-text:after, .healthy-weight .header2 .header2-text:after, .healthy-weight .header4 .header4-text:after { border: none; }
}


@media screen and (max-width: 480px) {
.healthy-weight .heading h1 { font-size: 2.5em; padding: 21px 24px; }
}



@media screen and (max-width: 1400px) {
.pregnancy .header1 { height: auto; }
.pregnancy .header1-left, .pregnancy .header1-right { padding: 6% 17% 6% 6%; }
.pregnancy .header1 h2 { font-size: 2.5em; }
.pregnancy .header2 { height: auto; }
.pregnancy .header2-left, .pregnancy .header2-right {  padding: 40px 70px 40px 30px; }
.pregnancy .header2 h3 {  font-size: 3.5em; margin: 20px 0 10px 0; }
.pregnancy .header2 h4 { font-size: 3em; padding: 0 28% 0 0; }
.pregnancy h2.think { font-size: 3.6em; }
.pregnancy .pregnant-container .col img { max-width: 260px; }
.pregnancy .pregnant-container .col p { font-size: 2.2em; }
.pregnancy .header3 { height: auto; }
.pregnancy .header3-left, .pregnancy .header3-right { padding: 110px 60px; vertical-align: middle; }
.pregnancy .header3 h3 { font-size: 2.5em; }
.pregnancy h3.results-heading { font-size: 3em; }
}


@media screen and (max-width: 1200px) {
.pregnancy .header1-left, .pregnancy .header1-right { padding: 8% 6%; }
.pregnancy .header2 p { font-size: 1.75em; }
.pregnancy .header2 ul li { font-size: 1.75em; padding: 0 0 0 7px; }
.pregnancy .header2 h3 { font-size: 3em; }
.pregnancy .header2 h4 { font-size: 2.5em; }
.pregnancy h2.think { font-size: 3.1em; }
.pregnancy .pregnant-container .col p { font-size: 2em; padding: 0; max-width: 220px; margin: 10px auto 0 auto; }
.pregnancy .pregnant-container .col img { max-width: 220px; }
.pregnancy .header3-left, .pregnancy .header3-right { width: 50%; }

.pregnancy .results p { font-size: 1.75em; padding-top: 5px; }
.pregnancy .results img { max-width: 70%; }
.pregnancy .bubble p {  font-size: 1.75em; }
.pregnancy .bubble { margin-bottom: 130px; }
.pregnancy .bubble:after { bottom: -85px; right: 80px; border-width: 100px 64px 0 0px; }
}

@media screen and (max-width: 950px) {
.pregnancy .header2 { background-position: center left -130px; display: block; width: 100%; }
.pregnancy .header2-left { display: none; }
.pregnancy .header2-right { display: block; width: 100%; padding: 30px 30px 30px 40%; }
.pregnancy .header2 h4 { padding: 0; }
.pregnancy .pregnant-container .col img { max-width: 170px; }
.pregnancy .pregnant-container .col3 img { max-width: 198px; }
.pregnancy .pregnant-container .col p { max-width: 240px; font-size: 1.8em; }
.pregnancy .header3-left { padding: 90px 40px; }
.pregnancy .results-left { width: 48%; margin-right: 4%; }
.pregnancy .results-right { width: 48%; }
.pregnancy .bubble { padding: 30px; border-radius: 30px; margin-bottom: 90px; }
.pregnancy .bubble:after { bottom: -65px; right: 60px; border-width: 80px 44px 0 0px; }

}

@media screen and (max-width: 900px) {
.pregnancy #main .inner.content { padding-left: 24px; padding-right: 24px; }
}



@media screen and (max-width: 768px) {
.pregnancy .header1, .pregnancy .header1-left { display: block; width: 100%; }
.pregnancy .header1-left { padding: 10% 30px; background: rgba(0,0,0,0.6); }
.pregnancy .header1-right { display: none; }
.pregnancy .header1 h2 { font-size: 2.3em; line-height: 1.3; }

.pregnancy .header2 { position: relative; background-size: 10000% 10000%; background-position: top right; padding: 0; }
.pregnancy .header2:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 300px; display: block; content: ''; background: url(/img/pregnancy/header2.jpg) 0 0 no-repeat; background-size: cover; }
.pregnancy .header2-left { display: none; }
.pregnancy .header2-right { width: 100%; display: block; padding: 30px 30px 330px 30px; }
.pregnancy .header2 h3 {  font-size: 2.5em; }


.pregnancy .pregnant-container .col.col1 { width: 48%; margin-right: 4%; }
.pregnancy .pregnant-container .col.col2 { width: 48%; margin-right: 0; }
.pregnancy .pregnant-container .col.col3 { float: none; clear: both; width: 100%; padding-top: 40px; }
.pregnancy .pregnant-container .col p { max-width: none; padding: 0 30px; }


.pregnancy .header3, .pregnancy .header3-left, .pregnancy .header3-right { display: block; width: 100%; }
.pregnancy .header3-left { padding: 60px 30px; }
.pregnancy .header3-right { padding: 0 0 50% 0; }
.pregnancy .header3 h3 { font-size: 2.3em; }

.pregnancy h3.results-heading { font-size: 2.5em; padding: 10px 0 30px 0; }

.pregnancy .results-left, .pregnancy .results-right { display: block; width: 100%; margin-right: 0; }
.pregnancy .results-left { margin-bottom: 40px; }
.pregnancy .results img { max-width: 270px; }
.pregnancy .results p { padding-top: 0; }
}

@media screen and (max-width: 650px) {
.pregnancy h2.think { font-size: 2.5em; margin: 10px 0 30px 0; }
.pregnancy .results img { max-width: 210px; }

}


@media screen and (max-width: 550px) {
.pregnancy .header2:after { height: 200px; }
.pregnancy .header2-right { padding: 30px 30px 230px 30px; }
.pregnancy .pregnant-container .col p { padding: 0; }

}


@media screen and (max-width: 500px) {
.pregnancy .pregnant-container .col.col1 { float: none; clear: both; width: 100%; }
.pregnancy .pregnant-container .col.col2 { float: none; clear: both; width: 100%; padding-top: 50px; }
.pregnancy .pregnant-container .col img { max-width: 130px; }
.pregnancy .header3-left { padding: 30px; }

}


@media screen and (max-width: 400px) {
.pregnancy .header1 h2 { font-size: 2em; }
.pregnancy .header2 p { font-size: 1.6em; }
.pregnancy .header2 ul li { font-size: 1.6em; padding: 0 0 0 4px; }
.pregnancy .header3 h3 { font-size: 2em; }
.pregnancy .results p { font-size: 1.6em; }
.pregnancy .bubble p { font-size: 1.6em; }
.pregnancy .bubble p { padding: 0 0 12px 0; }

}





/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#headerbanners div { top: 13px; transform: none; overflow: hidden; }
#headerbanners div.contraception { top: 26px; }
}
/* IE Edge 12+ CSS styles go here */
@supports (-ms-accelerator:true) {
#headerbanners div { top: 13px; transform: none; overflow: hidden; }
#headerbanners div.contraception { top: 26px; }
}









/* --- Alcohol and unprotected sex --- */
.alcohol-unprotected-sex #main { padding-bottom: 50px; }
.alcohol-unprotected-sex #main .inner.heading { padding-bottom: 0; min-height: 0; }
.alcohol-unprotected-sex #main .inner { padding: 20px 0 0 0; min-height: 0; }
.alcohol-unprotected-sex #main .inner h1 { padding: 0 30px; color: #0258a8; }

.alcohol-unprotected-sex .header1 { height: 452px; padding: 0; background: #2caeca; display: table; width: 100%; }
.alcohol-unprotected-sex .header1-image { display: table-cell; width: 50%; background: url(/img/alcohol-unprotected-sex/bottle-can.jpg) bottom center no-repeat; background-size: cover; }
.alcohol-unprotected-sex .header1-text { display: table-cell; width: 50%; padding: 50px; vertical-align: middle; background: #2caeca; }
.alcohol-unprotected-sex .header1-text p { font-size: 2em; line-height: 1.3; color: #fff; padding: 15px 0; margin: 0; }

.alcohol-unprotected-sex .header2 { height: 470px; padding: 0; display: table; width: 100%; }
.alcohol-unprotected-sex .header2-image { display: table-cell; width: 50%; background: url(/img/alcohol-unprotected-sex/condom.jpg) center center no-repeat; background-size: cover; }
.alcohol-unprotected-sex .header2-text { display: table-cell; width: 50%; padding: 50px; vertical-align: middle; }
.alcohol-unprotected-sex .header2-text h2 { color: #2caeca; font-size: 4em; margin: 0 0 40px 0; }
.alcohol-unprotected-sex .header2-text p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0; }

.alcohol-unprotected-sex .header3 { background: #87c3af; padding: 0; display: table; width: 100%; }
.alcohol-unprotected-sex .header3-left { display: table-cell; width: 50%; vertical-align: middle; padding: 50px; }
.alcohol-unprotected-sex .header3-right { display: table-cell; width: 50%; vertical-align: middle; padding: 50px 20px; }
.alcohol-unprotected-sex .header3 p { font-size: 2em; line-height: 1.3; color: #fff; margin: 0; }
.alcohol-unprotected-sex .header3 .header3-left p { position: relative; padding: 270px 0 0 0; max-width: 490px; margin: auto; }
.alcohol-unprotected-sex .header3 .header3-left p:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 440px; height: 265px; display: block; content: ''; background: url(/img/alcohol-unprotected-sex/ed-graphic.png) 0 0 no-repeat; background-size: 440px 265px; }
.alcohol-unprotected-sex .header3 .header3-right p { position: relative; padding: 0 30px 0 360px; }
.alcohol-unprotected-sex .header3 .header3-right p:before { position: absolute; top: 0; left: 0; bottom: 0;
margin: auto; width: 335px; height: 335px; display: block; content: ''; background: url(/img/alcohol-unprotected-sex/emojii.png) 0 0 no-repeat; background-size: 335px 335px; }
.alcohol-unprotected-sex .header4 { height: 445px; padding: 0; display: table; width: 100%; }
.alcohol-unprotected-sex .header4-image { display: table-cell; width: 50%; background: url(/img/alcohol-unprotected-sex/worried-girl.jpg) top left no-repeat; background-size: cover; }
.alcohol-unprotected-sex .header4-text { display: table-cell; width: 50%; padding: 50px; vertical-align: top; }
.alcohol-unprotected-sex .header4-text h2 { color: #2caeca; font-size: 4em; margin: 0 0 40px 0; }
.alcohol-unprotected-sex .useful-links { padding: 0; display: table; width: 100%; }
.alcohol-unprotected-sex .image { display: table-cell; width: 102px; vertical-align: middle; }
.alcohol-unprotected-sex .text { display: table-cell; width: auto; vertical-align: middle; padding: 0 30px; }
.alcohol-unprotected-sex .header4-text p { font-size: 2em; padding: 0; margin: 0;  }
.alcohol-unprotected-sex .header4-text a { color: #2caeca; text-decoration: none;  }
.alcohol-unprotected-sex .header4-text a:hover { color: #333; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
@media screen and (max-width: 1400px) {
.alcohol-unprotected-sex .header3 .header3-left p { padding: 190px 0 0 0; }
.alcohol-unprotected-sex .header3 .header3-left p:before { width: 300px; height: 181px; background-size: 300px 181px; }
.alcohol-unprotected-sex .header3 .header3-right p { padding: 0 10px 0 290px; }
.alcohol-unprotected-sex .header3 .header3-right p:before { width: 250px; height: 250px; background-size: 250px 250px; }
}
@media screen and (max-width: 1200px) {
.alcohol-unprotected-sex .header1 { height: auto; }
.alcohol-unprotected-sex .header1-text p { font-size: 1.8em; }
.alcohol-unprotected-sex .header1-text { padding: 30px; }
.alcohol-unprotected-sex .header2 { height: auto; }
.alcohol-unprotected-sex .header2-text p { font-size: 1.8em; }
.alcohol-unprotected-sex .header2-text { padding: 30px; }
.alcohol-unprotected-sex .header2-text h2 { font-size: 3em; margin: 0 0 20px 0; }
.alcohol-unprotected-sex .header3-text p { font-size: 1.8em; }
.alcohol-unprotected-sex .header3-left{ padding: 30px; }
.alcohol-unprotected-sex .header3-right { padding: 30px 20px; }
.alcohol-unprotected-sex .header4 { height: 340px; }
.alcohol-unprotected-sex .header4-text p { font-size: 1.8em; }
.alcohol-unprotected-sex .header4-text { padding: 30px; }
.alcohol-unprotected-sex .header4-text h2 { font-size: 3em; margin: 0 0 20px 0; }
}
@media screen and (max-width: 1000px) {
.alcohol-unprotected-sex .header1-text p { font-size: 1.6em; }
.alcohol-unprotected-sex .header2-text p { font-size: 1.6em; }
.alcohol-unprotected-sex .header3 p { font-size: 1.6em; }
.alcohol-unprotected-sex .header3 .header3-left p { padding: 130px 0 0 0; }
.alcohol-unprotected-sex .header3 .header3-left p:before { width: 200px; height: 121px; background-size: 200px 121px; }
.alcohol-unprotected-sex .header3 .header3-right p { padding: 0 10px 0 190px; }
.alcohol-unprotected-sex .header3 .header3-right p:before { width: 170px; height: 170px; background-size: 170px 170px; }
.alcohol-unprotected-sex .header4-text p { font-size: 1.6em; }
}
@media screen and (max-width: 900px) {
.alcohol-unprotected-sex .header1 { display: block; }
.alcohol-unprotected-sex .header1-image, .alcohol-unprotected-sex .header1-text { width: 100%; display: block; }
.alcohol-unprotected-sex .header1-image { height: 300px; background-size: contain; background-position: top 30px center; }
.alcohol-unprotected-sex .header1-text { padding: 20px 30px; }
.alcohol-unprotected-sex .header1-text p { font-size: 1.7em; padding: 9px 0; }

.alcohol-unprotected-sex .header2 { display: block; }
.alcohol-unprotected-sex .header2-image, .alcohol-unprotected-sex .header2-text { width: 100%; display: block; }
.alcohol-unprotected-sex .header2-image { height: 300px; background-size: contain; background-position: top 30px center; }
.alcohol-unprotected-sex .header2-text { padding: 20px 30px; }
.alcohol-unprotected-sex .header2-text p { font-size: 1.7em; padding: 9px 0; }
.alcohol-unprotected-sex .header2-image { height: 300px; background-position: bottom 40px center; }
.alcohol-unprotected-sex .header2-text h2 { margin: 0; }

.alcohol-unprotected-sex .header3 { display: block; }
.alcohol-unprotected-sex .header3 .header3-left, .alcohol-unprotected-sex .header3 .header3-right { width: 100%; display: block; }
.alcohol-unprotected-sex .header3 .header3-left p { font-size: 1.7em; max-width: 540px; padding: 130px 0 0 0 }
.alcohol-unprotected-sex .header3 .header3-right p { font-size: 1.7em; padding: 190px 0 0 0; max-width: 540px; margin: auto; }
.alcohol-unprotected-sex .header3 .header3-right p::before { bottom: auto; right: 0; }

.alcohol-unprotected-sex .header4 { display: block; height: auto; }
.alcohol-unprotected-sex .header4-image, .alcohol-unprotected-sex .header4-text { width: 100%; display: block; }
.alcohol-unprotected-sex .header4-image { height: 300px; background-size: contain; background-position: top 30px center; }
.alcohol-unprotected-sex .header4-text { padding: 20px 30px 40px 30px; }
.alcohol-unprotected-sex .header4-text p { font-size: 1.7em; }
.alcohol-unprotected-sex .header4-image { height: 300px; background-position: bottom 40px center; }
.alcohol-unprotected-sex .text { padding: 0 20px; }
}
@media screen and (max-width: 480px) {
.alcohol-unprotected-sex .header1-image, .alcohol-unprotected-sex .header2-image, .alcohol-unprotected-sex .header4-image { height: auto; background-size: cover; background-position: top center; padding-bottom: 61%; }
.alcohol-unprotected-sex .image { width: 70px; }
.alcohol-unprotected-sex .header4-text p { line-height: 1.2; }
.alcohol-unprotected-sex .text { padding: 0 15px; }
}


/* --- Sexual Consent --- */
.sexual-consent #main { padding-bottom: 50px; }
.sexual-consent #main .inner.heading { padding-bottom: 0; min-height: 0; }
.sexual-consent #main .inner { padding: 20px 0 0 0; min-height: 0; }
.sexual-consent #main .inner h1 { padding: 0 30px; color: #d70; }
.sexual-consent #main .inner.content { padding-left: 60px; padding-right: 60px; }



.sexual-consent .header1 { background: #fff url(/img/consent/consent.jpg) 0 0 no-repeat; background-size: cover; height: 453px; display: table; width: 100%; }
.sexual-consent .header1 .header1-left { width: 40%; display: table-cell; padding: 40px 70px 40px 60px; vertical-align: top; }
.sexual-consent .header1 .header1-left h2 { font-size: 2.3em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; color: #333; }
.sexual-consent .header1 .header1-left p { font-size: 1.8em; line-height: 1.4; margin: 0; padding: 0 0 3px 0; }
.sexual-consent .header1 .header1-right { width: auto; display: table-cell; padding: 0; }


.sexual-consent .header2 { background: #ccc url(/img/consent/crowd.jpg) center center no-repeat; background-size: cover; height: 545px; display: table; width: 100%; }
.sexual-consent .header2 .header2-left { width: auto; display: table-cell; padding: 0; }
.sexual-consent .header2 .header2-right { background: rgba(0,0,0,0.5); width: 32%; display: table-cell; padding: 60px 50px; vertical-align: top; }
.sexual-consent .header2 .header2-right p { color: #fff; font-size: 2em; line-height: 1.4; margin: 0; padding: 0; }

.sexual-consent .header3 { height: 500px; display: table; width: 100%; padding: 0 0 20px 0; }
.sexual-consent .header3 .header3-left { width: auto; display: table-cell; padding: 100px 120px 50px 0; }
.sexual-consent .header3 .header3-left p { font-size: 2em; line-height: 1.4; margin: 0; padding: 0 0 30px 0; }
.sexual-consent .header3 .header3-left h3 { color: #cc0236; font-size: 2.4em; line-height: 1.2; margin: 0; padding: 0; }
.sexual-consent .header3 .header3-right { width: 560px; display: table-cell; padding: 60px 0 50px 0; vertical-align: top; }


.sexual-consent .header4 { display: table; width: 100%; }
.sexual-consent .header4 .header4-left { width: 690px; display: table-cell; padding: 0 0 50px 0; vertical-align: top; }
.sexual-consent .header4 .header4-left p.video-container { padding: 0; }
.sexual-consent .header4 .header4-left p.video-container iframe { border: 1px solid #444; }
.sexual-consent .header4 .header4-right { width: auto; display: table-cell; padding: 0 0 50px 60px; vertical-align: top; }
.sexual-consent .header4 .header4-right h2 { color: #cc0236; font-size: 4.2em; line-height: 1.2; margin: -7px 0 0 0; padding: 0 0 20px 0; }
.sexual-consent .header4 .header4-right p { font-size: 2em; line-height: 1.4; margin: 0; padding: 0; }


.sexual-consent .header5 { display: table; width: 100%; padding: 0 0 40px 0; }
.sexual-consent .header5 .header5-left { position: relative; width: auto; display: table-cell; padding: 0 40px 50px 190px; vertical-align: top; }
.sexual-consent .header5 .header5-left:before { position: absolute; top: 0; left: 0; width: 131px; height: 131px; display: block; content: ''; background: url(/img/consent/phone.png) 0 0 no-repeat; background-size: 131px 131px; }
.sexual-consent .header5 .header5-left p { font-size: 2em; line-height: 1.4; margin: 0; padding: 0 0 15px 0; }
.sexual-consent .header5 .header5-left h3 { margin: 0; padding: 0; }
.sexual-consent .header5 .header5-left h3 a { color: #333; font-size: 1.8em; }
.sexual-consent .header5 .header5-right { width: 215px; display: table-cell; padding: 0; vertical-align: top; }


.sexual-consent .header6 { background: #bf3739; display: table; width: 100%; padding: 35px 60px; text-align: center; }
.sexual-consent .header6 h4 { margin: 0 0 35px 0; color: #fff; font-size: 2.7em; letter-spacing: 0.03em; text-align: center; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.sexual-consent .header6 .logos { display: inline-block; }
.sexual-consent .header6 .logos-table { display: table; width: 100%; }
.sexual-consent .header6 .cell { display: table-cell; padding: 0 80px 0 0; }
.sexual-consent .header6 .cell.last { padding-right: 0; }
.sexual-consent .header6 .cell a { color: #fff; font-size: 1em; letter-spacing: 0.02em; text-align: center; text-decoration: none; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.sexual-consent .header6 .cell a:hover { color: #fd8a02; }
.sexual-consent .header6 .cell a span { font-size: 1.8em; margin: 3px 0 0 0; display: block; clear: both; }

.sexual-consent .header7 { display: table; width: 100%; padding: 0; }
.sexual-consent .header7 .header7-left { width: 50%; display: table-cell; vertical-align: top; padding: 60px 35px 90px 0; }
.sexual-consent .header7 .header7-left p { font-size: 2em; line-height: 1.4; margin: 0; padding: 0; }
.sexual-consent .header7 .header7-right { width: 50%; display: table-cell; vertical-align: top; padding: 50px 0 90px 40px; }
.sexual-consent .header7 .header7-right a { margin: 0 30px 0 0; -webkit-transition: filter .3s; -o-transition: filter .3s; transition: filter .3s; }
.sexual-consent .header7 .header7-right a:hover { -webkit-filter: saturate(5); filter: saturate(5); }
.sexual-consent .header7 .header7-right p { display: inline-block; margin: 0; padding: 0; color: #d70; font-size: 4.5em; line-height: 130px; font-weight: 700; }
.sexual-consent .header7 .header7-right p img { vertical-align: middle; }


@media screen and (max-width: 1400px) {
.sexual-consent .header1 { height: auto; background: #fff }
.sexual-consent .header1 .header1-left { width: 50%; padding: 60px 0 60px 60px; }
.sexual-consent .header1 .header1-right { background: #fff url(/img/consent/consent-tablet.jpg) top right -40px no-repeat; background-size: cover; }

.sexual-consent .header2 { height: auto; }
.sexual-consent .header2 .header2-right { width: 40%; padding: 8% 4%; }

.sexual-consent .header3 { height: auto; padding: 0 0 70px 0; }
.sexual-consent .header3 .header3-left { padding: 60px 90px 30px 0; }
.sexual-consent .header3 .header3-right { width: 20%; padding: 40px 0 30px 0; }

.sexual-consent .header4 .header4-left { width: 50%; padding: 0 20px 50px 0; }
.sexual-consent .header4 .header4-right { width: 50%; padding: 0 0 50px 20px; }
.sexual-consent .header4 .header4-right h2 { font-size: 3.5em; padding: 0 0 20px 0; }
.sexual-consent .header4 .header4-left p.video-container { padding-bottom: 56.25%; position: relative; }
.sexual-consent .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sexual-consent .header7 .header7-right a img { width: 100px; }
.sexual-consent .header7 .header7-right a { margin: 0 20px 0 0; }
.sexual-consent .header7 .header7-right p { font-size: 4em; line-height: 100px; }



}



@media screen and (max-width: 1200px) {
.sexual-consent .header1 .header1-left p,
.sexual-consent .header2 .header2-right p,
.sexual-consent .header3 .header3-left p,
.sexual-consent .header4 .header4-right p,
.sexual-consent .header5 .header5-left p,
.sexual-consent .header7 .header7-left p { font-size: 1.75em; }

.sexual-consent .header1 .header1-left { width: 50%; padding: 40px 20px 40px 50px; }
.sexual-consent .header1 .header1-right { background: #fff url(/img/consent/consent-tablet.jpg) top right -70px no-repeat; background-size: cover; }
.sexual-consent .header1 .header1-left h2 { font-size: 2em; }

.sexual-consent .header3 { padding: 0 0 40px 0; }
.sexual-consent .header3 .header3-left h3 { font-size: 2.1em; }
.sexual-consent .header3 .header3-left { padding: 30px 5% 30px 0; }
.sexual-consent .header3 .header3-right { padding-top: 20px; }

.sexual-consent .header4 .header4-right h2 { font-size: 3em; padding: 0 0 10px 0; }


.sexual-consent .header5 .header5-left:before { width: 100px; height: 100px; background-size: 100px 100px; }
.sexual-consent .header5 .header5-left { padding: 0 40px 50px 130px; }
.sexual-consent .header5 .header5-right { width: 150px; }
.sexual-consent .header5 .header5-left h3 a { font-size: 1.6em; }

.sexual-consent .header6 { padding: 30px 60px; }
.sexual-consent .header6 h4 { font-size: 2.3em; margin: 0 0 30px 0; }
.sexual-consent .header6 .cell { padding: 0 40px 0 0; }
.sexual-consent .header6 .cell a span { font-size: 1.6em; }

.sexual-consent .header7 .header7-left { padding: 30px 35px 50px 0; }
.sexual-consent .header7 .header7-right { padding: 30px 0 50px 40px; }
.sexual-consent .header7 .header7-right a img { width: 80px; }
.sexual-consent .header7 .header7-right p { font-size: 3.5em; line-height: 80px; }


}


@media screen and (max-width: 1100px) {
.sexual-consent .header7 .header7-left { width: 68%; padding: 30px 10px 50px 0; }
.sexual-consent .header7 .header7-right { width: 32%; text-align: right; }
.sexual-consent .header7 .header7-right a img { width: 60px; }
.sexual-consent .header7 .header7-right a {margin: 0 15px 10px 0; display: inline-block; }
.sexual-consent .header7 .header7-right p { font-size: 3em; line-height: 40px; padding-right: 15px; clear: both; display: block; }


}


@media screen and (max-width: 1000px) {
.sexual-consent .header1 .header1-right { background: #fff url(/img/consent/consent-tablet.jpg) top right -100px no-repeat; background-size: cover; }

.sexual-consent .header2 .header2-right { width: 50%; background: rgba(0,0,0,0.6); }

.sexual-consent .header4 .header4-right h2 { font-size: 2.5em; }



}



@media screen and (max-width: 900px) {
.sexual-consent #main .inner.content { padding-left: 24px; padding-right: 24px; }
.sexual-consent .header1 { display: block; }
.sexual-consent .header1 .header1-left, .sexual-consent .header1 .header1-right { width: 100%; display: block; }
.sexual-consent .header1 .header1-right { padding-bottom: 24%; background: #fff url(/img/consent/consent-mobile.jpg) center center no-repeat; background-size: cover; }

.sexual-consent .header1 .header1-left { padding: 0 24px 40px 24px; }
.sexual-consent .header2 .header2-right { width: 50%; padding: 40px 24px; }

.sexual-consent .header6 { padding-left: 24px; padding-right: 24px; }

}


@media screen and (max-width: 800px) {
.sexual-consent .header3 { display: block; padding: 0 0 60px 0; }
.sexual-consent .header3 .header3-left { width: 100%; display: block; }
.sexual-consent .header3 .header3-right { display: none; }

.sexual-consent .header3 .header3-left p { position: relative; padding: 0 180px 30px 0; }
.sexual-consent .header3 .header3-left p:after { position: absolute; top: 10px; right: 0; width: 150px; height: 150px; display: block; content: ''; background: url(/img/consent/tick-cross.png) 0 0 no-repeat; background-size: 150px 150px; }

.sexual-consent .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexual-consent .header4 .header4-left { width: 100%; display: block; order: 2; padding: 0 0 50px 0; }
.sexual-consent .header4 .header4-right { width: 100%; display: block; order: 1; padding: 0 0 30px 0; }

.sexual-consent .header5 { padding: 0 0 10px 0; }
.sexual-consent .header5 .header5-left:before { width: 70px; height: 70px; background-size: 70px 70px; }
.sexual-consent .header5 .header5-left { padding: 0 40px 50px 90px; }
.sexual-consent .header5 .header5-right { width: 120px; }
.sexual-consent .header5 .header5-left h3 a { font-size: 1.5em; }

.sexual-consent .header6 .cell { padding: 0 20px 0 0; }
.sexual-consent .header6 .cell a span { font-size: 1.5em; }
}


@media screen and (max-width: 700px) {
.sexual-consent .header3 .header3-left p {  padding: 160px 0 30px 0; }
.sexual-consent .header3 .header3-left p:after { top: 0; left: 0; margin: auto; width: 130px; height: 130px; background: url(/img/consent/tick-cross.png) 0 0 no-repeat; background-size: 130px 130px; }

.sexual-consent .header6 .cell { display: block; width: 100%; padding: 0 0 40px 0; }
.sexual-consent .header6 .logos-table { max-width: 280px; }

.sexual-consent .header7 .header7-right { padding: 30px 0 50px 30px; }

}



@media screen and (max-width: 650px) {
.sexual-consent .header7 { display: block; }
.sexual-consent .header7 .header7-left { width: 100%; display: block; padding: 10px 10px 30px 0; }
.sexual-consent .header7 .header7-right { text-align: center; padding: 0 0 50px 0; }
.sexual-consent .header7 .header7-right p { font-size: 2.5em; line-height: 60px; clear: none; display: inline-block; padding: 0; vertical-align: top; }
.sexual-consent .header7 .header7-right a { margin: 0 25px 0 0; display: inline-block; }
.sexual-consent .header7 .header7-right:after { content: ""; display: table; clear: both; }


}


@media screen and (max-width: 600px) {
.sexual-consent .header1 .header1-right { padding-bottom: 38%; }
.sexual-consent .header2 { display: block; }
.sexual-consent .header2 .header2-left, .sexual-consent .header2 .header2-right { width: 100%; display: block; }
.sexual-consent .header3 .header3-left h3 { font-size: 1.9em; line-height: 1.3; }
.sexual-consent .header4 .header4-right h2 { font-size: 2.3em; }


.sexual-consent .header5 { display: block; }
.sexual-consent .header5 .header5-left { width: 100%; display: block; padding: 0 0 30px 90px; }
.sexual-consent .header5 .header5-right { width: 100%; display: block; padding: 0 20px 40px 88px; }
.sexual-consent .header5 .header5-right img { max-width: 120px; }
}


@media screen and (max-width: 500px) {
.sexual-consent .header7 .header7-right a img { width: 50px; }
.sexual-consent .header7 .header7-right p { line-height: 50px; }
}



@media screen and (max-width: 450px) {
.sexual-consent .header5 .header5-left { padding: 0 0 30px 0; }
.sexual-consent .header5 .header5-left:before { display: none; }
.sexual-consent .header5 .header5-left h3 { position: relative; padding: 6px 0 0 60px; line-height: 1; }
.sexual-consent .header5 .header5-left h3:before { position: absolute; top: 0; left: -4px; width: 50px; height: 50px; display: block; content: ''; background: url(/img/consent/phone.png) 0 0 no-repeat; background-size: 50px 50px; }
.sexual-consent .header5 .header5-right { padding: 0 20px 40px 60px; }
.sexual-consent .header6 h4 { font-size: 2em; }

.sexual-consent .header6 .logos-table { max-width: 220px; }

.sexual-consent .header7 .header7-right { max-width: 298px; padding: 0 0 40px 0; }
.sexual-consent .header7 .header7-right a { margin: 0 15px 0 0; }
.sexual-consent .header7 .header7-right a img { width: 40px; }
.sexual-consent .header7 .header7-right p { line-height: 40px; }
}



@media screen and (max-width: 400px) {
.sexual-consent .header1 .header1-left p,
.sexual-consent .header2 .header2-right p,
.sexual-consent .header3 .header3-left p,
.sexual-consent .header4 .header4-right p,
.sexual-consent .header5 .header5-left p,
.sexual-consent .header7 .header7-left p { font-size: 1.6em; }
}

@media screen and (max-width: 350px) {
.sexual-consent .header7 .header7-right { text-align: center; }
.sexual-consent .header7 .header7-right a { margin: 0 15px 15px 0; float: none; display: inline-block; }
.sexual-consent .header7 .header7-right a:nth-child(2) { margin: 0 0 15px 0; }
.sexual-consent .header7 .header7-right a img { width: 60px; }
.sexual-consent .header7 .header7-right p { line-height: 1; text-align: center; clear: both; display: block; }
}






/* --- Talking to someone and asking for help --- */
.asking-for-help #main { padding-bottom: 50px; }
.asking-for-help #main .inner.heading { padding-bottom: 0; min-height: 0; }
.asking-for-help #main .inner { padding: 20px 0 0 0; min-height: 0; }
.asking-for-help #main .inner h1 { padding: 0 30px; color: #9804ed; }
.asking-for-help #main .inner.content { padding-left: 60px; padding-right: 60px; }

.asking-for-help .header1 { background: #666 url(/img/asking-for-help/header1.jpg) 0 0 no-repeat; background-size: cover; height: 453px; display: table; width: 100%; }
.asking-for-help .header1 .header1-left { width: 40%; display: table-cell; padding: 40px 70px 40px 60px; vertical-align: middle; }
.asking-for-help .header1 .header1-left h2 { font-size: 3.7em; line-height: 1.2; margin: 0; padding: 0 0 20px 0; color: #fff; }
.asking-for-help .header1 .header1-left p { font-size: 2em; line-height: 1.4; margin: 0; padding: 0; color: #fff; }
.asking-for-help .header1 .header1-right { width: auto; display: table-cell; padding: 0; }

.asking-for-help .header2 { display: table; width: 100%; padding: 30px 0 50px 0; }
.asking-for-help .header2 .header2-left { width: 45%; display: table-cell; padding: 0 30px 0 0; vertical-align: top; }
.asking-for-help .header2 .header2-left p { font-size: 1.9em; padding: 0; margin: 0; line-height: 1.3;  }
.asking-for-help .header2 .header2-right { width: 55%; display: table-cell; padding: 0 0 0 30px; vertical-align: top; }
.asking-for-help .header2 .header2-right h2 { color: #b82b48; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; font-size: 3.9em; }

.asking-for-help .header3 { background: #02012b; display: table; width: 100%; padding: 0 60px; }
.asking-for-help .header3 .header3-left { width: 50%; display: table-cell; padding: 50px 40px 50px 0; vertical-align: top; }
.asking-for-help .header3 .header3-left h2 { font-size: 4.7em; color: #d95771; }
.asking-for-help .header3 .header3-left p {  color: #fff; padding: 0 0 20px 0; margin: 0; font-size: 2em; line-height: 1.2; }
.asking-for-help .header3 .header3-left ul { margin: 0; padding: 0 0 20px 0; }
.asking-for-help .header3 .header3-left ul li { background: url(/img/asking-for-help/bullet.png) 0 9px no-repeat; background-size: 7px 7px; list-style: none; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; color: #d95771; padding: 0 0 0 30px; margin: 0; font-size: 2em; line-height: 1.2; }
.asking-for-help .header3 .header3-right { width: auto; display: table-cell; padding: 40px 0 50px 0; vertical-align: top; }
.asking-for-help .header3 .header3-right img { opacity: 0.8; }

.asking-for-help .header4 { display: table; width: 100%; padding: 45px 0 70px 0; }
.asking-for-help .header4 .header4-left { width: auto; display: table-cell; padding: 0 25px 0 0; vertical-align: top; }
.asking-for-help .header4 .header4-right { width: 50%; display: table-cell; padding: 0 0 0 25px; vertical-align: top; }
.asking-for-help .header4 .header4-right p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }
.asking-for-help .header4 .header4-right a { background: #d95771; color: #fff; padding: 6px 20px 9px 20px; font-size: 1.9em; border-radius: 8px; text-decoration: none; letter-spacing: 0.02em; min-width: 330px; display: inline-block; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.asking-for-help .header4 .header4-right a:hover { background: #a3314b; }

.asking-for-help .header5 { background: #d95771; height: 459px; display: table; width: 100%; padding: 0; }
.asking-for-help .header5 .header5-left { width: 50%; display: table-cell; padding: 30px 50px 30px 60px; vertical-align: middle; }
.asking-for-help .header5 .header5-left h2 { color: #fff; font-size: 5em; margin: 0; padding: 0 0 30px 0; }
.asking-for-help .header5 .header5-left p { color: #fff; padding: 0 0 20px 0; margin: 0; font-size: 2em; line-height: 1.3; }
.asking-for-help .header5 .header5-right { background: url(/img/asking-for-help/header5.jpg) center right no-repeat; background-size: cover; width: auto; display: table-cell; padding: 0; }

.asking-for-help .header6 { display: table; width: 100%; padding: 0; }
.asking-for-help .header6 .header6-left { width: auto; display: table-cell; padding: 50px 10px 70px 30px; vertical-align: top; }
.asking-for-help .header6 .header6-right { width: 45%; display: table-cell; padding: 50px 60px 70px 0; vertical-align: top; }
.asking-for-help .header6 .header6-right h2 { color: #1dc0ff; font-size: 4.3em; margin: 0; padding: 0 0 20px 0;  }
.asking-for-help .header6 .header6-right p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0;  }

.asking-for-help h2.full { color: #02012b; font-size: 4.2em; margin: 0; padding: 0; }

.asking-for-help .header7 { display: table; width: 100%; padding: 40px 0 80px 0; }
.asking-for-help .header7 .header7-left { width: 50%; display: table-cell; padding: 0 30px 0 0; vertical-align: top; }
.asking-for-help .header7 .header7-left p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }
.asking-for-help .header7 .header7-right { width: auto; display: table-cell; padding: 0 ; vertical-align: top; }

.asking-for-help .header8 { height: 815px; display: table; width: 100%; background: url(/img/asking-for-help/header8.jpg) 0 0 no-repeat; background-size: cover; padding: 0; }
.asking-for-help .header8 .header8-left { width: 50%; display: table-cell; padding: 0; vertical-align: top; }
.asking-for-help .header8 .header8-right { width: 50%; display: table-cell; padding: 60px 50px; vertical-align: top; background: rgba(255,255,255,0.6); }
.asking-for-help .header8 .header8-right h2 { color: #02012b; font-size: 4.3em; margin: 0; padding: 0 0 30px 0; }
.asking-for-help .header8 .header8-right p { font-size: 2em; line-height: 1.4; margin: 0; padding: 0 0 20px 0; }
.asking-for-help .header8 .header8-right p:last-child { padding: 0; }

.asking-for-help .header9 { background: #d95771; display: table; width: 100%; padding: 60px; }
.asking-for-help .header9 p { color: #fff; font-size: 2em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }
.asking-for-help .header9 p:last-child { padding: 0; }
.asking-for-help .header9 .header9-left { width: 50%; display: table-cell; padding: 0 30px 0 0; vertical-align: top; }
.asking-for-help .header9 .header9-right { width: 50%; display: table-cell; padding: 0 0 0 30px; vertical-align: top; }
.asking-for-help .header9 .header9-right h2 { color: #fff; font-size: 4.3em; margin: 0; padding: 0 0 30px 0; }

.asking-for-help .header10 { padding: 30px 0 100px 0; }
.asking-for-help .header10 h2 { color: #9804ed; font-size: 4em; margin: 0 0 50px 0; }
.asking-for-help .header10 .threecol { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; }
.asking-for-help .header10 .cell { width: 33.3%; padding: 0 50px 70px 0; position: relative; }
.asking-for-help .header10 .cell.last { padding-right: 0; }
.asking-for-help .header10 .cell p { font-size: 1.7em; line-height: 1.4; margin: 0; padding: 0; }
.asking-for-help .header10 .cell p strong, .asking-for-help .header10 .cell p a { color: #9804ed; display: inline-block; }
.asking-for-help .header10 .cell a.lozenge { position: absolute; bottom: 0; left: 0; background: #9804ed; color: #fff; padding: 6px 20px 9px 20px; font-size: 1.9em; border-radius: 8px; text-decoration: none; letter-spacing: 0.02em; min-width: 330px; display: inline-block; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.asking-for-help .header10 .cell a.lozenge:hover { background: #6800b9; }


.asking-for-help .header11 h2 { color: #02012b; font-size: 4.2em; margin: 0; padding: 0 0 30px 0; }
.asking-for-help .header11 .threecol { display: table; width: 100%; padding: 0 0 70px 0; }
.asking-for-help .header11 .cell { width: 33.3%; display: table-cell; padding: 0 50px 0 0; vertical-align: top; }
.asking-for-help .header11 .cell.last { padding: 0; }
.asking-for-help .header11 .cell p.video-container { padding-bottom: 56.25%; position: relative; }
.asking-for-help .header11 .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.asking-for-help .header11 .cell p.caption { padding: 6px 0 0 0; font-size: 1.7em; line-height: 1.3; color: #9804ed; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.asking-for-help .header11 .cell.last p.caption { padding: 0; }




@media screen and (max-width: 1400px) {
.asking-for-help .header1 { height: auto; }
.asking-for-help .header1 .header1-left { width: 45%; }
.asking-for-help .header2 .header2-right h2 { font-size: 3em; }
.asking-for-help .header3 .header3-left { width: 60%; }
.asking-for-help .header3 .header3-left h2 { font-size: 3.8em; }
.asking-for-help .header5 .header5-left h2 { font-size: 4em; padding: 0 0 20px 0; }
.asking-for-help .header5 { height: auto; }
.asking-for-help .header6 .header6-left { padding: 50px 60px 70px 30px; }
.asking-for-help .header6 .header6-right { width: 60%; }
.asking-for-help .header6 .header6-right h2 { font-size: 3.5em; padding: 0 0 10px 0; }
.asking-for-help h2.full { font-size: 3.3em; }
.asking-for-help .header8 { height: auto; }
.asking-for-help .header8 .header8-right h2 { font-size: 3.2em; padding: 0 0 20px 0; }
.asking-for-help .main .header9 .header9-left img { max-width: 400px; }
.asking-for-help .header9 .header9-right h2 { font-size: 4em; padding: 0 0 10px 0; }


.asking-for-help .header10 h2 { font-size: 3.5em; margin: 0 0 30px 0; }
.asking-for-help .header10 .cell { padding: 0 50px 60px 0; }
.asking-for-help .header10 .cell a.lozenge { min-width: 283px; padding: 4px 15px 7px 15px; font-size: 1.7em; }

.asking-for-help .header11 h2 { font-size: 3.5em; margin: 0; }


}


@media screen and (max-width: 1200px) {
.asking-for-help .header1 .header1-left p,
.asking-for-help .header2 .header2-left p,
.asking-for-help .header3 .header3-left p,
.asking-for-help .header3 .header3-left ul li,
.asking-for-help .header4 .header4-right p,
.asking-for-help .header5 .header5-left p,
.asking-for-help .header6 .header6-right p,
.asking-for-help .header7 .header7-left p,
.asking-for-help .header8 .header8-right p,
.asking-for-help .header9 p { font-size: 1.75em; }
.asking-for-help .header1 { background: #666 url(/img/asking-for-help/header1-mobile.jpg) 0 0 no-repeat; background-size: cover; }
.asking-for-help .header1 .header1-left { width: 50%; }
.asking-for-help .header1 .header1-left h2 { font-size: 3em; }
.asking-for-help .header2 .header2-right h2 { font-size: 2.5em; }
.asking-for-help .header3 .header3-left { width: 65%; }
.asking-for-help .header4 .header4-right a { padding: 5px 20px 8px 20px; font-size: 1.7em; min-width: 270px; }
.asking-for-help .header6 .header6-right h2 { font-size: 3em; }
.asking-for-help .header6 .header6-left { vertical-align: middle; }
.asking-for-help .header7 .header7-left { width: 60%; }
.asking-for-help .header7 .header7-right { padding: 30px 0 0 0; }
.asking-for-help .header9 .header9-right h2 { font-size: 3.3em; }
.asking-for-help .main .header9 .header9-left img { max-width: 80%; }
.asking-for-help .header10 { padding: 10px 0 80px 0; }


}

@media screen and (min-width: 901px) and (max-width: 1200px) {
.asking-for-help .header1 .header1-left { height: 400px; }
}



@media screen and (max-width: 1200px) {
.asking-for-help .header8 { display: block; background: none; }
.asking-for-help .header8 .header8-left { width: 100%; display: block; padding-bottom: 55%; background: url(/img/asking-for-help/header8.jpg) 0 0 no-repeat; background-size: cover; }
.asking-for-help .header8 .header8-right { width: 100%; display: block; }
}



@media screen and (max-width: 1100px) {
.asking-for-help .header10 .cell { padding: 0 30px 50px 0; }
.asking-for-help .header10 .cell a.lozenge { min-width: 252px; padding: 3px 14px 6px 14px; font-size: 1.5em; }
.asking-for-help .header10 .cell p { font-size: 1.55em; }
}

@media screen and (max-width: 1000px) {
.asking-for-help .header10 h2 { margin: 0 0 10px 0; }
.asking-for-help .header10 .threecol { display: block; }
.asking-for-help .header10 .cell { width: 100%; }
.asking-for-help .header10 .cell a.lozenge { position: static; }
.asking-for-help .header10 .cell p { padding: 10px 0 20px 0; }

.asking-for-help .header11 .cell p.video-container { margin: 0; }
.asking-for-help .header11 .cell p.caption, .asking-for-help .header11 .cell.last p.caption { padding: 0; margin: 6px 0 0 0; font-size: 1.5em; }
}


@media screen and (max-width: 900px) {
.asking-for-help #main .inner.content { padding-left: 30px; padding-right: 30px; }
.asking-for-help .header1 .header1-left { padding: 30px 24px; }
.asking-for-help .header2 .header2-left { padding: 0 10px 0 0; }
.asking-for-help .header2 .header2-right { padding: 0 0 0 10px; }
.asking-for-help .header3 { display: block; padding: 0 24px; }
.asking-for-help .header3 .header3-left { display: block; width: 100%; padding: 30px 0; }
.asking-for-help .header3 .header3-right { display: none; }
.asking-for-help .header3 .header3-left .graphic { padding-right: 190px; position: relative; }
.asking-for-help .header3 .header3-left .graphic:after { position: absolute; top: 0; right: 0; width: 200px; height: 170px; display: block; content: ''; background: url(/img/asking-for-help/header3.png) 0 0 no-repeat; background-size: 200px 170px; }
.asking-for-help .header4 .header4-left { padding: 0 18px 0 0; }
.asking-for-help .header4 .header4-right { width: 60%; padding: 0 0 0 18px; }
.asking-for-help .header5 .header5-left { padding: 24px; }
.asking-for-help .header5 .header5-left h2 { font-size: 3.5em; padding: 0 0 10px 0; }
.asking-for-help .header6 .header6-left { padding: 30px 30px 40px 30px; }
.asking-for-help .header6 .header6-right { padding: 30px 24px 40px 0; }
.asking-for-help h2.full { font-size: 2.8em; }

.asking-for-help .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0 30px 0; }
.asking-for-help .header7 .header7-left { width: 100%; display: block; order: 2; padding: 0; }
.asking-for-help .header7 .header7-right { width: 100%; display: block; max-width: 400px; margin: 0 auto 20px auto; order: 1; padding: 0; }

.asking-for-help .header8 .header8-right { padding: 40px 30px; background: rgba(255,255,255,0.7); }
.asking-for-help .header8 .header8-right h2 { font-size: 2.8em; padding: 0 0 10px 0; }

.asking-for-help .header9 { padding: 25px 30px 30px 30px; }
.asking-for-help .header9 .header9-left { padding: 0 20px 0 0; }
.asking-for-help .header9 .header9-right { padding: 0 0 0 20px; }

}




@media screen and (max-width: 768px) {
.asking-for-help .header1 { display: block; }
.asking-for-help .header1 .header1-left { width: 100%; display: block; background: rgba(0,0,0,0.55); }
.asking-for-help .header1 .header1-right { display: none; }
.asking-for-help .header2 { display: block; padding: 20px 0 40px 0; }
.asking-for-help .header2 .header2-left, .asking-for-help .header2 .header2-right { width: 100%; display: block; }
.asking-for-help .header2 .header2-left { padding: 0 0 20px 0; }
.asking-for-help .header2 .header2-right { padding: 0; }
.asking-for-help .header4 { display: block; padding: 30px 0 50px 0; }
.asking-for-help .header4 .header4-left { width: 100%; max-width: 460px; margin: 0 auto 30px auto; display: block; padding: 0; }
.asking-for-help .header4 .header4-right { width: 100%; display: block; padding: 0; }
.asking-for-help .header5 { display: block; }
.asking-for-help .header5 .header5-left { width: 100%; display: block; }
.asking-for-help .header5 .header5-right { width: 100%; display: block; padding-bottom: 46%; }
.asking-for-help .header6 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 24px 10px 24px; }
.asking-for-help .header6 .header6-left, .asking-for-help .header6 .header6-right { width: 100%; display: block; padding: 0; }
.asking-for-help .header6 .header6-left { max-width: 350px; margin: 30px auto 0 auto; order: 2; }
.asking-for-help .header7 .header7-right { max-width: 300px; order: 1; }
.asking-for-help .header9 { display: block; }
.asking-for-help .header9 .header9-left { width: 100%; display: block; padding: 0 0 30px 0; }
.asking-for-help .header9 .header9-right { width: 100%; display: block; padding: 0; }
.asking-for-help .main .header9 .header9-left img { max-width: 300px; }
.asking-for-help .header9 .header9-right h2 { font-size: 3em; }
.asking-for-help .header10 { padding: 10px 0 50px 0; }
.asking-for-help .header10 h2 { font-size: 3em; }
.asking-for-help .header11 h2 { font-size: 3em; }


.asking-for-help .header11 .threecol { display: block; padding: 0; }
.asking-for-help .header11 .cell, .asking-for-help .header11 .cell.last { width: 100%; display: block; padding: 0 0 60px 0; max-width: 440px; margin: auto; }
.asking-for-help .header11 .cell p.caption, .asking-for-help .header11 .cell.last p.caption { font-size: 1.7em; }
}





@media screen and (max-width: 600px) {
.asking-for-help .header3 .header3-left { padding: 220px 0 0 0; position: relative; }
.asking-for-help .header3 .header3-left:after { position: absolute; top: 30px; right: 0; left: 0; margin: auto; width: 200px; height: 170px; display: block; content: ''; background: url(/img/asking-for-help/header3.png) 0 0 no-repeat; background-size: 200px 170px; }
.asking-for-help .header3 .header3-left h2 { font-size: 3.5em; }
.asking-for-help .header3 .header3-left .graphic { padding-right: 0; }
.asking-for-help .header3 .header3-left .graphic:after { display: none; }
.asking-for-help .header6 .header6-right h2 { font-size: 2.5em; padding: 0 0 6px 0; }
.asking-for-help .header6 .header6-left { max-width: 270px; }
.asking-for-help .header10 .cell { padding: 0 30px 30px 0; }
}

@media screen and (max-width: 500px) {
.asking-for-help .header10 h2, .asking-for-help .header11 h2 { font-size: 2.5em; margin: 0; }
.asking-for-help .header11 .cell p.caption, .asking-for-help .header11 .cell.last p.caption { font-size: 1.5em; }
}


@media screen and (max-width: 400px) {
.asking-for-help .header2 .header2-right h2 { font-size: 2.2em; }
.asking-for-help .header4 { padding: 10px 0 30px 0; }
.asking-for-help .header5 .header5-left h2 { font-size: 3em; }
.asking-for-help h2.full { font-size: 2.5em; }
.asking-for-help .header7 .header7-right { max-width: 270px; }
.asking-for-help .main .header9 .header9-left img { max-width: 260px; }
.asking-for-help .header9 .header9-right h2 { font-size: 2.7em; }
}



/* --- FAQs --- */
.questions #main .heading.inner h1 { color: #333; font-size: 4em; margin: 0; padding: 0 0 20px 0; }
.questions #main .heading.inner p { padding: 0 0 20px 0; margin: 0; line-height: 1.3; }
.questions #main .heading.inner p:last-child { padding: 0; }
.questions #main .heading.inner a { color: #333; }
.questions #main .heading.inner a:hover { color: #d100cd; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.questions #main .heading.inner { display: table; width: 100%; padding: 0; min-height: 0; background: #efce54; }
.questions #main .heading-left { width: auto; display: table-cell; padding: 0; background: #efce54 url(/img/faqs/question-marks.png) top right no-repeat; background-size: cover; }
.questions #main .heading-right { width: 50%; display: table-cell; padding: 40px; vertical-align: top; }
.questions .faqlist { margin: 10px 0 40px 0; }
.questions .faqlist h5 a { border-top: none; padding: 12px 8px 2px 50px; margin: 0 0 15px 0; line-height: 1.3; }
.questions .faqlist h5 a:before { position: absolute; top: 3px; left: 0; width: 35px; height: 35px; display: block; content: ''; background: url(/img/faqs/arrow-right.png) 0 0 no-repeat; background-size: 35px 35px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.questions .faqlist h5 a.down:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.questions .faqlist .answer { padding: 2px 8px 12px 50px; }
.questions .faqlist .answer p { padding: 0 0 15px 0; margin: 0; }
.questions .faqlist .answer p:last-child { border-bottom: 1px solid #999; padding-bottom: 25px; margin-bottom: 20px; }

@media screen and (max-width: 1400px) {
.questions #main .heading.inner h1 { font-size: 3.6em; }
}

@media screen and (max-width: 1200px) {
.questions #main .heading-right { width: 60%; }
.questions #main .heading.inner h1 { font-size: 3.5em; padding: 0 0 10px 0; }
}

@media screen and (max-width: 900px) {
.questions #main .heading-right { width: 70%; padding: 30px; }
}

@media screen and (max-width:768px) {
.questions #main .heading.inner { display: block; }
.questions #main .heading-left { display: none; }
.questions #main .heading-right { display: block; width: 100%; background: #efce54 url(/img/faqs/question-marks-faded.png) top right no-repeat; background-size: cover; }
.questions #main .heading.inner h1 { font-size: 3.2em; }
}

@media screen and (max-width: 550px) {
.questions #main .heading.inner h1 { font-size: 2.8em; }
.questions .faqlist h5 a:before { top: 3px; width: 25px; height: 25px; background: url(/img/faqs/arrow-right.png) 0 0 no-repeat; background-size: 25px 25px; }
.questions .faqlist h5 a { padding: 7px 8px 2px 35px; margin: 0 0 6px 0; }
.questions .faqlist .answer { padding: 2px 8px 12px 35px; }
.questions .faqlist .answer p { word-break: break-word; }
}



/* --- Chlamydia --- */
.chlamydia #main { padding-bottom: 50px; }
.chlamydia #main .inner { padding: 0; min-height: 0; }
.chlamydia #main h1 { color: #d70; padding: 0 30px; margin: .67em 0; }
.chlamydia .header1 { display: table; width: 100%; padding: 0; }
.chlamydia .header1 .header1-left { width: auto; display: table-cell; padding: 0; background: url(/img/chlamydia/header.jpg) bottom center no-repeat; background-size: cover; }
.chlamydia .header1 .header1-right { width: 50.5%; display: table-cell; padding: 0; }
.chlamydia .header1 .header1-right h2 { background: #f69c6e; font-size: 5em; line-height: 1.2; margin: 0; padding: 80px; color: #fff; }
.chlamydia .header1 .header1-right ul { background: #f57652; margin: 0; padding: 80px; }
.chlamydia .header1 .header1-right ul li { list-style: none; margin: 0; padding: 0 0 30px 70px; background: url(/img/chlamydia/tick.png) 0 4px no-repeat; background-size: 47px 41px; color: #fff; font-size: 2.3em; }
.chlamydia .header2 { height: 255px; display: table; width: 100%; padding: 60px 60px 0 60px; background: #20afa5; }
.chlamydia .header2 .header2-left { width: 70%; display: table-cell; padding: 0; vertical-align: top; }
.chlamydia .header2 .header2-left h2 { font-size: 5em; line-height: 1.2; margin: 0; padding: 20px 0 0 0; color: #fff; }
.chlamydia .header2 .header2-left h2 span { display: block; }
.chlamydia .header2 .header2-right { width: auto; display: table-cell; padding: 0; background: url(/img/chlamydia/hospital.png) top right no-repeat; background-size: 150px 150px; }
.chlamydia .header3 { display: table; width: 100%; padding: 30px 60px 60px 60px; background: #20afa5; }
.chlamydia .header3 .header3-left { width: 45%; display: table-cell; padding: 0 30px 0 0; vertical-align: top; }
.chlamydia .header3 .header3-left p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 2em; line-height: 1.4; margin: 0; padding: 0; color: #fff; }
.chlamydia .header3 .header3-right { width: auto; display: table-cell; padding: 0 0 0 50px; vertical-align: top; }
.chlamydia .header3 .header3-right p.text { position: relative; font-size: 2em; line-height: 1.4; padding: 0 0 0 50px; margin: 0 0 50px 0; color: #fff; }
.chlamydia .header3 .header3-right p.text:before { position: absolute; top: 0; left: 0; width: 8px; height: 100%; display: block; content: ''; background: #63c7c0;  }
.chlamydia .header3 .header3-right p.green-button { font-size: 1em; margin: 0; padding: 20px 0 0 0; }
.chlamydia .header3 .header3-right p.green-button a { display: inline-block; text-decoration: none; background: #15534f; border-radius: 9px; font-size: 2em; line-height: 1; padding: 16px 50px 16px 50px; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.chlamydia .header3 .header3-right p.green-button a:hover { background: #00322f; }

@media screen and (max-width: 1400px) {
.chlamydia #main h1 { font-size: 4em; }
.chlamydia .header1 .header1-right h2 { font-size: 4.5em; padding: 60px; }
.chlamydia .header1 .header1-right ul { padding: 60px; }
.chlamydia .header1 .header1-right ul li { padding: 0 0 20px 55px; background-size: 35px 31px; font-size: 2em; }
.chlamydia .header2 .header2-left h2 { font-size: 4em; }
.chlamydia .header2 { height: 215px; }
.chlamydia .header3 .header3-right p.text { margin: 0 0 30px 0; }
}
@media screen and (max-width: 1200px) {
.chlamydia #main h1 { padding: 30px 30px 35px 45px; }
.chlamydia .header1 .header1-right h2 { font-size: 4em; padding: 45px; }
.chlamydia .header1 .header1-right ul { padding: 45px 45px 25px 45px; }
.chlamydia .header2 { height: 170px; padding: 45px 45px 0 45px; }
.chlamydia .header2 .header2-left h2 { font-size: 3.7em; }
.chlamydia .header2 .header2-right { background-size: 120px 120px; }
.chlamydia .header3 { padding: 20px 45px 45px 45px; }
.chlamydia .header3 .header3-right p.green-button a { border-radius: 7px; font-size: 1.8em; padding: 13px 35px; }
}

@media screen and (max-width: 900px) {
.chlamydia #main h1 { padding: 30px 30px 35px 30px; font-size: 3.7em; }
.chlamydia .header1 .header1-right h2 { font-size: 3.5em; padding: 30px; }
.chlamydia .header1 .header1-right ul { padding: 30px 30px 10px 30px; }
.chlamydia .header1 .header1-right ul li { padding: 0 0 20px 40px; background-size: 25px 22px; font-size: 1.75em; }
.chlamydia .header2 { height: 130px; padding: 30px 30px 0 30px; }
.chlamydia .header2 .header2-left h2 { font-size: 3.2em; padding: 10px 0 0 0; }
.chlamydia .header2 .header2-right { background-size: 100px 100px; }
.chlamydia .header3 { padding: 20px 30px 30px 30px; }
.chlamydia .header3 .header3-left { width: 46%; padding: 0; }
.chlamydia .header3 .header3-left p { font-size: 1.75em; }
.chlamydia .header3 .header3-right { padding: 0 0 0 30px; }
.chlamydia .header3 .header3-right p.text { margin: 0 0 20px 0; font-size: 1.75em; padding: 0 0 0 30px; }
.chlamydia .header3 .header3-right p.text:before { width: 6px; }
}

@media screen and (max-width: 768px) {
.chlamydia .header1 .header1-right { width: 65%; }
.chlamydia .header1 .header1-right h2 { font-size: 3em; padding: 20px 30px; }
.chlamydia .header1 .header1-right ul li { padding: 0 0 15px 25px; background: url(/img/chlamydia/tick.png) 0 6px no-repeat; background-size: 15px 13px; }
.chlamydia .header2 .header2-left h2 { font-size: 2.8em; }
.chlamydia .header2 .header2-right { background-size: 80px 80px; }
.chlamydia .header2 { height: 110px; }
.chlamydia .header3 { display: block; padding: 20px 30px 50px 30px; }
.chlamydia .header3 .header3-left { width: 100%; display: block; padding: 0 0 30px 0; }
.chlamydia .header3 .header3-right { width: 100%; display: block; padding: 0; }
.chlamydia .header3 .header3-right p.text { padding: 0; }
.chlamydia .header3 .header3-right p.text:before { display: none; }
.chlamydia .header3 .header3-right p.green-button { padding: 0; }
}

@media screen and (max-width: 650px) {
.chlamydia .header1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.chlamydia .header1 .header1-left { width: 100%; display: block; padding-bottom: 110%; order: 2; }
.chlamydia .header1 .header1-right { width: 100%; display: block; order: 1; }
.chlamydia .header2 .header2-left h2 span { display: inline; }
.chlamydia .header1 .header1-right h2, .chlamydia .header2 .header2-left h2 { font-size: 2.7em; }
}

@media screen and (max-width: 450px) {
.chlamydia .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; }
.chlamydia .header2 .header2-left { width: 100%; display: block; order: 2; }
.chlamydia .header2 .header2-right { width: 100%; display: block; height: 90px; order: 1; background: url(/img/chlamydia/hospital.png) top left no-repeat; background-size: 80px 80px; }
}


/* --- Sexting --- */
.sexting #main { padding-bottom: 50px; }
.sexting #main .inner { padding: 0; min-height: 0; }
.sexting #main h1 { color: #660a2f; padding: 0 30px; margin: .67em 0; }
.sexting .header1 { display: table; height: 490px; width: 100%; padding: 0; background: #083560; }
.sexting .header1 .header1-left { width: 50%; display: table-cell; padding: 100px; vertical-align: middle; position: relative; }
.sexting .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/sexting/header1.jpg) bottom right no-repeat; background-size: cover; }
.sexting .header1 .header1-left:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #083560; border-width: 52px; margin-top: -52px; }
.sexting .header1 .header1-left h2 { font-size: 4em; line-height: 1.3; margin: 0; padding: 0 0 10px 0; color: #d95771; }
.sexting .header1 .header1-left p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 2em; line-height: 1.6; margin: 0; padding: 0; color: #fff; }
.sexting .header2 { display: table; height: 594px; width: 100%; padding: 0; background: #d7777e; }
.sexting .header2 .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/sexting/header2.jpg) top left no-repeat; background-size: cover; }
.sexting .header2 .header2-right { width: 50%; display: table-cell; padding: 60px 100px; vertical-align: middle; position: relative;  }
.sexting .header2 .header2-right:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #d7777e; border-width: 52px; margin-top: -52px; }
.sexting .header2 .header2-right h2 { font-size: 4em; line-height: 1.2; margin: 0; padding: 0 0 40px 0; color: #79141e; }
.sexting .header2 .header2-right p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 2em; line-height: 1.6; margin: 0; padding: 0; color: #fff; }
.sexting .header2 .header2-right ul { margin: 0; padding: 0; }
.sexting .header2 .header2-right ul li { list-style: none; margin: 0; padding: 0 0 30px 25px; background: url(/img/sexting/bullet.png) 0 14px no-repeat; background-size: 8px 8px; color: #fff; font-size: 2.3em; line-height: 1.2; }
.sexting .header2 .header2-right ul li:last-child { padding-bottom: 0; }
.sexting .header3 { background: #183254; }
.sexting .header3 .text { max-width: 730px; margin: auto; padding: 90px 30px; }
.sexting .header3 p.pink { font-size: 2.4em; padding: 0 0 20px 0; color: #d95771; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.sexting .header3 p { font-size: 2.3em; line-height: 1.6; margin: 0; padding: 0; color: #fff; text-align: center; }
.sexting .header4 { display: table; width: 100%; padding: 100px; background: #d7777e; }
.sexting .header4 .header4-left { width: 70%; display: table-cell; padding: 0; vertical-align: middle; }
.sexting .header4 .header4-right { width: auto; display: table-cell; padding: 0; vertical-align: middle; text-align: right; }
.sexting .header4 .header4-left h2 { font-size: 2.6em; line-height: 1.4; margin: 0; padding: 0; color: #fff; }
.sexting .header4 .header4-left h2 span { display: block; }
.sexting .pink-button { margin: 0; padding: 0; font-size: 1em; }
.sexting .pink-button a { display: inline-block; text-decoration: none; background: #b34e54; border-radius: 9px; font-size: 2.6em; line-height: 1; padding: 23px 90px; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.sexting .pink-button a:hover { background: #842c35; }
.sexting .header5 { display: table; height: 505px; width: 100%; padding: 0; background: #083560; }
.sexting .header5 .header5-left { width: auto; display: table-cell; padding: 0; background: url(/img/sexting/header5.jpg) center center no-repeat; background-size: cover; }
.sexting .header5 .header5-right { width: 59%; display: table-cell; padding: 60px 100px; vertical-align: middle; }
.sexting .header5 .header5-right h2 { font-size: 4em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; color: #fff; }
.sexting .header5 .header5-right p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0; color: #fff; }
.sexting .header6 { display: table; height: 523px; width: 100%; padding: 0; background: #ec556a url(/img/sexting/header6.jpg) bottom right no-repeat; background-size: cover; }
.sexting .header6 .header6-left { width: 58%; display: table-cell; padding: 100px; vertical-align: middle; }
.sexting .header6 .header6-right { width: auto; display: table-cell; padding: 0; }
.sexting .header6 .header6-left h2 { font-size: 3.9em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; color: #fff; }
.sexting .header6 .header6-left p { font-size: 2.3em; line-height: 1.6; margin: 0; padding: 0 0 40px 0; color: #fff; }
.sexting .header6 .header6-left p.pink-button { margin: 0; padding: 0 0 16px 0; font-size: 1em; }
.sexting .header7-heading { background: #455971; margin: 0; padding: 35px 30px 27px 30px; }
.sexting .header7-heading h2 { font-size: 2.8em; color: #fff; line-height: 1.2; text-align: center; }
.sexting .header7 { display: table; width: 100%; padding: 0; }
.sexting .header7 .cell { width: 33.3%; display: table-cell; padding: 60px; background: #234572; vertical-align: top; text-align: center; }
.sexting .header7 .cell.navy { background: #183254; }
.sexting .header7 .cell h2 { font-size: 3em; line-height: 1.3; margin: 0; padding: 0 0 30px 0; color: #fff; text-decoration: underline; }
.sexting .header7 .cell p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0 0 40px 0; color: #fff; }
.sexting .header7 .cell p span { display: block; }
.sexting .header7 p.pink-button.blue { font-size: 1em; padding: 0; }
.sexting .header7 p.pink-button.blue a { background: #1d3b62; width: 100%; }
.sexting .header7 p.pink-button.blue a:hover { background: #b34e54; }
.sexting .header7 .navy p.pink-button { font-size: 1em; padding: 0; }
.sexting .header7 .navy p.pink-button a { background: #102541; width: 100%; }
.sexting .header7 .navy p.pink-button a:hover { background: #b34e54; }

@media screen and (max-width: 1400px) {
.sexting #main h1 { font-size: 4em; }
.sexting .header1 { height: auto; }
.sexting .header1 .header1-left { padding: 60px; }
.sexting .header1 .header1-left:after { border-width: 42px; margin-top: -42px; }
.sexting .header1 .header1-left h2 { font-size: 3.2em; }
.sexting .header2 { height: auto; }
.sexting .header2 .header2-right { padding: 60px; }
.sexting .header2 .header2-right h2 { padding: 0 0 15px 0; font-size: 2.8em; }
.sexting .header2 .header2-right:after { border-width: 42px; margin-top: -42px; }
.sexting .header2 .header2-right ul li { padding: 0 0 10px 20px; font-size: 2em; background: url(/img/sexting/bullet.png) 0 12px no-repeat; background-size: 8px 8px; }
.sexting .header3 .text { padding: 60px 30px; }
.sexting .header3 p { font-size: 2em; }
.sexting .header3 p.pink { font-size: 2.2em; }
.sexting .header4 { padding: 60px; }
.sexting .header4 .header4-left h2 { font-size: 2.4em; }
.sexting .pink-button a { font-size: 2.3em; padding: 19px 70px; }
.sexting .header5 { height: auto; }
.sexting .header5 .header5-right { padding: 60px; }
.sexting .header5 .header5-right h2 { font-size: 3em; padding: 0 0 10px 0; }
.sexting .header6 { height: auto; }
.sexting .header6 .header6-left {  padding: 60px; }
.sexting .header6 .header6-left h2 { font-size: 3.5em; padding: 0 0 10px 0; }
.sexting .header6 .header6-left p { font-size: 2em; padding: 0 0 30px 0; }
.sexting .header7-heading h2 { font-size: 2.5em; }
.sexting .header7-heading { padding: 25px 30px 17px 30px; }
.sexting .header7 .pink-button a { font-size: 2.2em; padding: 19px 30px; }
}
@media screen and (max-width: 1200px) {
.sexting #main h1 { padding: 30px 30px 35px 45px; }
.sexting .header2 .header2-right h2 { font-size: 2.8em; }
.sexting .header4 .header4-left h2 { font-size: 2.2em; }
.sexting .pink-button a { font-size: 2em; padding: 15px 60px; }
.sexting .header5 .header5-right h2 { font-size: 2.8em; }
.sexting .header6 .header6-left h2 { font-size: 2.8em; }
.sexting .header7 .pink-button a { font-size: 1.7em; padding: 15px 30px; max-width: 210px; }
.sexting .header7 .cell h2 { font-size: 2.6em; padding: 0 0 10px 0; }
.sexting .header7 .cell p { padding: 0 0 20px 0; font-size: 1.9em; }
}
@media screen and (max-width: 900px) {
.sexting .header1 .header1-left p,
.sexting .header2 .header2-right ul li,
.sexting .header3 p,
.sexting .header5 .header5-right p,
.sexting .header4 .header4-left h2,
.sexting .header6 .header6-left p,
.sexting .header7 .cell p { font-size: 1.75em; }
.sexting #main h1 { padding: 30px 30px 35px 30px; font-size: 3.7em; }
.sexting .header1 .header1-left { padding: 24px 30px 30px 30px; }
.sexting .header1 .header1-left h2 { font-size: 2.8em; }
.sexting .header1 .header1-left:after { border-width: 30px; margin-top: -30px; }
.sexting .header2 .header2-right { padding: 30px; }
.sexting .header2 .header2-right:after { border-width: 30px; margin-top: -30px; }
.sexting .header2 .header2-right ul li { background: url(/img/sexting/bullet.png) 0 7px no-repeat; background-size: 8px 8px; }
.sexting .header3 .text { padding: 30px; }
.sexting .header3 p.pink { font-size: 1.9em; }
.sexting .header4 { padding: 30px; }
.sexting .header4 .header4-left h2 { font-size: 1.9em; }
.sexting .header5 .header5-right { padding: 25px 30px 30px 30px; }
.sexting .pink-button a { font-size: 1.8em; padding: 12px 50px; }
.sexting .header6 .header6-left { padding: 30px; }
.sexting .header7 .cell { padding: 30px; }
.sexting .header7 p.pink-button.blue a { width: 100%; max-width: none; }
}
@media screen and (max-width: 768px) {
.sexting .header1 { display: block; }
.sexting .header1 .header1-left { width: 100%; display: block; }
.sexting .header1 .header1-right { width: 100%; display: block; padding-bottom: 43%; }
.sexting .header1 .header1-left h2 { font-size: 2.5em; }
.sexting .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexting .header2 .header2-left { width: 100%; display: block; padding-bottom: 43%; order: 2; }
.sexting .header2 .header2-right { width: 100%; display: block; order: 1; }
.sexting .header2 .header2-right h2 { font-size: 2.5em; }
.sexting .pink-button a { font-size: 1.7em; padding: 10px 30px; text-align: center; }
.sexting .header4 .header4-right .pink-button a { width: auto; }
.sexting .header4 .header4-left { width: auto; }
.sexting .header4 .header4-right { width: auto; padding-left: 40px; }
.sexting .header4 .header4-left h2 span { display: inline; }
.sexting .header5 { display: block; }
.sexting .header5 .header5-left { width: 100%; display: block; padding-bottom: 66%; }
.sexting .header5 .header5-right { width: 100%; display: block; }
.sexting .header6 .header6-left { width: 50%; }
.sexting .header7-heading h2 { font-size: 2.3em; }
.sexting .header7 { display: block; }
.sexting .header7 .cell { width: 100%; display: block; }
.sexting .header7 p.pink-button.blue a { width: auto; }
}
@media screen and (max-width: 700px) {
.sexting .header6 { background: #ec556a url(/img/sexting/header6-bg.jpg) 0 0 repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexting .header6 .header6-left { width: 100%; display: block; order: 2; }
.sexting .header6 .header6-right { width: 100%; display: block; background: #ec556a url(/img/sexting/header6-mobile.jpg) bottom center no-repeat; background-size: cover; padding-bottom: 67%; order: 1; }
}
@media screen and (max-width: 500px) {
.sexting .header4, .sexting .header4 .header4-left, .sexting .header4 .header4-right { width: 100%; display: block; }
.sexting .header4 .header4-right { padding: 30px 0 0 0; text-align: center; }
.sexting .header4 .header4-left h2 { text-align: center; }
.sexting .pink-button a { width: auto; padding: 15px 50px; }
.sexting .header7-heading h2 { font-size: 2.1em; }
}







/* ---Online grooming --- */
.online-grooming #main { padding-bottom: 50px; }
.online-grooming #main .inner.heading { padding-bottom: 0; min-height: 0; }
.online-grooming #main .inner { padding: 20px 0 0 0; min-height: 0; }
.online-grooming #main .inner h1 { padding: 0 30px; color: #0258a8; }
.online-grooming .header1 { display: table; height: 452px; width: 100%; padding: 0; background: #64b4dd; }
.online-grooming .header1 .header1-left { width: auto; display: table-cell; padding: 0; background: url(/img/online-grooming/header1.jpg) right center no-repeat; background-size: cover; }
.online-grooming .header1 .header1-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.online-grooming .header1 .header1-right h2 { font-size: 4em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; color: #fff; }
.online-grooming .header1 .header1-right p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0 0 20px 0; color: #fff; }
.online-grooming .header1 .header1-right p:last-child { padding: 0; }
.online-grooming .header2 { display: table; height: 568px; width: 100%; padding: 0; background: #64b4dd url(/img/online-grooming/header2.jpg) bottom right no-repeat; background-size: cover; }
.online-grooming .header2 .header2-left { width: 50%; display: table-cell; padding: 60px 30px 60px 60px; vertical-align: middle; }
.online-grooming .header2 .header2-left h2 { font-size: 4em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; color: #fff; }
.online-grooming .header2 .header2-left h2 span { display: block; }
.online-grooming .header2 .header2-left p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0 0 20px 0; color: #fff; }
.online-grooming .header2 .header2-left p:last-child { padding: 0; }
.online-grooming .header2 .header2-left p.strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.online-grooming .header2 .header2-left p.strong a { color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.online-grooming .header2 .header2-left p.strong a:hover { color: #000; }
.online-grooming .header2 .header2-right { width: auto; display: table-cell; padding: 30px 60px 30px 30px; vertical-align: middle; text-align: center; }
.online-grooming .header3 { padding: 60px; }
.online-grooming .header3 h2 { color: #000; font-size: 4em; margin: 0; padding: 0 0 20px 0; }
.online-grooming .header3 p { padding: 0; margin: 0 0 10px 0; font-size: 2.3em; }
.online-grooming .header3 .four-col { display: table; width: 100%; }
.online-grooming .header3 .four-col .cell { display: table-cell; width: 25%; padding: 0 30px 0 0; }
.online-grooming .header3 .four-col .cell.last { padding-right: 0 }
.online-grooming .header3 .four-col .cell p.text { line-height: 1.2; margin: 0 30px; font-size: 2em; }
.online-grooming .header3 .four-col .cell.last  p.text { margin: 0 10px; }
.online-grooming .header4 { display: table; width: 100%; padding: 60px; background: #ae3526; }
.online-grooming .header4 .header4-left { width: 225px; display: table-cell; padding: 0; vertical-align: middle; }
.online-grooming .header4 .header4-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }
.online-grooming .header4 .header4-right h2 { font-size: 3.3em; line-height: 1.3; margin: 0; padding: 0; color: #fff; }
.online-grooming .header4 .header4-right h2 a { color: #fff; }
.online-grooming .header5 { display: table; width: 100%; padding: 60px; }
.online-grooming .header5 .header5-left { width: auto; display: table-cell; padding: 0 30px 0 0; vertical-align: top; }
.online-grooming .header5 .header5-left p.video-container { padding: 0; }
.online-grooming .header5 .header5-left p.video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.online-grooming .header5 .header5-left p.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.online-grooming .header5 .header5-right { width: 50%; display: table-cell; padding: 0 0 0 30px; vertical-align: top; }
.online-grooming .header5 .header5-right p { font-size: 2.3em; line-height: 1.3; margin: 0; padding: 0; }
.online-grooming .header5 .header5-right p a { color: #ae3526; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.online-grooming .header5 .header5-right p a:hover { color: #0258a8; }

@media screen and (max-width: 1400px) {
.online-grooming .header1 { height: auto; }
.online-grooming .header1 .header1-right h2 { font-size: 3.3em; padding: 0 0 10px 0; }
.online-grooming .header1 .header1-right p { padding: 0 0 12px 0; }
.online-grooming .header2 { height: auto; }
.online-grooming .header2 .header2-left h2 { font-size: 3.3em; padding: 0 0 10px 0; }
.online-grooming .header2 .header2-left p { padding: 0 0 12px 0; }
.online-grooming .header3 h2 { font-size: 3.5em; padding: 0 0 10px 0; }
.online-grooming .header4 .header4-left { width: 180px; }
.online-grooming .header4 .header4-right { padding: 0 0 0 40px; }
.online-grooming .header4 .header4-right h2 { font-size: 3em; }
.online-grooming .header5 .header5-right p { font-size: 2em; }
}

@media screen and (max-width: 1200px) {
.online-grooming .header1 .header1-right h2 { font-size: 3em; }
.online-grooming .header2 .header2-left { width: 60%; }
.online-grooming .header2 .header2-left h2 { font-size: 2.7em; }
.online-grooming .header2 .header2-left h2 span { display: inline; }
.online-grooming .header2 .header2-right { padding: 30px 60px 30px 0; }

.online-grooming .header3 .four-col .cell { padding: 0 10px 0 0; }
.online-grooming .header3 .four-col .cell p.text { font-size: 1.8em; }
.online-grooming .header3 h2 { font-size: 3.2em; }
.online-grooming .header4 .header4-left { width: 160px; }
.online-grooming .header4 .header4-right { padding: 0 0 0 30px; }
.online-grooming .header4 .header4-right h2 { font-size: 2.8em; }
.online-grooming .header5 .header5-right { padding: 0 0 0 20px; }
.online-grooming .header5 .header5-left { padding: 0 20px 0 0; }
}

@media screen and (max-width: 1100px) {
.online-grooming .header2 .header2-left { width: 65%; }
.online-grooming .header2 .header2-left h2 { font-size: 2.5em; }
.online-grooming .header2 .header2-left p { font-size: 1.75em; }

}



@media screen and (max-width: 900px) {
.online-grooming .header1 .header1-right p,
.online-grooming .header3 p,
.online-grooming .header5 .header5-right p { font-size: 1.75em; }
.online-grooming .header1 .header1-right { padding: 30px; }
.online-grooming .header2 .header2-left { padding: 30px; }
.online-grooming .header2 .header2-left { width: 60%; }
.online-grooming .header3 { padding: 30px; }
.online-grooming .header3 h2 { font-size: 2.8em; }
.online-grooming .header3 .four-col { display: block; }
.online-grooming .header3 .four-col .cell { width: 50%; padding: 0 0 50px 0; text-align: center; display: block; float: left; }
.online-grooming .header4 { padding: 30px; }
.online-grooming .header4 .header4-left { width: 120px; }
.online-grooming .header4 .header4-right { padding: 0 0 0 20px; }
.online-grooming .header4 .header4-right h2 { font-size: 2.5em; }
.online-grooming .header5 { padding: 40px 30px; }

}




@media screen and (max-width: 768px) {
.online-grooming .header1 { display: block; }
.online-grooming .header1 .header1-left { width: 100%; display: block; padding-bottom: 45%; }
.online-grooming .header1 .header1-right { width: 100%; display: block; }
.online-grooming .header2 { display: block; padding: 30px; }
.online-grooming .header2 .header2-left { width: 100%; display: block; padding: 0 0 40px 0; }
.online-grooming .header2 .header2-right { width: 100%; display: block; padding: 0; }
.online-grooming .header2 .header2-left h2 { font-size: 3em; }
.online-grooming .header2 .header2-right img { max-width: 470px; }
.online-grooming .header4 .header4-left { width: 100px; }
.online-grooming .header4 .header4-right h2 { font-size: 2.2em; }
.online-grooming .header5 { display: block; }
.online-grooming .header5 .header5-left { width: 100%; display: block; padding: 0; }
.online-grooming .header5 .header5-right { width: 100%; display: block; padding: 0; }

}





@media screen and (max-width: 650px) {
.online-grooming .header3 .four-col .cell { width: 100%; padding: 0 0 50px 0; float: none; }
.online-grooming .header3 p.image { margin: 0; }
.online-grooming .header4 { display: block; }
.online-grooming .header4 .header4-left { width: 100%; display: block; text-align: center; padding: 0 0 20px 0; }
.online-grooming .header4 .header4-left img { max-width: 140px; }
.online-grooming .header4 .header4-right { width: 100%; display: block; padding: 0; }
.online-grooming .header4 .header4-right h2 { font-size: 1.9em; text-align: center; }

}


@media screen and (max-width: 600px) {
.online-grooming .header2 .header2-right img { max-width: 100%; }
.online-grooming .header2 .header2-left { padding: 0 0 20px 0; }

}

@media screen and (max-width: 500px) {
.online-grooming .header1 .header1-right h2 { font-size: 2.5em; }
.online-grooming .header2 .header2-left h2 { font-size: 2.5em; }
.online-grooming .header3 h2 { font-size: 2.5em; }
}



.lgbtq #main { padding-bottom: 50px; }
.lgbtq #main .inner { padding: 0; min-height: 0; }
.lgbtq #main h1 { padding: 40px 40px 50px 60px; font-size: 4.3em; margin: 0; line-height: 1; }
.lgbtq #main p { margin: 0; padding: 0 0 20px 0; color: #fff; font-size: 1.9em; }
.lgbtq #main p:last-child { padding-bottom: 0; }
.lgbtq #main span { display: block; }
.lgbtq .header6 span { display: inline-block; }

.lgbtq .header1 { display: table; width: 100%; padding: 0; }
.lgbtq .header1-left { width: 50%; display: table-cell; padding: 0; vertical-align: top; background: #882d5e; }
.lgbtq .header1-left h2 { padding: 60px 90px; margin: 0; color: #fff; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-size: 3.5em; line-height: 1.4; text-align: center; }
.lgbtq .header1-left h2 span { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.lgbtq .header1-right { position: relative; width: auto; display: table-cell; padding: 60px; vertical-align: middle; background: #6b54d6; }
.lgbtq .header1-right:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #6b54d6; border-width: 52px; margin-top: -52px; }
.lgbtq #main .header1-right p { position: relative; padding: 0 0 30px 40px; font-size: 1.9em; }
.lgbtq #main .header1-right p:last-child { padding-bottom: 0; }
.lgbtq .header1-right p:before { position: absolute; top: 0; left: 0; width: 8px; height: 100%; display: block; content: ''; background: #9b8be2; }

.lgbtq .header2 { display: table; height: 503px; width: 100%; padding: 0; background: #7e0043 url(/img/lgbtq/header2.jpg) right center no-repeat; background-size: cover; }
.lgbtq .header2 .cell { width: 100%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq .header2 h2 { color: #fff; font-size: 3.4em; line-height: 1.3; }
.lgbtq #main .header2 p { font-size: 2.2em; }
.lgbtq .header2 p a { background: #d84766; color: #fff; text-decoration: none; padding: 19px 32px; margin: 30px 0 0 0; display: inline-block; border-radius: 7px; line-height: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.lgbtq .header2 p a:hover { -webkit-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); }

.lgbtq .header3 { background: #3d726b; padding: 40px 60px 60px 60px; }
.lgbtq .header3 h2 { color: #fff; font-size: 3.4em; margin: 0 0 20px 0; padding-top: 20px; }
.lgbtq .header3 h4 { color: #fff; font-size: 2.5em; line-height: 1.4; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; margin: 0; }
.lgbtq .header3 .header { min-height: 200px; background: url(/img/lgbtq/identity.png) top right no-repeat; background-size: 200px 200px; padding-right: 300px; }
.lgbtq .header3 .indent { position: relative; padding-left: 40px; }
.lgbtq .header3 .indent:before { position: absolute; top: 0; left: 0; width: 8px; height: 100%; display: block; content: ''; background: #769f9b; }

.lgbtq .header4 { display: table; height: 845px; width: 100%; padding: 0; background: #64b4dd; }
.lgbtq .header4-left { background: #833c73; width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq #main .header4-left p { font-size: 2.3em; line-height: 1.7; }
.lgbtq #main .header4-left p:first-child { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.lgbtq .header4-right { width: auto; display: table-cell; padding: 0; background: url(/img/lgbtq/header4.jpg) right center no-repeat; background-size: cover; }

.lgbtq .header5 { display: table; width: 100%; padding: 0; }
.lgbtq .header5-left { width: 50%; display: table-cell; padding: 120px; vertical-align: middle; background: #5641b9; }
.lgbtq .header5-left h2 { color: #fff; font-size: 3.5em; line-height: 1.4; }
.lgbtq .header5-right { width: auto; display: table-cell; padding: 120px 60px; vertical-align: middle; background: #6b54d6; }
.lgbtq #main .header5-right p { position: relative; padding-left: 40px; }
.lgbtq .header5-right p:before { position: absolute; top: 0; left: 0; width: 8px; height: 100%; display: block; content: ''; background: #9b8be2; }

.lgbtq .header6 { display: table;  width: 100%; padding: 0; background: #433199; }
.lgbtq .header6 .header6-left { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq .header6 .header6-right { width: 135px; display: table-cell; padding: 0 60px 0 0; vertical-align: middle; }
.lgbtq .header6 .header6-left h2 { color: #fff; font-size: 3.3em; line-height: 1; margin: 0; }
.lgbtq .header6 .header6-left span { color: #c84472; }

.lgbtq .header7 { display: table; width: 100%; padding: 0; background: #872c5d; }
.lgbtq .header7-left { width: 50%; display: table-cell; padding: 0; }
.lgbtq .header7-left .video-iframe { margin: 0 0 -4px 0; }
.lgbtq .header7-right { width: auto; display: table-cell; padding: 120px; vertical-align: middle; }
.lgbtq .header7-right h2 { color: #fff; font-size: 3.3em; line-height: 1.4; margin: 0; }

.lgbtq .header8 { display: table; height: 581px; width: 100%; padding: 0; background: #3d726b; }
.lgbtq .header8-left { width: 50%; display: table-cell; padding: 60px 120px; vertical-align: middle; position: relative; }
.lgbtq .header8-left:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(232, 150, 35, 0);  border-left-color: #3d726b; border-width: 52px; margin-top: -52px; }
.lgbtq #main .header8-left p { font-size: 2.5em; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.lgbtq .header8-right { width: auto; display: table-cell; padding: 0; background: url(/img/lgbtq/header8.jpg) right center no-repeat; background-size: cover; }

.lgbtq .header9 { display: table; width: 100%; padding: 60px; background: #44329a; }
.lgbtq .header9-left { width: 30%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq .header9-left h2 { color: #fff; font-size: 3em; line-height: 1.4; margin: 0; }
.lgbtq .header9-right { text-align: right; width: auto; display: table-cell; padding: 0; }
.lgbtq .header9-right a { font-size: 2em; text-align: center; display: inline-block; min-width: 300px; background: #d84766; color: #fff; text-decoration: none; padding: 20px 30px; margin: 30px 30px 0 0; border-radius: 7px; line-height: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.lgbtq .header9-right a:hover { -webkit-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); }

@media screen and (max-width: 1400px) {
.lgbtq #main h1 { font-size: 4em; line-height: 1.2; }
.lgbtq .header1-left h2 { padding: 30px; font-size: 3em; }
.lgbtq .header1-right { padding: 30px 30px 30px 40px; }
.lgbtq .header1-right:after { border-width: 40px; margin-top: -40px; }
.lgbtq #main .header1-right p { padding: 0 0 20px 35px; font-size: 1.8em; }
.lgbtq .header1-right p:before { width: 6px; }

.lgbtq .header2 { height: auto; }
.lgbtq .header2 h2 { font-size: 3em; }
.lgbtq #main .header2 p { font-size: 1.8em; }
.lgbtq .header2 p a { padding: 15px 24px; margin: 10px 0 0 0; }

.lgbtq .header3 .indent:before { width: 6px; }

.lgbtq .header3 h2 { font-size: 3em; margin: 0 0 10px 0; }
.lgbtq .header3 h4 { font-size: 2.2em; }
.lgbtq .header3 .header { min-height: 170px; background: url(/img/lgbtq/identity.png) top right no-repeat; background-size: 150px 150px; padding-right: 210px; }
.lgbtq .header3 .indent { padding-left: 35px; }

.lgbtq .header4 { height: auto; }
.lgbtq #main .header4-left p { font-size: 2em; }

.lgbtq .header5-left, .lgbtq .header5-right { padding: 60px; }
.lgbtq .header5-left h2 { font-size: 3em; }

.lgbtq .header5-right p:before { width: 6px; }

.lgbtq .header6 .header6-left h2 { font-size: 2.8em; }

.lgbtq .header7-right h2 { font-size: 3em; }

.lgbtq .header7-right { padding: 60px; }

.video-iframe { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.video-iframe iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.lgbtq .header7-left .video-iframe { margin: 0; }

.lgbtq .header8 { height: auto; }
.lgbtq .header8-left { padding: 90px 60px; }
.lgbtq .header8-left:after { border-width: 40px; margin-top: -40px; }
.lgbtq #main .header8-left p { font-size: 2.2em; }

.lgbtq .header9-left h2 { font-size: 2.7em; }
.lgbtq .header9-right a { font-size: 1.7em; min-width: 270px; padding: 15px 20px; }
.lgbtq .header9-right a:hover { -webkit-box-shadow: 0px 0px 11px 3px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 11px 3px rgba(255,255,255,0.6); box-shadow: 0px 0px 11px 3px rgba(255,255,255,0.6); }
}

@media screen and (max-width: 1200px) {
.lgbtq .header1-left h2 { font-size: 2.5em; }
.lgbtq .header1-right { padding: 25px 25px 25px 35px; }
.lgbtq #main .header1-right p { font-size: 1.7em; }
.lgbtq .header1-right p:before { width: 4px; }
.lgbtq .header1-left h2 { font-size: 2.3em; }

.lgbtq .header3 .indent:before { width: 4px; }
.lgbtq #main .header4-left p { font-size: 1.9em; }

.lgbtq .header5-left h2 { font-size: 2.7em; }

.lgbtq .header5-right p:before { width: 4px; }
.lgbtq #main .header5-right p { padding-left: 35px; }

.lgbtq .header6 .header6-left h2 { font-size: 2.5em; }
.lgbtq .header6 .header6-right { width: 125px; }

.lgbtq .header7-right h2 { font-size: 2.7em; }

.lgbtq .header8-left { padding: 60px; }
.lgbtq #main .header8-left p { font-size: 2em; }

.lgbtq .header9-left { padding: 30px; }
.lgbtq .header9-left h2 { font-size: 2.4em; }
.lgbtq .header9-right a { font-size: 1.6em; min-width: 240px; padding: 12px 16px; }
}

@media screen and (max-width: 1000px) {
.lgbtq .header1-right { padding: 30px; }
.lgbtq .header1-right p:before { display: none; }
.lgbtq #main .header1-right p { padding: 0 0 20px 0; }
.lgbtq #main .header1-right p { font-size: 1.6em; }
.lgbtq .header1-left h2 { padding: 60px; }
.lgbtq .header2 { background: #7e0043 url(/img/lgbtq/header2.jpg) center center no-repeat; background-size: cover; }
.lgbtq #main .header1-right p { font-size: 1.6em; }
.lgbtq #main .header3 .indent p { font-size: 1.6em; }
.lgbtq .header3 h4 { font-size: 2em; }
.lgbtq .header3 h4 span { display: inline; }

.lgbtq .header3 .header { min-height: 190px; background: url(/img/lgbtq/identity.png) top right no-repeat; background-size: 130px 130px; padding-right: 170px; }
.lgbtq .header3 .indent { padding-left: 30px; }

.lgbtq #main .header4-left p { font-size: 1.6em; }

.lgbtq #main .header5-right p { font-size: 1.6em; padding-left: 30px; }

.lgbtq .header5-left h2 { font-size: 2.4em; }

.lgbtq .header6 .header6-left h2 { font-size: 2.4em; line-height: 1.3; }

.lgbtq #main .header8-left p { font-size: 1.8em; }

.lgbtq .header9-left { padding: 30px 0; }
.lgbtq .header9-left h2 { font-size: 2.2em; max-width: 190px; }
.lgbtq .header9 { padding: 60px 40px 60px 60px; }
.lgbtq .header9-right a { font-size: 1.5em; min-width: 200px; padding: 10px 14px; margin: 20px 20px 0 0; }
}

@media screen and (max-width: 900px) {
.lgbtq .header7-right { padding: 20px 60px; }
.lgbtq .header7-right h2 { font-size: 2.4em; }
}

@media screen and (max-width: 768px) {
.lgbtq #main h1 { padding: 24px; font-size: 3.2em; }
.lgbtq #main p, .lgbtq #main .header1-right p { padding: 0 0 12px 0; }

.lgbtq .header1 { display: block; }
.lgbtq .header1 .header1-left { width: 100%; display: block; padding: 0; }
.lgbtq .header1 .header1-right { width: 100%; display: block; padding: 24px; }
.lgbtq .header1-left h2 { padding: 24px; text-align: left; }
.lgbtq .header1-left img { width: 100%; }

.lgbtq .header2 { display: block; }
.lgbtq .header2 .header2-left { width: 100%; display: block; padding: 0; }
.lgbtq .header2 .header2-right { width: 100%; display: block; padding: 0; }
.lgbtq .header2 .cell { display: block; padding: 30px 24px 40px 24px; }
.lgbtq .header2 h2 { font-size: 2.7em; }
.lgbtq #main .header2 p { font-size: 1.6em; }
.lgbtq .header2 p a { padding: 12px 20px; }
.lgbtq .header2 p a:hover { -webkit-box-shadow: 0px 0px 13px 4px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 13px 4px rgba(255,255,255,0.6); box-shadow: 0px 0px 13px 4px rgba(255,255,255,0.6); }

.lgbtq .header3 { padding: 24px 24px 30px 24px; }
.lgbtq .header3 h2 { font-size: 2.7em; padding-top: 0; }
.lgbtq .header3 .indent { padding-left: 0; }
.lgbtq .header3 .indent:before { display: none; }
.lgbtq .header3 .header { min-height: 145px; background: url(/img/lgbtq/identity.png) top right no-repeat; background-size: 100px 100px; padding-right: 130px; }

.lgbtq .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.lgbtq .header4 .header4-left { width: 100%; display: block; padding: 24px; order: 2; }
.lgbtq .header4 .header4-right { width: 100%; display: block; padding: 0 0 60% 0; order: 1; }

.lgbtq .header5 { display: block; }
.lgbtq .header5 .header5-left, .lgbtq .header5 .header5-right { width: 100%; display: block; padding: 30px 24px; }
.lgbtq #main .header5-right p { padding-left: 0; }
.lgbtq .header5-right p:before { display: none; }

.lgbtq .header6 .header6-left, .lgbtq .header6 .header6-right { padding: 40px 24px; }
.lgbtq .header6 .header6-right { width: 105px; }

.lgbtq .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.lgbtq .header7 .header7-left { width: 100%; display: block; padding: 0; order: 2; }
.lgbtq .header7 .header7-right { width: 100%; display: block; padding: 24px; order: 1; }

.lgbtq .header8 { display: block; }
.lgbtq .header8 .header8-left { width: 100%; display: block; padding: 40px 24px; }
.lgbtq #main .header8-left p { font-size: 1.7em; }
.lgbtq .header8 .header8-right { width: 100%; display: block; padding: 0 0 60% 0; }

.lgbtq .header9 { display: block; padding: 30px 24px 45px 24px; }
.lgbtq .header9 .header9-left { width: 100%; display: block; padding: 0; }
.lgbtq .header9 .header9-right { width: 100%; display: block; padding: 0; text-align: left; max-width: 450px; }
.lgbtq .header9-left h2 { max-width: none; }
}

@media screen and (max-width: 600px) {
.lgbtq .header2 h2 span { display: inline; }
.lgbtq .header3 .header { background: url(/img/lgbtq/identity.png) top right no-repeat; background-size: 70px 70px; padding-right: 90px; }
}

@media screen and (max-width: 430px) {
.lgbtq .header6 .header6-left h2 { font-size: 2em; }
.lgbtq .header6 .header6-right { padding-left: 0; width: 70px; vertical-align: top; padding-top: 50px; }
.lgbtq .header7-right h2 { font-size: 2em; }
}

@media screen and (max-width: 400px) {
.lgbtq .header1-left h2 span { display: inline; }
.lgbtq .header3 .header { background: url(/img/lgbtq/identity.png) top left no-repeat; background-size: 70px 70px; padding-right: 0; padding-top: 90px; }
.lgbtq .header9-left h2 { font-size: 2em; }
}

.safer-is-sexier #main { padding-bottom: 50px; }
.safer-is-sexier #main .inner { padding: 0; min-height: 0; }
.safer-is-sexier #main h1 { padding: 30px 30px 30px 60px; margin: 0; line-height: 1; }
.safer-is-sexier #main p { margin: 0; padding: 0 0 20px 0; font-size: 1.84em; }
.safer-is-sexier #main p:last-child { padding-bottom: 0; }

.safer-is-sexier .header1 { display: table; width: 100%; padding: 0; height: 304px; }
.safer-is-sexier .header1 .header1-left { width: 50%; display: table-cell; padding: 0; vertical-align: middle; background: url(/img/safer-is-sexier/header1.jpg) right center no-repeat; background-size: cover; }
.safer-is-sexier .header1 .header1-right { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }

.safer-is-sexier .header2 { background: #ac3e67; display: table; width: 100%; padding: 0; height: 245px; }
.safer-is-sexier .header2 .header2-left { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }
.safer-is-sexier .header2 .header2-left p { color: #fff; }
.safer-is-sexier .header2 .header2-right { width: 50%; display: table-cell; padding: 0; vertical-align: bottom; background: url(/img/safer-is-sexier/header2.png) center bottom no-repeat; background-size: 645px 245px; }

.safer-is-sexier .header3 { display: table; width: 100%; padding: 0; }
.safer-is-sexier .header3 .header3-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.safer-is-sexier .header3 .header3-right { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }

.safer-is-sexier .header4 { min-height: 546px; padding: 40px 80px; background: url(/img/safer-is-sexier/header4.jpg) bottom center no-repeat; background-size: cover; }
.safer-is-sexier .header4 h2 { color: #000; font-size: 4em; line-height: 1.2; }

.safer-is-sexier .header5 { display: table; width: 100%; padding: 0; }
.safer-is-sexier .header5 .header5-left { width: 50%; display: table-cell; padding: 30px 60px 30px 60px; vertical-align: middle; }
.safer-is-sexier .header5 .header5-left h2 { color: #ac3e67; font-size: 3.7em; letter-spacing: 0.02em; margin: 0 0 15px 0; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; }
.safer-is-sexier .header5 .header5-right { width: auto; display: table-cell; padding: 30px 60px 30px 60px; vertical-align: top; }

.safer-is-sexier .header6 { display: table; width: 100%; padding: 0 60px 30px 60px; }
.safer-is-sexier .header6 .header6-left { width: 265px; display: table-cell; padding: 0; vertical-align: middle; }
.safer-is-sexier .header6 .header6-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }
.safer-is-sexier .header6 .header6-right h2 { color: #ac3e67; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header6 p { padding: 0; line-height: 1.3; }

.safer-is-sexier .header7 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header7 .header7-left { width: auto; display: table-cell; padding: 0 60px 0 0; vertical-align: middle; }
.safer-is-sexier .header7 .header7-left h2 { color: #fdd54f; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header7 p { padding: 0; line-height: 1.3; }
.safer-is-sexier .header7 .header7-right { width: 300px; display: table-cell; padding: 0; vertical-align: middle; }

.safer-is-sexier .header8 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header8 .header8-left { width: 275px; display: table-cell; padding: 0; vertical-align: middle; }
.safer-is-sexier .header8 .header8-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }
.safer-is-sexier .header8 .header8-right h2 { color: #0092f5; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header8 p { padding: 0; line-height: 1.3; }

.safer-is-sexier .header9 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header9 .header9-left { width: auto; display: table-cell; padding: 0 60px 0 0; vertical-align: middle; }
.safer-is-sexier .header9 .header9-left h2 { color: #7303db; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header9 p { padding: 0; line-height: 1.3; }
.safer-is-sexier .header9 .header9-right { width: 260px; display: table-cell; padding: 0; vertical-align: middle; }

.safer-is-sexier .header10 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header10 .header10-left { width: 320px; display: table-cell; padding: 0; vertical-align: middle; }
.safer-is-sexier .header10 .header10-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }
.safer-is-sexier .header10 .header10-right h2 { color: #fe62bb; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header10 p { padding: 0; line-height: 1.3; }

.safer-is-sexier .header11 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header11 .header11-left { width: auto; display: table-cell; padding: 0 60px 0 0; vertical-align: middle; }
.safer-is-sexier .header11 .header11-left h2 { color: #01bfe3; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header11 p { padding: 0; line-height: 1.3; }
.safer-is-sexier .header11 .header11-right { width: 345px; display: table-cell; padding: 0; vertical-align: middle; }

.safer-is-sexier .header12 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header12 .header12-left { width: 265px; display: table-cell; padding: 0; vertical-align: middle; }
.safer-is-sexier .header12 .header12-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }
.safer-is-sexier .header12 .header12-right h2 { color: #ac3e67; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header12 p { padding: 0; line-height: 1.3; }

.safer-is-sexier .header13 { display: table; width: 100%; padding: 0 60px 20px 60px; }
.safer-is-sexier .header13 .header13-left { width: auto; display: table-cell; padding: 0 60px 0 0; vertical-align: middle; }
.safer-is-sexier .header13 .header13-left h2 { color: #0092f5; font-size: 3.5em; margin: 5px 0 15px 0; font-weight: 700; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.safer-is-sexier #main .header13 p { padding: 0; line-height: 1.3; }
.safer-is-sexier .header13 .header13-right { width: 275px; display: table-cell; padding: 0; vertical-align: middle; }

.safer-is-sexier .header14 { background: #59a3f4; padding: 40px 60px; text-align: center; }
.safer-is-sexier .header14 h2 { font-size: 3.2em; color: #fff; text-align: center; }
.safer-is-sexier .header14 h2 span { display: block; }
.safer-is-sexier .header14 a { font-size: 2em; background: #ac3e68; color: #fff; text-decoration: none; padding: 15px 52px; margin: 20px 0 0 0;display: inline-block; border-radius: 7px; line-height: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.safer-is-sexier .header14 a:hover { -webkit-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); }

@media screen and (max-width: 1400px) {
.safer-is-sexier #main p { font-size: 1.7em; }
.safer-is-sexier .header1 { height: auto; }
.safer-is-sexier .header1 .header1-right { padding: 40px 60px 40px 20px; }

.safer-is-sexier .header2 { padding: 0 20px 0 0; height: auto; }
.safer-is-sexier .header2 .header2-right { background: url(/img/safer-is-sexier/header2.png) center bottom no-repeat; background-size: contain; }

.safer-is-sexier .header4 { min-height: auto; padding: 30px 60px 27% 60px; }
.safer-is-sexier .header4 h2 { font-size: 3em; }

.safer-is-sexier .header6 .header6-left { width: 230px; }
.safer-is-sexier .header6 .header6-right { padding: 0 0 0 40px; }
.safer-is-sexier .header6 .header6-right h2 { font-size: 3.2em; }

.safer-is-sexier .header7 .header7-left { padding: 0 40px 0 0; }
.safer-is-sexier .header7 .header7-left h2 { font-size: 3.2em; }
.safer-is-sexier .header7 .header7-right { width: 260px; }

.safer-is-sexier .header8 .header8-left { width: 315px; }
.safer-is-sexier .header8 .header8-right { padding: 0 0 0 40px; }
.safer-is-sexier .header8 .header8-right h2 { font-size: 3.2em; }

.safer-is-sexier .header9 .header9-left { padding: 0 40px 0 0; }
.safer-is-sexier .header9 .header9-left h2 { font-size: 3.2em; }
.safer-is-sexier .header9 .header9-right { width: 225px; }

.safer-is-sexier .header10 .header10-left { width: 280px; }
.safer-is-sexier .header10 .header10-right { padding: 0 0 0 40px; }
.safer-is-sexier .header10 .header10-right h2 { font-size: 3.2em; }

.safer-is-sexier .header11 .header11-left { padding: 0 40px 0 0; }
.safer-is-sexier .header11 .header11-left h2 { font-size: 3.2em; }
.safer-is-sexier .header11 .header11-right { width: 300px; }

.safer-is-sexier .header12 .header12-left { width: 230px; }
.safer-is-sexier .header12 .header12-right { padding: 0 0 0 40px; }
.safer-is-sexier .header12 .header12-right h2 { font-size: 3.2em; }

.safer-is-sexier .header13 .header13-left { padding: 0 40px 0 0; }
.safer-is-sexier .header13 .header13-left h2 { font-size: 3.2em; }
.safer-is-sexier .header13 .header13-right { width: 315px; }

.safer-is-sexier .header14 { padding: 30px 60px; }
.safer-is-sexier .header14 h2 { font-size: 2.8em; }
}

@media screen and (max-width: 1200px) {
.safer-is-sexier #main p { padding: 0 0 15px 0; }
.safer-is-sexier .header2 .header2-left { padding: 40px 60px; }

.safer-is-sexier .header3 .header3-left { padding: 40px 30px 40px 60px; }
.safer-is-sexier .header3 .header3-right { padding: 40px 60px 40px 30px; }

.safer-is-sexier .header5 .header5-left h2 { font-size: 2.9em; margin: 0 0 8px 0; }

.safer-is-sexier .header6 .header6-left { width: 180px; }
.safer-is-sexier .header6 .header6-right h2 { font-size: 2.8em; }

.safer-is-sexier .header7 .header7-left h2 { font-size: 2.8em; }
.safer-is-sexier .header7 .header7-right { width: 204px; }

.safer-is-sexier .header8 .header8-left { width: 187px; }
.safer-is-sexier .header8 .header8-right h2 { font-size: 2.8em; }

.safer-is-sexier .header9 .header9-left h2 { font-size: 2.8em; }
.safer-is-sexier .header9 .header9-right { width: 177px; }

.safer-is-sexier .header10 .header10-left { width: 217px; }
.safer-is-sexier .header10 .header10-right h2 { font-size: 2.8em; }

.safer-is-sexier .header11 .header11-left h2 { font-size: 2.8em; }
.safer-is-sexier .header11 .header11-right { width: 234px; }

.safer-is-sexier .header12 .header12-left { width: 180px; }
.safer-is-sexier .header12 .header12-right h2 { font-size: 2.8em; }

.safer-is-sexier .header13 .header13-left h2 { font-size: 2.8em; }
.safer-is-sexier .header13 .header13-right { width: 187px; }
}

@media screen and (max-width: 1000px) {
.safer-is-sexier #main h1 { padding: 30px; }
.safer-is-sexier #main p { font-size: 1.6em; }

.safer-is-sexier .header1 .header1-right { padding: 30px; }

.safer-is-sexier .header2 { padding: 30px 30px 0 0; }
.safer-is-sexier .header2 .header2-left { padding: 0 30px 30px 30px; }
.safer-is-sexier .header2 .header2-right { background: url(/img/safer-is-sexier/header2-tablet.png) bottom right no-repeat; background-size: contain; }

.safer-is-sexier .header3 .header3-left, .safer-is-sexier .header3 .header3-right { padding: 30px; }

.safer-is-sexier .header4 h2 { font-size: 2.5em; }
.safer-is-sexier .header4 { padding: 30px 30px 30% 30px; }

.safer-is-sexier .header5 .header5-left { padding: 30px 15px 30px 30px; }
.safer-is-sexier .header5 .header5-right { padding: 30px 30px 30px 15px; }

.safer-is-sexier .header6,
.safer-is-sexier .header7,
.safer-is-sexier .header8,
.safer-is-sexier .header9,
.safer-is-sexier .header10,
.safer-is-sexier .header11,
.safer-is-sexier .header12,
.safer-is-sexier .header13 { padding: 0 30px 50px 30px; }

.safer-is-sexier .header6 .header6-left { width: 140px; }
.safer-is-sexier .header6 .header6-right h2 { font-size: 2.5em; }

.safer-is-sexier .header7 .header7-left h2 { font-size: 2.5em; }
.safer-is-sexier .header7 .header7-right { width: 156px; }

.safer-is-sexier .header8 .header8-left { width: 144px; }
.safer-is-sexier .header8 .header8-right h2 { font-size: 2.5em; }

.safer-is-sexier .header9 .header9-left h2 { font-size: 2.5em; }
.safer-is-sexier .header9 .header9-right { width: 136px; }

.safer-is-sexier .header10 .header10-left { width: 166px; }
.safer-is-sexier .header10 .header10-right h2 { font-size: 2.5em; }

.safer-is-sexier .header11 .header11-left h2 { font-size: 2.5em; }
.safer-is-sexier .header11 .header11-right { width: 180px; }

.safer-is-sexier .header12 .header12-left { width: 140px; }
.safer-is-sexier .header12 .header12-right h2 { font-size: 2.5em; }

.safer-is-sexier .header13 .header13-left h2 { font-size: 2.5em; }
.safer-is-sexier .header13 .header13-right { width: 144px; }

.safer-is-sexier .header14 { padding: 30px 30px 40px 30px; }
.safer-is-sexier .header14 h2 { font-size: 2.3em; }
.safer-is-sexier .header14 a { font-size: 1.7em; padding: 12px 42px; margin: 10px 0 0 0; }
.safer-is-sexier .header14 a:hover { -webkit-box-shadow: 0px 0px 12px 5px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 12px 5px rgba(255,255,255,0.6); box-shadow: 0px 0px 12px 5px rgba(255,255,255,0.6); }
}

@media screen and (max-width: 850px) {
.safer-is-sexier .header2 .header2-right { width: 35%; }
}

@media screen and (max-width: 768px) {
.safer-is-sexier #main h1 { padding: 24px; }
.safer-is-sexier #main p { padding: 0 0 12px 0; }

.safer-is-sexier .header1 { display: block; }
.safer-is-sexier .header1 .header1-left { width: 100%; display: block; padding: 0 0 30% 0; }
.safer-is-sexier .header1 .header1-right { width: 100%; display: block; padding: 30px 24px; }

.safer-is-sexier .header2 { display: block; padding: 30px 24px 0 24px; }
.safer-is-sexier .header2 .header2-left { width: 100%; display: block; padding: 0 0 40px 0; }
.safer-is-sexier .header2 .header2-right { width: 100%; display: block; padding: 0 0 30% 0; background: url(/img/safer-is-sexier/header2.png) center bottom no-repeat; background-size: contain; }

.safer-is-sexier .header3 { padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.safer-is-sexier .header3 .header3-left { width: 100%; display: block; padding: 5px 24px 24px 24px; order: 2; }
.safer-is-sexier .header3 .header3-right { width: 100%; display: block; padding: 30px 24px; order: 1; }
.safer-is-sexier .main .header3 .header3-left img { max-width: 390px; margin: auto; display: block; }

.safer-is-sexier .header4 h2 { font-size: 2.2em; }
.safer-is-sexier .header4 { padding: 24px 24px 40% 24px; }

.safer-is-sexier .header5 { display: block; padding: 30px 24px; }
.safer-is-sexier .header5 .header5-left { width: 100%; display: block; padding: 0 0 20px 0; }
.safer-is-sexier .header5 .header5-right { width: 100%; display: block; padding: 0; }
.safer-is-sexier .header5 .header5-right img { max-width: 390px; margin: auto; display: block; }

.safer-is-sexier .header6 .header6-right,
.safer-is-sexier .header8 .header8-right,
.safer-is-sexier .header10 .header10-right
.safer-is-sexier .header12 .header12-right { padding: 0 0 0 30px; }

.safer-is-sexier .header7 .header7-left,
.safer-is-sexier .header9 .header9-left,
.safer-is-sexier .header11 .header11-left,
.safer-is-sexier .header13 .header13-left { padding: 0 30px 0 0; }

.safer-is-sexier .header6,
.safer-is-sexier .header7,
.safer-is-sexier .header8,
.safer-is-sexier .header9,
.safer-is-sexier .header10,
.safer-is-sexier .header11,
.safer-is-sexier .header12,
.safer-is-sexier .header13 { padding: 0 24px 50px 24px; }

.safer-is-sexier .header6 .header6-left { width: 110px; }
.safer-is-sexier .header6 .header6-right h2 { font-size: 2.2em; }

.safer-is-sexier .header7 .header7-left h2 { font-size: 2.2em; }
.safer-is-sexier .header7 .header7-right { width: 122px; }

.safer-is-sexier .header8 .header8-left { width: 113px; }
.safer-is-sexier .header8 .header8-right h2 { font-size: 2.2em; }

.safer-is-sexier .header9 .header9-left h2 { font-size: 2.2em; }
.safer-is-sexier .header9 .header9-right { width: 107px; }

.safer-is-sexier .header10 .header10-left { width: 130px; }
.safer-is-sexier .header10 .header10-right h2 { font-size: 2.2em; }

.safer-is-sexier .header11 .header11-left h2 { font-size: 2.2em; }
.safer-is-sexier .header11 .header11-right { width: 142px; }

.safer-is-sexier .header12 .header12-left { width: 110px; }
.safer-is-sexier .header12 .header12-right h2 { font-size: 2.2em; }

.safer-is-sexier .header13 .header13-left h2 { font-size: 2.2em; }
.safer-is-sexier .header13 .header13-right { width: 113px; }

.safer-is-sexier .header14 { padding: 24px 24px 34px 24px; }
}
@media screen and (max-width: 700px) {
.safer-is-sexier .header14 h2 span { display: inline; }
}
@media screen and (max-width: 600px) {
.safer-is-sexier .header5 .header5-left h2 { font-size: 2.4em; margin: 0 0 5px 0; }

.safer-is-sexier #main .header6 p,
.safer-is-sexier #main .header7 p,
.safer-is-sexier #main .header8 p,
.safer-is-sexier #main .header9 p,
.safer-is-sexier #main .header10 p,
.safer-is-sexier #main .header11 p,
.safer-is-sexier #main .header12 p,
.safer-is-sexier #main .header13 p { font-size: 1.5em; }

.safer-is-sexier #main .header6 h2,
.safer-is-sexier #main .header7 h2,
.safer-is-sexier #main .header8 h2,
.safer-is-sexier #main .header9 h2,
.safer-is-sexier #main .header10 h2,
.safer-is-sexier #main .header11 h2,
.safer-is-sexier #main .header12 h2,
.safer-is-sexier #main .header13 h2 { font-size: 2.1em; margin-bottom: 10px; }

.safer-is-sexier .header6 .header6-left { display: none; }
.safer-is-sexier .header6 .header6-right { padding: 0; }
.safer-is-sexier #main .header6 p:first-child, .safer-is-sexier #main .header6 h2 { padding-left: 115px; }
.safer-is-sexier #main .header6 h2 { position: relative; }
.safer-is-sexier #main .header6 h2:before {position: absolute; top: -27px; left: 0; width: 90px; height: 78px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-red.png) 0 0 no-repeat; background-size: 90px 78px; }

.safer-is-sexier .header7 { padding-bottom: 60px; }
.safer-is-sexier .header7 .header7-left { padding: 0; }
.safer-is-sexier .header7 .header7-right { display: none; }
.safer-is-sexier #main .header7 p:first-child, .safer-is-sexier #main .header7 h2 { padding-right: 117px; }
.safer-is-sexier #main .header7 h2 { position: relative; }
.safer-is-sexier #main .header7 h2:before { position: absolute; top: -32px; right: 0; width: 102px; height: 64px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-yellow.png) 0 0 no-repeat; background-size: 102px 64px; }

.safer-is-sexier .header8 .header8-left { display: none; }
.safer-is-sexier .header8 .header8-right { padding: 0; }
.safer-is-sexier #main .header8 p:first-child, .safer-is-sexier #main .header8 h2 { padding-left: 119px; }
.safer-is-sexier #main .header8 h2 { position: relative; }
.safer-is-sexier #main .header8 h2:before {position: absolute; top: -49px; left: 0; width: 94px; height: 82px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-blue.png) 0 0 no-repeat; background-size: 94px 82px; }

.safer-is-sexier .header9 .header9-left { padding: 0; }
.safer-is-sexier .header9 .header9-right { display: none; }
.safer-is-sexier #main .header9 p:first-child, .safer-is-sexier #main .header9 h2 { padding-right: 114px; }
.safer-is-sexier #main .header9 h2 { position: relative; }
.safer-is-sexier #main .header9 h2:before { position: absolute; top: -33px; right: 0; width: 89px; height: 84px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-purple.png) 0 0 no-repeat; background-size: 89px 84px; }

.safer-is-sexier .header10 .header10-left { display: none; }
.safer-is-sexier .header10 .header10-right { padding: 0; }
.safer-is-sexier #main .header10 p:first-child, .safer-is-sexier #main .header10 h2 { padding-left: 133px; }
.safer-is-sexier #main .header10 h2 { position: relative; }
.safer-is-sexier #main .header10 h2:before {position: absolute; top: -36px; left: 0; width: 108px; height: 64px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-pink.png) 0 0 no-repeat; background-size: 108px 64px; }

.safer-is-sexier .header11 .header11-left { padding: 0; }
.safer-is-sexier .header11 .header11-right { display: none; }
.safer-is-sexier #main .header11 p:first-child, .safer-is-sexier #main .header11 h2 { padding-right: 135px; }
.safer-is-sexier #main .header11 h2 { position: relative; }
.safer-is-sexier #main .header11 h2:before { position: absolute; top: -52px; right: 0; width: 110px; height: 83px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-cyan.png) 0 0 no-repeat; background-size: 110px 83px; }

.safer-is-sexier .header12 .header12-left { display: none; }
.safer-is-sexier .header12 .header12-right { padding: 0; }
.safer-is-sexier #main .header12 p:first-child, .safer-is-sexier #main .header12 h2 { padding-left: 115px; }
.safer-is-sexier #main .header12 h2 { position: relative; }
.safer-is-sexier #main .header12 h2:before {position: absolute; top: -48px; left: 0; width: 90px; height: 78px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-red.png) 0 0 no-repeat; background-size: 90px 78px; }

.safer-is-sexier .header13 .header13-left { padding: 0; }
.safer-is-sexier .header13 .header13-right { display: none; }
.safer-is-sexier #main .header13 p:first-child, .safer-is-sexier #main .header13 h2 { padding-right: 119px; }
.safer-is-sexier #main .header13 h2 { position: relative; }
.safer-is-sexier #main .header13 h2:before { position: absolute; top: -30px; right: 0; width: 94px; height: 82px; display: block; content: ''; background: url(/img/safer-is-sexier/speech-bubble-blue.png) 0 0 no-repeat; background-size: 94px 82px; }

.safer-is-sexier .header14 h2 { font-size: 2em; }
}

@media screen and (max-width: 500px) {
.safer-is-sexier .header2 .header2-left { padding: 0 0 20px 0; }
.safer-is-sexier .header2 .header2-right { padding: 0 0 40% 0; }
}

@media screen and (max-width: 450px) {
.safer-is-sexier .main .header3 .header3-left img { max-width: 100%; }
.safer-is-sexier .header4 h2 { font-size: 2em; }
.safer-is-sexier .header4 { padding-bottom: 60%; }

.safer-is-sexier .header5 .header5-right img { max-width: 100%; }

.safer-is-sexier #main .header6 h2,
.safer-is-sexier #main .header7 h2,
.safer-is-sexier #main .header8 h2,
.safer-is-sexier #main .header9 h2,
.safer-is-sexier #main .header10 h2,
.safer-is-sexier #main .header11 h2,
.safer-is-sexier #main .header12 h2,
.safer-is-sexier #main .header13 h2 { font-size: 1.9em; }

.safer-is-sexier #main .header6 p:first-child, .safer-is-sexier #main .header6 h2 { padding-left: 80px; }
.safer-is-sexier #main .header6 h2:before { top: -22px; width: 60px; height: 52px; background: url(/img/safer-is-sexier/speech-bubble-red.png) 0 0 no-repeat; background-size: 60px 52px; }

.safer-is-sexier #main .header7 p:first-child, .safer-is-sexier #main .header7 h2 { padding-right: 88px; }
.safer-is-sexier #main .header7 h2:before { top: -20px; width: 68px; height: 42px; background: url(/img/safer-is-sexier/speech-bubble-yellow.png) 0 0 no-repeat; background-size: 68px 42px; }

.safer-is-sexier #main .header8 p:first-child, .safer-is-sexier #main .header8 h2 { padding-left: 83px; }
.safer-is-sexier #main .header8 h2:before { top: -32px; width: 63px; height: 55px; background: url(/img/safer-is-sexier/speech-bubble-blue.png) 0 0 no-repeat; background-size: 63px 55px; }

.safer-is-sexier #main .header9 p:first-child, .safer-is-sexier #main .header9 h2 { padding-right: 79px; }
.safer-is-sexier #main .header9 h2:before { top: -13px; width: 59px; height: 56px; background: url(/img/safer-is-sexier/speech-bubble-purple.png) 0 0 no-repeat; background-size: 59px 56px; }

.safer-is-sexier #main .header10 p:first-child, .safer-is-sexier #main .header10 h2 { padding-left: 92px; }
.safer-is-sexier #main .header10 h2:before { top: -22px; width: 72px; height: 43px; background: url(/img/safer-is-sexier/speech-bubble-pink.png) 0 0 no-repeat; background-size: 72px 43px; }

.safer-is-sexier #main .header11 p:first-child, .safer-is-sexier #main .header11 h2 { padding-right: 99px; }
.safer-is-sexier #main .header11 h2:before { top: -32px; width: 79px; height: 60px; background: url(/img/safer-is-sexier/speech-bubble-cyan.png) 0 0 no-repeat; background-size: 79px 60px; }

.safer-is-sexier #main .header12 p:first-child, .safer-is-sexier #main .header12 h2 { padding-left: 80px; }
.safer-is-sexier #main .header12 h2:before { top: -22px; width: 60px; height: 52px; background: url(/img/safer-is-sexier/speech-bubble-red.png) 0 0 no-repeat; background-size: 60px 52px; }

.safer-is-sexier #main .header13 p:first-child, .safer-is-sexier #main .header13 h2 { padding-right: 80px; }
.safer-is-sexier #main .header13 h2:before { top: -19px; width: 63px; height: 55px; background: url(/img/safer-is-sexier/speech-bubble-blue.png) 0 0 no-repeat; background-size: 63px 55px; }
}


.sex-and-the-law #main .inner.content { padding-left: 60px; padding-right: 60px; }
.sex-and-the-law #main .inner { padding: 20px 0 0 0; min-height: 0; }
.sex-and-the-law #main .inner h1 { color: #0258a8; padding: 0 0 0 30px; }
.sex-and-the-law #main p:last-child { padding-bottom: 0; }

.sex-and-the-law .header1 { display: table; width: 100%; padding: 0; height: 524px; background: url(/img/sex-and-the-law/header1.jpg) center center no-repeat; background-size: cover; }
.sex-and-the-law .header1 .header1-left { width: 50%; display: table-cell; padding: 60px 110px 60px 60px; vertical-align: top;  }
.sex-and-the-law .header1 .header1-left h2 { color: #fff; font-size: 3.5em; line-height: 1.3; }
.sex-and-the-law .header1 .header1-left p { color: #fff; font-size: 2em; }
.sex-and-the-law .header1 .header1-right { width: auto; display: table-cell; padding: 0; }

.sex-and-the-law .header2 { display: table; width: 100%; padding: 0; }
.sex-and-the-law .header2 .header2-left { width: 50%; display: table-cell; vertical-align: top; padding: 60px; }
.sex-and-the-law .header2 .header2-left h2 { color: #cb4420; font-size: 3.5em; max-width: 520px; }
.sex-and-the-law .header2 .header2-left p { font-size: 2em; line-height: 1.3; }
.sex-and-the-law .header2 .header2-right { width: auto; display: table-cell; padding: 0; vertical-align: top; padding: 60px; }

.sex-and-the-law .header3 { display: table; width: 100%; padding: 0; }
.sex-and-the-law .header3 .header3-left { width: 50%; display: table-cell; vertical-align: top; padding: 0 60px 60px 60px; }
.sex-and-the-law .header3 .header3-right { width: auto; display: table-cell; padding: 0; vertical-align: top; padding: 0 60px 60px 60px; }
.sex-and-the-law .header3 .header3-right h2 { color: #38ba04; font-size: 3.5em; }
.sex-and-the-law .header3 .header3-right p { font-size: 2em; }

.sex-and-the-law .header4 { display: table; width: 100%; padding: 0; }
.sex-and-the-law .header4 .header4-left { width: 50%; display: table-cell; vertical-align: top; padding: 0 60px 60px 60px; }
.sex-and-the-law .header4 .header4-left h2 { color: #cb4420; font-size: 3.5em; margin: 0; }
.sex-and-the-law .header4 .header4-left p { font-size: 2em; }
.sex-and-the-law .header4 .header4-right { width: auto; display: table-cell; padding: 0; vertical-align: top; padding: 0 60px 60px 60px; }

.sex-and-the-law .header5 { display: table; width: 100%; padding: 0; height: 490px; background: url(/img/sex-and-the-law/header5.jpg) center center no-repeat; background-size: cover; }
.sex-and-the-law .header5 .header5-left { width: 50%; display: table-cell; }
.sex-and-the-law .header5 .header5-right { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }
.sex-and-the-law .header5 .header5-right p { color: #fff; font-size: 2em; }
.sex-and-the-law .header5 .header5-right h2 { color: #fff; font-size: 2.9em; margin: 0; }

.sex-and-the-law .header6 { display: table; width: 100%; padding: 0; height: 617px; }
.sex-and-the-law .header6 .header6-left { width: 50%; display: table-cell; vertical-align: middle; padding: 60px; background: #ffafca; }
.sex-and-the-law .header6 .header6-left h2 { color: #000; font-size: 2.9em; line-height: 1.2; }
.sex-and-the-law .header6 .header6-left p { font-size: 2em; }
.sex-and-the-law .header6 .header6-right { width: auto; display: table-cell; padding: 0; vertical-align: top; padding: 0; background: #ffafca url(/img/sex-and-the-law/header6.jpg) center center no-repeat; background-size: cover; }

.sex-and-the-law .header7 { background: #232337; display: table; width: 100%; padding: 0; }
.sex-and-the-law .header7 .header7-left { width: 50%; display: table-cell; vertical-align: middle; padding: 0; }
.sex-and-the-law .header7 .header7-right { width: auto; display: table-cell; padding: 0; vertical-align: top; padding: 60px; }
.sex-and-the-law .header7 .header7-right p { color: #fff; font-size: 2em; }
.sex-and-the-law .header7 .header7-right a { margin-top: 20px; position: relative; display: inline-block; color: #fff; font-size: 2em; text-decoration: none; padding: 15px 0 20px 120px; }
.sex-and-the-law .header7 .header7-right a span { position: relative; display: block; }
.sex-and-the-law .header7 .header7-right a:hover:before { filter: drop-shadow(0px 0px 12px #fff); -webkit-filter: drop-shadow(0px 0px 12px #fff); -moz-filter: drop-shadow(0px 0px 12px #fff); }
.sex-and-the-law .header7 .header7-right a:before { position: absolute; top: 3px; left: 0; width: 91px; height: 91px; display: block; content: ''; background: url(/img/sex-and-the-law/contact.png) 0 0 no-repeat; background-size: 91px 91px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media screen and (max-width: 1400px) {
.sex-and-the-law #main p { font-size: 1.8em; }

.sex-and-the-law .header1 { height: auto; }
.sex-and-the-law .header1 .header1-left { vertical-align: middle;  }
.sex-and-the-law .header1 .header1-left h2 { font-size: 3em; }

.sex-and-the-law .header2 .header2-left { padding: 60px 30px 60px 60px; }
.sex-and-the-law .header2 .header2-left h2 { font-size: 3.6em; }
.sex-and-the-law .header2 .header2-right { padding: 60px 60px 60px 30px; }

.sex-and-the-law .header3 .header3-left { padding: 0 30px 60px 60px; }
.sex-and-the-law .header3 .header3-right { padding: 0 60px 60px 30px; }
.sex-and-the-law .header3 .header3-right h2 { font-size: 3.6em; }

.sex-and-the-law .header4 .header4-left h2 { font-size: 3.6em; }
.sex-and-the-law .header4 .header4-right { padding: 0 60px 60px 30px; }
.sex-and-the-law .header4 .header4-right img { max-width: 90%; }

.sex-and-the-law .header5 { height: auto; }

.sex-and-the-law .header6 { height: auto; }
.sex-and-the-law .header6 .header6-left h2 { font-size: 2.7em; }
}
@media screen and (max-width: 1200px) {
.sex-and-the-law #main p { font-size: 1.7em; margin: 0 0 10px 0; }
.sex-and-the-law .header1 .header1-left { padding: 60px; }
.sex-and-the-law .header2 .header2-left h2 { font-size: 3.3em; }
.sex-and-the-law .header3 .header3-right h2 { font-size: 3.3em; }
.sex-and-the-law .header4 .header4-left h2 { font-size: 3.3em; }
.sex-and-the-law .header5 .header5-right { padding: 60px 60px 60px 0; }
.sex-and-the-law .header6 .header6-left h2 { font-size: 2.3em; }
}
@media screen and (max-width: 1000px) {
.sex-and-the-law .header1 .header1-left h2 { font-size: 3em; }
.sex-and-the-law .header2 .header2-left h2 { font-size: 3em; }
.sex-and-the-law .header3 .header3-right h2 { font-size: 3em; }
.sex-and-the-law .header4 .header4-left h2 { font-size: 3em; }
.sex-and-the-law .header5 .header5-left { width: 35%; }
.sex-and-the-law .header5 .header5-right { padding: 30px 30px 30px 0; }
.sex-and-the-law .header5 .header5-right h2 { font-size: 2.7em; }
.sex-and-the-law .header6 .header6-right { background: #ffafca url(/img/sex-and-the-law/header6-mobile.jpg) center center no-repeat; background-size: cover; }
.sex-and-the-law .header7 .header7-left { width: 35%; padding: 50px 40px 0 40px; vertical-align: top; }
.sex-and-the-law .header7 .header7-right { padding: 60px 60px 60px 0; }
.sex-and-the-law .header7 .header7-right a { font-size: 1.7em; padding: 10px 0 15px 90px; margin-top: 5px; }
.sex-and-the-law .header7 .header7-right a:before { width: 70px; height: 70px; background-size: 70px 70px; }
.sex-and-the-law .header7 .header7-right a:hover:before { filter: drop-shadow(0px 0px 8px #fff); -webkit-filter: drop-shadow(0px 0px 8px #fff); -moz-filter: drop-shadow(0px 0px 8px #fff); }
}
@media screen and (max-width: 900px) {
.sex-and-the-law .header1 .header1-left { padding: 30px; }
.sex-and-the-law .header1 .header1-left h2 { font-size: 2.7em; }

.sex-and-the-law .header2 .header2-left { padding: 30px 30px 0 30px; }
.sex-and-the-law .header2 .header2-left h2 { font-size: 2.7em; }
.sex-and-the-law .header2 .header2-right { padding: 60px 60px 0 30px; }
.sex-and-the-law .header2 .header2-right img { max-width: 70%; }

.sex-and-the-law .header3 .header3-left { padding: 30px; }
.sex-and-the-law .header3 .header3-right { padding: 30px; }
.sex-and-the-law .header3 .header3-right h2 { font-size: 2.7em; }

.sex-and-the-law .header4 .header4-left { padding: 0 30px 30px 30px; }
.sex-and-the-law .header4 .header4-left h2 { font-size: 2.7em; }
.sex-and-the-law .header4 .header4-right { padding: 0 30px 30px 23px; }
.sex-and-the-law .header4 .header4-right img { max-width: 70%; }

.sex-and-the-law .header6 .header6-left { padding: 30px; }
.sex-and-the-law .header7 .header7-left { padding: 20px 30px 0 6px; }
.sex-and-the-law .header7 .header7-right { padding: 30px 30px 30px 0; }
}
@media screen and (max-width: 768px) {
.sex-and-the-law #main .inner h1 { padding: 0 0 0 24px; }

.sex-and-the-law .header1 { display: block; background: url(/img/sex-and-the-law/header1-mobile.jpg) bottom center no-repeat; background-size: cover; }
.sex-and-the-law .header1 .header1-left { width: 100%; display: block; padding: 12% 24px; }
.sex-and-the-law .header1 .header1-right { display: none; }

.sex-and-the-law .header2 { display: block; }
.sex-and-the-law .header2 .header2-left { width: 100%; display: block; padding: 30px 24px 8px 24px; }
.sex-and-the-law .header2 .header2-left h2 { max-width: none; }
.sex-and-the-law .header2 .header2-right { width: 100%; display: block; padding: 0 20px; }
.sex-and-the-law .header2 .header2-right img { max-width: 230px; }

.sex-and-the-law .header3 { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sex-and-the-law .header3 .header3-left { width: 100%; padding: 0 20px; order: 2; }
.sex-and-the-law .header3 .header3-left img { max-width: 440px; }
.sex-and-the-law .header3 .header3-right { width: 100%; padding: 10px 24px 8px 24px; order: 1; }

.sex-and-the-law .header4 { margin-top: 30px; display: block; }
.sex-and-the-law .header4 .header4-left { width: 100%; display: block; padding: 30px 24px 8px 24px; }
.sex-and-the-law .header4 .header4-right { width: 100%; display: block; padding: 20px 20px 70px 21px; }
.sex-and-the-law .header4 .header4-right img { max-width: 220px; }

.sex-and-the-law .header5 { display: block; background: url(/img/sex-and-the-law/header5-mobile.jpg) center center no-repeat; background-size: cover; }
.sex-and-the-law .header5 .header5-left { display: none; }
.sex-and-the-law .header5 .header5-right { width: 100%; display: block; padding: 30px 24px; }

.sex-and-the-law .header6 { display: block; }
.sex-and-the-law .header6 .header6-left { width: 100%; display: block; padding: 30px 24px; }
.sex-and-the-law .header6 .header6-right { width: 100%; display: block; padding-bottom: 54%; background: url(/img/sex-and-the-law/header6.jpg) center center no-repeat; background-size: cover; }

.sex-and-the-law .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sex-and-the-law .header7 .header7-left { width: 100%; display: block; order: 2; padding: 0 0 10px 0; }
.sex-and-the-law .header7 .header7-left img { max-width: 400px; }
.sex-and-the-law .header7 .header7-right { width: 100%; display: inline-block; padding: 30px 24px 0 24px; order: 1; }
}
@media screen and (max-width: 500px) {
.sex-and-the-law .header1 .header1-left h2 { font-size: 2.3em; }
.sex-and-the-law .header2 .header2-left h2 { font-size: 2.3em; }
.sex-and-the-law .header3 .header3-left img { max-width: 100%; }
.sex-and-the-law .header3 .header3-right h2 { font-size: 2.3em; }
.sex-and-the-law .header4 .header4-left h2 { font-size: 2.3em; }
.sex-and-the-law .header5 .header5-right h2 { font-size: 2.3em; }
.sex-and-the-law .header7 .header7-left img { max-width: 100%; }
}
@media screen and (max-width: 360px) {
.sex-and-the-law .header7 .header7-right a { font-size: 1.6em; padding: 6px 0 5px 62px; margin-top: 5px; line-height: 1.4; }
.sex-and-the-law .header7 .header7-right a:before { width: 50px; height: 50px; background-size: 50px 50px; }
.sex-and-the-law .header7 .header7-right a:hover:before { filter: drop-shadow(0px 0px 5px #fff); -webkit-filter: drop-shadow(0px 0px 5px #fff); -moz-filter: drop-shadow(0px 0px 5px #fff); }
}


@media screen and (max-width: 1100px) {
.topmsg .services a h3 { font-size: 2em; }
}
@media screen and (max-width:900px) {
.topmsg .services a h3 { font-size: 1.8em; }
}
@media screen and (max-width: 768px) {
.topmsg .services section { padding-left: 12px; }
.topmsg .services a:link h3 { font-size: 1.7em; }
.topmsg .services a:link h4 { font-size: 1.3em; }
}
@media screen and (max-width: 680px) {
.topmsg .services section { padding-left: 20px; }
.topmsg .services a:link h3 { font-size: 2.1em; }
.topmsg .services a:link h4 { font-size: 1.8em; }
.topmsg .services { text-align: left; }
}
@media screen and (max-width: 500px) {
.topmsg .services a:link h3 { font-size: 1.9em; }
.topmsg .services a:link h4 { font-size: 1.5em; }
}
@media screen and (max-width: 400px) {
.topmsg .services a:link h3 { font-size: 1.8em; }
.topmsg .services a:link h4 { font-size: 1.4em; }
}


.services-video { background: #eee; padding: 15px 15px 25px 15px; }
.services-video video { border: 2px solid #080100; max-width: 100%; height: auto; }
.services-video h3 { color: #b81355; font-size: 2em; line-height: 1.2; margin: 10px 0 0 0; }
.services-video h3 span, .services-video p span{ display: block; }
.services-video p { color: #272227; font-size: 1.4em; margin: 0; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
@media screen and (max-width: 1000px) {
.services-video h3 span, .services-video p span{ display: inline; }
}
@media screen and (max-width: 660px) {
.services-video { margin-bottom: 20px; }
.services-video:after { content: ""; display: table; clear: both; }
.services-video video { width: 55%; float: left; }
.services-video-text { width: 42%; float: right; }
.services-video h3 { margin: 5px 0 0 0; }
}
@media screen and (max-width: 500px) {
.services-video { margin-bottom: 15px; }
.services-video video, .services-video-text { width: 100%; float: none; }
.services-video h3 { margin: 10px 0 0 0; }
}



/* --- Getting Emotionally Fit --- */
.getting-emotionally-fit ul.orange { margin: 0; padding: 0; }
.getting-emotionally-fit ul.orange li { list-style: none; margin: 0; padding: 0 0 40px 75px; background: url(/img/getting-emotionally-fit/orange-tick.png) 0 3px no-repeat; background-size: 50px 40px; color: #fff; font-size: 2.3em; line-height: 1.4; }
.getting-emotionally-fit ul.orange li:last-child { padding-bottom: 15px; }
.getting-emotionally-fit ul.purple { margin: 0; padding: 0; }
.getting-emotionally-fit ul.purple li { list-style: none; margin: 0; padding: 0 0 40px 75px; background: url(/img/getting-emotionally-fit/purple-tick.png) 0 3px no-repeat; background-size: 50px 40px; color: #fff; font-size: 2.3em; line-height: 1.4; }
.getting-emotionally-fit ul.purple li:last-child { padding-bottom: 15px; }
.getting-emotionally-fit #main { padding-bottom: 50px; }
.getting-emotionally-fit #main .inner { padding: 0; min-height: 0; }
.getting-emotionally-fit #main h1 { color: #401f46; padding: 30px 30px 30px 60px; font-size: 3.3em; margin: 0; line-height: 1; }

.getting-emotionally-fit .header1 { display: table; height: 570px; width: 100%; padding: 0; background: #5f5ea6; }
.getting-emotionally-fit .header1 .header1-left { width: 50%; display: table-cell; padding: 100px; vertical-align: middle; position: relative; }
.getting-emotionally-fit .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/getting-emotionally-fit/header1.jpg) top right no-repeat; background-size: cover; }
.getting-emotionally-fit .header1 .header1-left:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #5f5ea6; border-width: 52px; margin-top: -52px; }
.getting-emotionally-fit .header1 .header1-left h2 { color: #fff; font-size: 3em; line-height: 1.5; margin: 0; padding: 0; }
.getting-emotionally-fit .header1 .header1-left p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 2em; line-height: 1.6; margin: 0; padding: 0; color: #fff; }

.getting-emotionally-fit .header2 { display: table; width: 100%; background: #d77652; padding: 100px; }
.getting-emotionally-fit .header2 .header2-left { width: auto; display: table-cell; padding: 0 9% 0 0; vertical-align: middle; }
.getting-emotionally-fit .header2 .header2-left h2 { color: #fff; font-size: 2.8em; line-height: 1.4; margin: 0 0 20px 0; }
.getting-emotionally-fit .header2 .header2-left h3 { color: #2b284c; font-size: 2.8em; line-height: 1.4; margin: 0; }
.getting-emotionally-fit .header2 .header2-right { width: 28%; display: table-cell; padding: 0; vertical-align: middle; }

.getting-emotionally-fit .header3 { display: table; height: 753px; width: 100%; padding: 0; background: #5f5ea6; }
.getting-emotionally-fit .header3 .header3-left { width: auto; display: table-cell; padding: 0; background: url(/img/getting-emotionally-fit/header3.jpg) top center no-repeat; background-size: cover; }
.getting-emotionally-fit .header3 .header3-right { width: 50%; display: table-cell; padding: 100px; vertical-align: middle; position: relative;  }
.getting-emotionally-fit .header3 .header3-right:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #5f5ea6; border-width: 52px; margin-top: -52px; }

.getting-emotionally-fit .header4 { display: table; height:815px; width: 100%; padding: 0; background: #d77652; }
.getting-emotionally-fit .header4 .header4-left { width: 50%; display: table-cell; padding: 100px; vertical-align: middle; position: relative; }
.getting-emotionally-fit .header4 .header4-right { width: auto; display: table-cell; padding: 0; background: url(/img/getting-emotionally-fit/header4.jpg) bottom right no-repeat; background-size: cover; }
.getting-emotionally-fit .header4 .header4-left:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #d77652; border-width: 52px; margin-top: -52px; }

.getting-emotionally-fit .header5 { display: table; height: 814px; width: 100%; padding: 0; background: #5f5ea6; }
.getting-emotionally-fit .header5 .header5-left { width: auto; display: table-cell; padding: 0; background: url(/img/getting-emotionally-fit/header5.jpg) top center no-repeat; background-size: cover; }
.getting-emotionally-fit .header5 .header5-right { width: 50%; display: table-cell; padding: 60px 100px 60px 65px; vertical-align: middle; position: relative;  }
.getting-emotionally-fit .header5 .header5-right:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #5f5ea6; border-width: 52px; margin-top: -52px; }

.getting-emotionally-fit .header6 { display: table; width: 100%; background: #37385d; padding: 100px; }
.getting-emotionally-fit .header6 .header6-left { width: auto; display: table-cell; padding: 0 6% 0 0; vertical-align: middle; }
.getting-emotionally-fit .header6 .header6-left h2 { color: #fff; font-size: 2.8em; line-height: 1.4; margin: 0 0 20px 0; }
.getting-emotionally-fit .header6 .header6-left h3 { color: #d77652; font-size: 2.8em; line-height: 1.4; margin: 0; }
.getting-emotionally-fit .header6 .header6-right { width: 28%; display: table-cell; padding: 0; vertical-align: middle; }

.getting-emotionally-fit .header7 { display: table; width: 100%; padding: 0; text-align: center; }
.getting-emotionally-fit .header7 h2 { color: #fff; font-size: 4em; letter-spacing: 0.03em; border-bottom: 2px solid #fff; display: inline-block; line-height: 1.2; margin: 0; }
.getting-emotionally-fit .header7 p { color: #fff; font-size: 2.3em; margin: 0; padding: 70px 0; }
.getting-emotionally-fit .header7 .header7-left, .getting-emotionally-fit .header7 .header7-right { position: relative; width: 50%; display: table-cell; padding: 100px 100px 185px 100px; vertical-align: top; }
.getting-emotionally-fit .header7 a { position: absolute; bottom: 100px; left: 0; right: 0; margin: auto; display: inline-table; color: #fff; font-size: 2.7em; text-decoration: none; padding: 23px 69px; line-height: 40px; border-radius: 9px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.getting-emotionally-fit .header7 .header7-left { background: #d77652; }
.getting-emotionally-fit .header7 .header7-left a { background: #bd4b1a; }
.getting-emotionally-fit .header7 .header7-left a:hover { background: #9c3407; }
.getting-emotionally-fit .header7 .header7-right { background: #ab7ce5; }
.getting-emotionally-fit .header7 .header7-right a { background: #8043c8; }
.getting-emotionally-fit .header7 .header7-right a:hover { background: #5b269e; }

.getting-emotionally-fit .header8 { display: table; width: 100%; padding: 0; text-align: center; }
.getting-emotionally-fit .header8 h2 { text-decoration: underline; color: #fff; font-size: 4em; letter-spacing: 0.03em; display: inline; line-height: 1.2; margin: 0; }
.getting-emotionally-fit .header8 h2 span { display: inline-block; text-decoration: underline; }
.getting-emotionally-fit .header8 h2 span.empty { display: block; text-indent: -999999px; }
.getting-emotionally-fit .header8 p { color: #fff; font-size: 2.3em; margin: 0; padding: 70px 0; }
.getting-emotionally-fit .header8 a { position: absolute; bottom: 70px; left: 0; right: 0; margin: auto; display: inline-table; color: #fff; font-size: 2.7em; text-decoration: none; padding: 23px 69px; line-height: 40px; border-radius: 9px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.getting-emotionally-fit .header8 .col { width: 33.333%; display: table-cell; padding: 70px 70px 160px 70px ; vertical-align: top; position: relative; }
.getting-emotionally-fit .header8 .col1 { background: #492f56; }
.getting-emotionally-fit .header8 .col1 a { background: #35213f; }
.getting-emotionally-fit .header8 .col1 a:hover { background: #1c0820; }
.getting-emotionally-fit .header8 .col2 { background: #5f5ea6; }
.getting-emotionally-fit .header8 .col2 a { background: #464483; }
.getting-emotionally-fit .header8 .col2 a:hover { background: #18164b; }
.getting-emotionally-fit .header8 .col3 { background: #e2b656; }
.getting-emotionally-fit .header8 .col3 a { background: #c19228; }
.getting-emotionally-fit .header8 .col3 a:hover { background: #885c1e; }

@media screen and (max-width: 1400px) {
.getting-emotionally-fit #main h1 { font-size: 3.2em; }
.getting-emotionally-fit .header1 { height: 450px; }
.getting-emotionally-fit .header1 .header1-left h2 { font-size: 2.4em; }
.getting-emotionally-fit .header1 .header1-left:after { border-width: 42px; margin-top: -42px; }

.getting-emotionally-fit .header3 { height: auto; }
.getting-emotionally-fit .header3 .header3-right { padding: 80px; }
.getting-emotionally-fit .header3 .header3-right:after { border-width: 42px; margin-top: -42px; }

.getting-emotionally-fit .header4 { height: auto; }
.getting-emotionally-fit .header4 .header4-left { padding: 80px; }
.getting-emotionally-fit .header4 .header4-left:after { border-width: 42px; margin-top: -42px; }

.getting-emotionally-fit .header5 { height: auto; }
.getting-emotionally-fit .header5 .header5-right { padding: 80px; }
.getting-emotionally-fit .header5 .header5-right:after { border-width: 42px; margin-top: -42px; }

.getting-emotionally-fit .header7 .header7-left, .getting-emotionally-fit .header7 .header7-right { padding: 80px 80px 180px 80px; }
.getting-emotionally-fit .header7 h2 { font-size: 3.7em; }
.getting-emotionally-fit .header7 p { font-size: 2em; padding: 50px 0; }
.getting-emotionally-fit .header7 a { font-size: 2.3em; padding: 20px 50px; line-height: 30px; }

.getting-emotionally-fit .header8 .col { padding: 50px 50px 120px 50px; }
.getting-emotionally-fit .header8 h2 { font-size: 3.3em; }
.getting-emotionally-fit .header8 h2 span { display: block; }

.getting-emotionally-fit .header8 p { font-size: 2em; padding: 40px 0;}
.getting-emotionally-fit .header8 a { font-size: 2.3em; padding: 20px 50px; line-height: 30px; bottom: 40px; }

.getting-emotionally-fit ul.orange li, .getting-emotionally-fit ul.purple li { padding: 0 0 40px 65px; background-position: 0 0; background-size: 40px auto; color: #fff; font-size: 2em; }
.getting-emotionally-fit ul.orange li:last-child, .getting-emotionally-fit ul.purple li:last-child { padding-bottom: 5px; }
}

@media screen and (max-width: 1200px) {
.getting-emotionally-fit .header1 { height: 410px; }
.getting-emotionally-fit .header1 .header1-left { padding: 60px; }
.getting-emotionally-fit .header2 { padding: 60px; }
.getting-emotionally-fit .header2 .header2-left h2, .getting-emotionally-fit .header2 .header2-left h3 { font-size: 2.5em; }
.getting-emotionally-fit .header3 .header3-right { padding: 60px; }
.getting-emotionally-fit .header4 .header4-left { padding: 60px; }
.getting-emotionally-fit .header5 .header5-right { padding: 60px; }
.getting-emotionally-fit .header6 { padding: 60px; }
.getting-emotionally-fit .header6 .header6-left h2, .getting-emotionally-fit .header6 .header6-left h3 { font-size: 2.5em; }
.getting-emotionally-fit .header7 .header7-left, .getting-emotionally-fit .header7 .header7-right { padding: 60px 60px 130px 60px; }
.getting-emotionally-fit .header7 h2 { font-size: 3.4em; }
.getting-emotionally-fit .header7 p { padding: 40px 0; }
.getting-emotionally-fit .header7 a { font-size: 2em; padding: 15px 40px; line-height: 30px; bottom: 60px; }
.getting-emotionally-fit .header8 .col { padding: 40px 40px 100px 40px; }
.getting-emotionally-fit .header8 h2 { font-size: 3em; }
.getting-emotionally-fit .header8 a { font-size: 2em; padding: 15px 40px; line-height: 30px; bottom: 35px; }
.getting-emotionally-fit ul.orange li, .getting-emotionally-fit ul.purple li { background-position: 0 4px; padding: 0 0 30px 52px; background-size: 30px auto; }
}

@media screen and (max-width: 900px) {
.getting-emotionally-fit #main h1 { padding: 30px; font-size: 3em; }
.getting-emotionally-fit .header1 { height: 320px; }
.getting-emotionally-fit .header1 .header1-left { padding: 30px; }
.getting-emotionally-fit .header2 { padding: 40px 30px; }
.getting-emotionally-fit .header2 .header2-left h2, .getting-emotionally-fit .header2 .header2-left h3 { font-size: 2.2em; }
.getting-emotionally-fit .header3 .header3-right { padding: 30px; }
.getting-emotionally-fit .header4 .header4-left { padding: 30px; }
.getting-emotionally-fit .header5 .header5-right { padding: 30px; }
.getting-emotionally-fit .header6 { padding: 40px 30px; }
.getting-emotionally-fit .header6 .header6-left h2, .getting-emotionally-fit .header6 .header6-left h3 { font-size: 2.2em; }
.getting-emotionally-fit .header7 .header7-left, .getting-emotionally-fit .header7 .header7-right { padding: 30px 30px 110px 30px; }
.getting-emotionally-fit .header7 h2 { font-size: 3.2em; }
.getting-emotionally-fit .header7 p { padding: 30px 0; }
.getting-emotionally-fit .header7 a { bottom: 40px; }
.getting-emotionally-fit .header8 .col { padding: 30px 30px 100px 30px; }
.getting-emotionally-fit .header8 h2 { font-size: 2.7em; }
.getting-emotionally-fit .header8 p { font-size: 1.8em; padding: 20px 0; }
.getting-emotionally-fit .header8 a { bottom: 30px; }
.getting-emotionally-fit ul.orange li, .getting-emotionally-fit ul.purple li { padding: 0 0 20px 42px; background-size: 25px auto; font-size: 1.8em; }
}

@media screen and (max-width: 768px) {
.getting-emotionally-fit #main .inner h1 { padding: 24px; font-size: 2.7em; }
.getting-emotionally-fit .header1 { display: block; height: auto; }
.getting-emotionally-fit .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.getting-emotionally-fit .header1 .header1-right { width: 100%; display: block; padding-bottom: 57%; background-position: top -20px center; }
.getting-emotionally-fit .header1 .header1-left h2 { font-size: 2.2em; }

.getting-emotionally-fit .header2 { padding: 24px; }
.getting-emotionally-fit .header2 .header2 { width: 100%; display: block; }
.getting-emotionally-fit .header2 .header2-left { width: 100%; display: block; padding: 0; }
.getting-emotionally-fit .header2 .header2-left h2, .getting-emotionally-fit .header2 .header2-left h3 { font-size: 2em; }
.getting-emotionally-fit .header2 .header2-right { display: none; }
.getting-emotionally-fit .header2 .header2-left h3 { position: relative; padding: 0 180px 0 0; min-height: 100px; }
.getting-emotionally-fit .header2 .header2-left h3:after { position: absolute; top: 0; right: 0; width: 150px; height: 99px; display: inline-block; content: ''; background: url(/img/getting-emotionally-fit/header2.png) 0 0 no-repeat; background-size: 150px 99px; }

.getting-emotionally-fit .header3 { display: block; }
.getting-emotionally-fit .header3 .header3-left { width: 100%; display: block; padding-bottom: 55%; background-position: top -30px center; }
.getting-emotionally-fit .header3 .header3-right { width: 100%; display: block; padding: 24px; }

.getting-emotionally-fit .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.getting-emotionally-fit .header4 .header4-left { width: 100%; padding: 24px; order: 2; }
.getting-emotionally-fit .header4 .header4-right { width: 100%; order: 1; padding-bottom: 60%; background-position: top -110px center; }

.getting-emotionally-fit .header5 { display: block; }
.getting-emotionally-fit .header5 .header5-left { width: 100%; display: block; padding-bottom: 55%; background-position: top -90px center; }
.getting-emotionally-fit .header5 .header5-right { width: 100%; display: block; padding: 24px; }

.getting-emotionally-fit .header6 { padding: 24px; }
.getting-emotionally-fit .header6 .header6 { width: 100%; display: block; }
.getting-emotionally-fit .header6 .header6-left { width: 100%; display: block; padding: 0; }
.getting-emotionally-fit .header6 .header6-left h2, .getting-emotionally-fit .header6 .header6-left h3 { font-size: 2em; }
.getting-emotionally-fit .header6 .header6-right { display: none; }
.getting-emotionally-fit .header6 .header6-left h3 { position: relative; padding: 0 180px 0 0; min-height: 116px; }
.getting-emotionally-fit .header6 .header6-left h3:after { position: absolute; top: 0; right: 0; width: 150px; height: 116px; display: inline-block; content: ''; background: url(/img/getting-emotionally-fit/header6.png) 0 0 no-repeat; background-size: 150px 116px; }

.getting-emotionally-fit .header7 .header7-left, .getting-emotionally-fit .header7 .header7-right { padding: 24px 24px 90px 24px; }
.getting-emotionally-fit .header7 h2 { font-size:  2.7em; }
.getting-emotionally-fit .header7 p { font-size: 1.7em; }
.getting-emotionally-fit .header7 a { font-size: 1.7em; padding: 15px 30px; line-height: 20px; bottom: 34px; }

.getting-emotionally-fit .header8 .col { padding: 24px 24px 100px 24px; }
.getting-emotionally-fit .header8 h2 { font-size: 2.3em; }
.getting-emotionally-fit .header8 p { font-size: 1.7em; }
.getting-emotionally-fit .header8 a { font-size: 1.7em; padding: 15px 30px; line-height: 20px; bottom: 26px; }
}

@media screen and (max-width: 650px) {
.getting-emotionally-fit .header8 { display: block; width: 100%; }
.getting-emotionally-fit .header8 .col { display: block; width: 100%; padding: 24px; }
.getting-emotionally-fit .header8 h2 span { display: inline; }
.getting-emotionally-fit .header8 h2 span.empty { display: none; }
.getting-emotionally-fit .header8 p { padding: 24px 0; }
.getting-emotionally-fit .header8 a { position: static; }
}

@media screen and (max-width: 600px) {
.getting-emotionally-fit .header7 { display: block; }
.getting-emotionally-fit .header7 .header7-left, .getting-emotionally-fit .header7 .header7-right { width: 100%; display: block; padding: 24px; }
.getting-emotionally-fit .header7 p { padding: 24px 0; }
.getting-emotionally-fit .header7 a { position: static; }
}

@media screen and (max-width: 550px) {
.getting-emotionally-fit .header4 .header4-right { background-position: top -80px center; }
}

@media screen and (max-width: 500px) {
.getting-emotionally-fit .header2 .header2-left h3 { padding: 0 0 110px 0; }
.getting-emotionally-fit .header2 .header2-left h3:after { top: auto; bottom: 0; }
.getting-emotionally-fit .header3 .header3-left { padding-bottom: 65%; background-position: top -15px center; }
.getting-emotionally-fit ul.orange li, .getting-emotionally-fit ul.purple li { padding: 0 0 15px 31px; background-size: 19px auto; font-size: 1.7em; background-position: 0 3px; }
.getting-emotionally-fit .header5 .header5-left { background-position: top -60px center; }
.getting-emotionally-fit .header6 .header6-left h3 { padding: 0 0 120px 0; }
.getting-emotionally-fit .header6 .header6-left h3:after { top: auto; bottom: 0; }
}
@media screen and (min-width: 901px) and (max-width: 940px) {
.getting-emotionally-fit .header4 .header4-right { background-position: right -110px bottom; }
}
@media screen and (min-width: 941px) and (max-width: 980px) {
.getting-emotionally-fit .header4 .header4-right { background-position: right -80px bottom; }
}
@media screen and (min-width: 981px) and (max-width: 1000px) {
.getting-emotionally-fit .header4 .header4-right { background-position: right -50px bottom; }
}










.mental-health-problems #main { padding-bottom: 50px; }
.mental-health-problems #main .inner { padding: 0; min-height: 0; }
.mental-health-problems #main h1 { color: #9447ee; padding: 30px 30px 30px 60px; font-size: 3.3em; margin: 0; line-height: 1.1; }

.mental-health-problems .header1 { display: table; height: 537px; width: 100%; padding: 0; background: #081950; }
.mental-health-problems .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; position: relative; }
.mental-health-problems .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/mental-health-problems/header1.jpg) center center no-repeat; background-size: cover; }
.mental-health-problems .header1 .header1-left h2 { color: #fff; font-size: 2em; line-height: 1.4; margin: 0; padding: 0; }
.mental-health-problems .header1 .header1-left p { font-size: 2em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; color: #fff; }
.mental-health-problems .header1 .header1-left a { color: #71b9d3; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mental-health-problems .header1 .header1-left a:hover { color: #9804ed; }

.mental-health-problems .header2 { display: table; height: 657px; width: 100%; padding: 0; background: #4d6992; }
.mental-health-problems .header2 .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/mental-health-problems/header2.png) center center no-repeat; background-size: cover; }
.mental-health-problems .header2 .header2-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; position: relative; }
.mental-health-problems .header2 .header2-right h2 { color: #fff; font-size: 3.7em; line-height: 1.4; margin: 0; padding: 0; }
.mental-health-problems .header2 .header2-right p { font-size: 2em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; color: #fff; }

.mental-health-problems .header3 { display: table; height: 515px; width: 100%; padding: 0; background: #601e46; background: -moz-linear-gradient(top, #601e46 0%, #4c3062 100%); background: -webkit-linear-gradient(top,  #601e46 0%,#4c3062 100%); background: linear-gradient(to bottom, #601e46 0%,#4c3062 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#601e46', endColorstr='#4c3062',GradientType=0 ); }
.mental-health-problems .header3 .header3-left { width: 50%; display: table-cell; padding: 60px 10px 60px 60px; vertical-align: middle; position: relative; }
.mental-health-problems .header3 .header3-right { width: auto; display: table-cell; padding: 0; background: url(/img/mental-health-problems/header3.png) center center no-repeat; background-size: 85% auto; }
.mental-health-problems .header3 .header3-left h2 { color: #fff; font-size: 3.7em; line-height: 1.3; margin: 0; padding: 0; }
.mental-health-problems .header3 .header3-left p { font-size: 1.9em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; color: #fff; }

.mental-health-problems .header4 { display: table; width: 100%; padding: 0; background: #4c3062; background: -moz-linear-gradient(top, #4c3062 0%, #414576 100%); background: -webkit-linear-gradient(top, #4c3062 0%,#414576 100%); background: linear-gradient(to bottom, #4c3062 0%,#414576 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c3062', endColorstr='#414576',GradientType=0 ); }
.mental-health-problems .header4 .header4-left { width: auto; display: table-cell; padding: 0 60px 40px 60px; vertical-align: top; }
.mental-health-problems .header4 .header4-right { width: 50%; display: table-cell; padding: 0 60px 40px 60px; vertical-align: top; }
.mental-health-problems #main .header4 ul { margin: 0; padding: 0; }
.mental-health-problems #main .header4 ul li { list-style: none; position: relative; font-size: 2.1em; line-height: 1.4; margin: 0; padding: 0 0 15px 35px; color: #fff; }
.mental-health-problems #main .header4 ul li:before { position: absolute; top: 6px; left: 0; width: 17px; height: 17px; display: inline-block; content: ''; background: #fff; }

.mental-health-problems .header6 { display: table; height: 398px; width: 100%; padding: 0; background: #71b8d3	; }
.mental-health-problems .header6 .header6-left { width: auto; display: table-cell; padding: 0; background: url(/img/mental-health-problems/header6.jpg) bottom center no-repeat; background-size: cover; }
.mental-health-problems .header6 .header6-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; position: relative; }
.mental-health-problems .header6 .header6-right h2 { color: #fff; font-size: 3.7em; line-height: 1.4; margin: 0; padding: 0; }
.mental-health-problems .header6 .header6-right p { font-size: 2em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; color: #fff; }
.mental-health-problems .header6 .header6-right a { color: #081950; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mental-health-problems .header6 .header6-right a:hover { color: #9804ed; }

@media screen and (max-width: 1400px) {
.mental-health-problems #main p { font-size: 1.8em; }

.mental-health-problems .header1 { height: auto; }
.mental-health-problems .header1 .header1-left h2 { font-size: 1.8em; }

.mental-health-problems .header2 { height: auto; }
.mental-health-problems .header2 .header2-right h2 { font-size: 3.3em; }

.mental-health-problems .header3 { height: auto; }
.mental-health-problems .header3 .header3-left h2 { font-size: 3.3em; }

.mental-health-problems .header4 .header4-left { padding-right: 30px; }
.mental-health-problems .header4 .header4-right { padding-left: 30px; }
.mental-health-problems #main .header4 ul li { font-size: 1.8em; padding: 0 0 12px 30px; }
.mental-health-problems #main .header4 ul li:before { top: 5px; width: 15px; height: 15px; }

.mental-health-problems .header6 { height: 370px; }
.mental-health-problems .header6 .header6-right h2 { font-size: 3.3em; }
}

@media screen and (max-width: 1200px) {
.mental-health-problems .header3 .header3-right { background-position: top 120px center; }
}

@media screen and (max-width: 900px) {
.mental-health-problems #main h1 { padding: 30px; }

.mental-health-problems .header1 { height: auto; }
.mental-health-problems .header1 .header1-left { padding: 30px; }

.mental-health-problems .header2 { height: auto; }
.mental-health-problems .header2 .header2-right p { padding: 15px 0 0 0; }
.mental-health-problems .header2 .header2-right { padding: 30px; }

.mental-health-problems .header3 { padding: 0 0 40px 0; }
.mental-health-problems .header3 .header3-left { width: 100%; padding: 30px; }
.mental-health-problems .header3 .header3-right { display: none; }
.mental-health-problems .header3 .header3-left p.image1, .mental-health-problems .header3 .header3-left p.image2 { padding-right: 230px; }
.mental-health-problems .header3 .header3-left p.image2:after { position: absolute; bottom: 0; right: 30px; width: 200px; height: 175px; display: inline-block; content: ''; background: url(/img/mental-health-problems/header3.png) 0 0 no-repeat; background-size: 200px auto; }

.mental-health-problems .header4 .header4-left { padding: 0 25px 30px 30px; }
.mental-health-problems .header4 .header4-right { padding: 0 30px 30px 25px; }

.mental-health-problems .header6 { height: auto; }
.mental-health-problems .header6 .header6-right { padding: 30px; }
.mental-health-problems .header6 .header6-right p { padding: 10px 0 0 0; }
}

@media screen and (max-width: 768px) {
.mental-health-problems #main p { font-size: 1.7em; }
.mental-health-problems #main h1 { padding: 24px; }

.mental-health-problems .header1 { display: block; }
.mental-health-problems .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.mental-health-problems .header1 .header1-right { width: 100%; display: block; padding-bottom: 60%; }

.mental-health-problems .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mental-health-problems .header2 .header2-left { order: 2; width: 100%; display: block; padding-bottom: 65%; }
.mental-health-problems .header2 .header2-right { order: 1; width: 100%; display: block; padding: 24px; }

.mental-health-problems .header3 { padding: 0; }

.mental-health-problems .header4 { display: block; }
.mental-health-problems .header4 .header4-left { width: 100%; display: block; padding: 24px 24px 0 24px; }
.mental-health-problems .header4 .header4-right { width: 100%; display: block; padding: 0 24px 24px 24px; }
.mental-health-problems #main .header4 ul li { font-size: 1.7em; }

.mental-health-problems .header6 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mental-health-problems .header6 .header6-left { order: 2; width: 100%; display: block; padding-bottom: 50%; }
.mental-health-problems .header6 .header6-right { order: 1; width: 100%; display: block; padding: 40px 24px; }
}

@media screen and (max-width: 700px) {
.mental-health-problems .header3 .header3-left p.image1 { padding-right: 0; }
}

@media screen and (max-width: 600px) {
.mental-health-problems .header3 .header3-left p.image2 { padding: 0 0 170px 0; }
.mental-health-problems .header3 .header3-left p.image2:after { width: 260px; height: 180px; background-size: 200px auto; left: 30px; right: auto; }
.mental-health-problems #main .header4 ul li { padding: 0 0 12px 26px; }
.mental-health-problems #main .header4 ul li:before { top: 4px; width: 12px; height: 12px; }
}




.drugs-alcohol-and-the-law #main { padding-bottom: 50px; }
.drugs-alcohol-and-the-law #main .inner { padding: 0; min-height: 0; }
.drugs-alcohol-and-the-law #main h1 { color: #396db5; padding: 30px 30px 30px 60px; font-size: 3.3em; margin: 0; line-height: 1.1; }

.drugs-alcohol-and-the-law .visit-container { padding: 40px 0 20px 160px; position: relative; }
.drugs-alcohol-and-the-law .visit-container:before { position: absolute; top: 40px; left: 0; width: 126px; height: 126px; display: inline-block; content: ''; background: url(/img/drugs-alcohol-and-the-law/visit.png) 0 0 no-repeat; background-size: 126px 126px; }
.drugs-alcohol-and-the-law .visit-container p { padding: 20px 0 0 0 !important; }
.drugs-alcohol-and-the-law .visit-container p.visit { padding: 0 !important; }
.drugs-alcohol-and-the-law .visit-container a { color: #2caeca; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.drugs-alcohol-and-the-law .visit-container a:hover { color: #333; }



.drugs-alcohol-and-the-law .header1 { display: table; height: 537px; width: 100%; padding: 0; background: #8b9b39; }
.drugs-alcohol-and-the-law .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; position: relative; }
.drugs-alcohol-and-the-law .header1 .header1-left h2 { color: #fff; font-size: 3.7em; line-height: 1.2; margin: 0; padding: 0; }
.drugs-alcohol-and-the-law .header1 .header1-left h4 { color: #fff; font-size: 1.8em; text-transform: uppercase; line-height: 1.4; margin: 0; padding: 40px 0 0 0; letter-spacing: 0.03em; }
.drugs-alcohol-and-the-law .header1 .header1-left ul { margin: 0; padding: 7px 0 0 0; }
.drugs-alcohol-and-the-law .header1 .header1-left ul li { font-size: 1.9em; line-height: 1.3; margin: 0 0 0 20px; padding: 0 0 10px 10px; color: #fff; }
.drugs-alcohol-and-the-law .header1 .header1-left ul li:last-child { padding: 0 0 0 10px; }
.drugs-alcohol-and-the-law .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/drugs-alcohol-and-the-law/header1.jpg) center center no-repeat; background-size: cover; }

.drugs-alcohol-and-the-law .header2 { display: table; height: 480px; width: 100%; padding: 0; background: #edb728 url(/img/drugs-alcohol-and-the-law/header2bg.jpg) center center repeat; }
.drugs-alcohol-and-the-law .header2 .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/drugs-alcohol-and-the-law/header2.jpg) center center no-repeat; background-size: auto; }
.drugs-alcohol-and-the-law .header2 .header2-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; position: relative; }
.drugs-alcohol-and-the-law .header2 .header2-right h2 { color: #fff; font-size: 3.7em; line-height: 1.2; margin: 0; padding: 0; }
.drugs-alcohol-and-the-law .header2 .header2-right p { font-size: 2em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; color: #333; }

.drugs-alcohol-and-the-law .header3 { display: table; height: 560px; width: 100%; padding: 0; }
.drugs-alcohol-and-the-law .header3 .header3-left { width: 50%; display: table-cell; padding: 60px 0 60px 60px; vertical-align: middle; position: relative; }
.drugs-alcohol-and-the-law .header3 .header3-right { width: auto; display: table-cell; padding: 0; background: url(/img/drugs-alcohol-and-the-law/header3.jpg) center center no-repeat; background-size: 489px auto; }
.drugs-alcohol-and-the-law .header3 .header3-left h2 { color: #333; font-size: 3.7em; line-height: 1.4; margin: 0; padding: 0; }
.drugs-alcohol-and-the-law .header3 .header3-left p { color: #333; font-size: 1.9em; line-height: 1.5; margin: 0; padding: 30px 0 0 0; }
.drugs-alcohol-and-the-law .header3 .header3-left ul { margin: 0; padding: 7px 0 0 0; }
.drugs-alcohol-and-the-law .header3 .header3-left ul li { font-size: 1.9em; line-height: 1.3; margin: 0 0 0 20px; padding: 0 0 5px 10px; }
.drugs-alcohol-and-the-law .header3 .header3-left ul li:last-child { padding: 0 0 0 10px; }

.drugs-alcohol-and-the-law .header4 { display: table; height: 608px; width: 100%; padding: 0; }
.drugs-alcohol-and-the-law .header4 .header4-left { width: auto; display: table-cell; padding: 0 0 0 40px; background: url(/img/drugs-alcohol-and-the-law/header4.png) center center no-repeat; background-size: contain; }
.drugs-alcohol-and-the-law .header4 .header4-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; position: relative; }
.drugs-alcohol-and-the-law .header4 .header4-right h2 { color: #fff; font-size: 3.7em; line-height: 1.4; margin: 0; padding: 0; }
.drugs-alcohol-and-the-law .header4 .header4-right p { font-size: 2em; line-height: 1.4; margin: 0; padding: 30px 0 0 0; color: #333; }
.drugs-alcohol-and-the-law .header4 .header4-right ul { margin: 0; padding: 7px 0 0 0; }
.drugs-alcohol-and-the-law .header4 .header4-right ul li { font-size: 1.9em; line-height: 1.3; margin: 0 0 0 20px; padding: 0 0 10px 10px; }
.drugs-alcohol-and-the-law .header4 .header4-right ul li:last-child { padding: 0 0 0 10px; }

.drugs-alcohol-and-the-law .header5 { display: table; height: 622px; width: 100%; padding: 0; background: #071e83; }
.drugs-alcohol-and-the-law .header5 .header5-left { width: 50%; display: table-cell; padding: 45px 60px 60px 60px; vertical-align: middle; position: relative; }
.drugs-alcohol-and-the-law .header5 .header5-right { width: auto; display: table-cell; padding: 0; background: url(/img/drugs-alcohol-and-the-law/header5.jpg) center center no-repeat; background-size: cover; }
.drugs-alcohol-and-the-law .header5 .header5-left h2 { color: #fff; font-size: 3.7em; line-height: 1.2; margin: 0; padding: 0; }
.drugs-alcohol-and-the-law .header5 .header5-left ul { margin: 0; padding: 7px 0 0 0; }
.drugs-alcohol-and-the-law .header5 .header5-left ul li { color: #fff; font-size: 1.9em; line-height: 1.3; margin: 0 0 0 20px; padding: 0 0 5px 10px; }
.drugs-alcohol-and-the-law .header5 .header5-left ul li:last-child { padding: 0 0 0 10px; }
.drugs-alcohol-and-the-law .header5 .header5-left p { color: #fff; font-size: 2em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; }


.drugs-alcohol-and-the-law .header6 { display: table; height: 622px; width: 100%; padding: 0; }
.drugs-alcohol-and-the-law .header6 .header6-left { width: 50%; display: table-cell; padding: 60px 0 60px 60px; vertical-align: middle; position: relative; }
.drugs-alcohol-and-the-law .header6 .header6-left ul { margin: 0; padding: 7px 0 0 0; }
.drugs-alcohol-and-the-law .header6 .header6-left ul li { font-size: 1.9em; line-height: 1.3; margin: 0 0 0 20px; padding: 0 0 5px 10px; }
.drugs-alcohol-and-the-law .header6 .header6-left ul li:last-child { padding: 0 0 0 10px; }
.drugs-alcohol-and-the-law .header6 .header6-left p { font-size: 2em; line-height: 1.4; margin: 0; padding: 20px 0 0 0; }
.drugs-alcohol-and-the-law .header6 .header6-left p.plist { padding: 0; }



.drugs-alcohol-and-the-law .header6 .header6-right { width: auto; display: table-cell; padding: 0; background: url(/img/drugs-alcohol-and-the-law/header6.jpg) center center no-repeat; background-size: 486px auto; }



@media screen and (max-width: 1400px) {
.drugs-alcohol-and-the-law #main p, .drugs-alcohol-and-the-law #main ul li { font-size: 1.8em; }

.drugs-alcohol-and-the-law .visit-container { padding: 20px 0 0 130px; }
.drugs-alcohol-and-the-law .visit-container:before { top: 30px; width: 100px; height: 110px; background-size: 100px auto; }

.drugs-alcohol-and-the-law .header1 { height: auto; }
.drugs-alcohol-and-the-law .header1 .header1-left h2 { font-size: 3.3em; }
.drugs-alcohol-and-the-law .header1 .header1-left h4 { font-size: 1.7em; }

.drugs-alcohol-and-the-law .header2 { height: auto; padding: 30px 0; }
.drugs-alcohol-and-the-law .header2 .header2-right h2 { font-size: 3.3em; }

.drugs-alcohol-and-the-law .header3 { height: auto; }
.drugs-alcohol-and-the-law .header3 .header3-left h2 { font-size: 3.3em; }
.drugs-alcohol-and-the-law .header3 .header3-left p { padding: 20px 0 0 0; }
.drugs-alcohol-and-the-law .header3 .header3-right { background-size: 60% auto; }

.drugs-alcohol-and-the-law .header4 { height: auto; }

.drugs-alcohol-and-the-law .header5 { height: auto; }
.drugs-alcohol-and-the-law .header5 .header5-left h2 { font-size: 3.3em; }

.drugs-alcohol-and-the-law .header6 { height: auto; }
.drugs-alcohol-and-the-law .header6 .header6-right { background-size: 60% auto; }

}




@media screen and (max-width: 1200px) {
.drugs-alcohol-and-the-law .header3 .header3-right { background-size: 70% auto; }
.drugs-alcohol-and-the-law .header4 .header4-right { width: 55%; padding: 60px 60px 60px 40px; }
.drugs-alcohol-and-the-law .header4 .header4-right p { padding: 20px 0 0 0; }
.drugs-alcohol-and-the-law .header6 .header6-right { background-size: 70% auto; }

}



@media screen and (max-width: 1000px) {
.drugs-alcohol-and-the-law .visit-container { padding: 10px 0 0 100px; }
.drugs-alcohol-and-the-law .visit-container:before { top: 20px; width: 80px; height: 80px; background-size: 80px auto; }
}


@media screen and (max-width: 900px) {
.drugs-alcohol-and-the-law #main h1 { padding: 30px; }
.drugs-alcohol-and-the-law .visit-container { padding: 10px 0 0 80px; }
.drugs-alcohol-and-the-law .visit-container:before { top: 30px; width: 60px; height: 60px; background-size: 60px auto; }


.drugs-alcohol-and-the-law .header1 .header1-left { padding: 30px; }
.drugs-alcohol-and-the-law .header1 .header1-left h2 { font-size: 3em; }
.drugs-alcohol-and-the-law .header1 .header1-left h4 { padding: 20px 0 0 0; }


.drugs-alcohol-and-the-law .header2 { padding: 0; }
.drugs-alcohol-and-the-law .header2 .header2-left { background-size: 80% auto; }
.drugs-alcohol-and-the-law .header2 .header2-right { padding: 30px; }
.drugs-alcohol-and-the-law .header2 .header2-right h2 { font-size: 2.7em; }

.drugs-alcohol-and-the-law .header3 .header3-left { padding: 30px; }
.drugs-alcohol-and-the-law .header3 .header3-left h2 { font-size: 3em; }

.drugs-alcohol-and-the-law .header4 .header4-left { padding: 0; }
.drugs-alcohol-and-the-law .header4 .header4-right { padding: 30px; }
.drugs-alcohol-and-the-law .header4 .header4-right p { padding: 20px 0 0 0; }


.drugs-alcohol-and-the-law .header5 .header5-left { padding: 30px; }
.drugs-alcohol-and-the-law .header5 .header5-left h2 { font-size: 2.7em; }

.drugs-alcohol-and-the-law .header6 .header6-left { padding: 30px 0 30px 30px; }
.drugs-alcohol-and-the-law .header6 .header6-right { background-position: top 40px center; }

}




@media screen and (max-width: 768px) {
.drugs-alcohol-and-the-law #main p, .drugs-alcohol-and-the-law #main ul li { font-size: 1.7em; }
.drugs-alcohol-and-the-law #main h1 { padding: 24px; }

.drugs-alcohol-and-the-law .header1 { display: block; }
.drugs-alcohol-and-the-law .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.drugs-alcohol-and-the-law .header1 .header1-right { width: 100%; display: block; padding-bottom: 65%; background-position: top center; }

.drugs-alcohol-and-the-law .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 15px 0; }
.drugs-alcohol-and-the-law .header2 .header2-left { order: 2; width: 100%; display: block; padding-bottom: 40%; background-size: contain; }
.drugs-alcohol-and-the-law .header2 .header2-right { order: 1; width: 100%; display: block; padding: 24px; }

.drugs-alcohol-and-the-law .header3 { display: block; }
.drugs-alcohol-and-the-law .header3 .header3-left { width: 100%; display: block; padding: 24px; }
.drugs-alcohol-and-the-law .header3 .header3-left ul { padding: 7px 0 20px 0; }
.drugs-alcohol-and-the-law .header3 .header3-right { width: 100%; display: block; padding-bottom: 20%; background: url(/img/drugs-alcohol-and-the-law/header3-mobile.jpg) center center no-repeat; background-size: contain; }

.drugs-alcohol-and-the-law .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0 10px 0; }
.drugs-alcohol-and-the-law .header4 .header4-left { order: 2; width: 100%; display: block; padding-bottom: 50%; background-size: contain; }
.drugs-alcohol-and-the-law .header4 .header4-right { order: 1; width: 100%; display: block; padding: 24px 24px 60px 24px; }


.drugs-alcohol-and-the-law .header5 { display: block; }
.drugs-alcohol-and-the-law .header5 .header5-left { width: 100%; display: block; padding: 24px 24px 35px 24px; }
.drugs-alcohol-and-the-law .header5 .header5-right { width: 100%; display: block; padding-bottom: 40%; }

.drugs-alcohol-and-the-law .header6 { display: block; padding: 0 0 40px 0; }
.drugs-alcohol-and-the-law .header6 .header6-left { width: 100%; display: block; padding: 24px; }
.drugs-alcohol-and-the-law .header6 .header6-left ul { padding: 7px 0 20px 0; }
.drugs-alcohol-and-the-law .header6 .header6-left p { padding: 0; }
.drugs-alcohol-and-the-law .header6 .header6-right { width: 100%; display: block; padding-bottom: 20%; background: url(/img/drugs-alcohol-and-the-law/header6-mobile.jpg) center center no-repeat; background-size: contain; }

}



@media screen and (max-width: 500px) {
.drugs-alcohol-and-the-law .header1 .header1-left h2 { font-size: 2.7em; }
.drugs-alcohol-and-the-law .header2 .header2-left { padding-bottom: 60%; }
.drugs-alcohol-and-the-law .header3 .header3-right { padding-bottom: 80%; background: url(/img/drugs-alcohol-and-the-law/header3.jpg) center center no-repeat; background-size: 80% auto; }
.drugs-alcohol-and-the-law .header3 .header3-left ul { padding: 7px 0 0 0; }
.drugs-alcohol-and-the-law .header4 .header4-left { padding-bottom: 70%; }
.drugs-alcohol-and-the-law .header6 .header6-right { padding-bottom: 80%; background: url(/img/drugs-alcohol-and-the-law/header6.jpg) center center no-repeat; background-size: 80% auto; }

}









.hpv-vaccine #main .inner { padding: 30px; }
.hpv-vaccine .main p { font-size: 1.7em; line-height: 1.3; color: #333; margin: 0 0 25px 0; padding: 0; }
.hpv-vaccine .main p:last-child { margin: 0; }

.hpv-vaccine .header1 { display: table; height: 352px; width: 100%; padding: 0; background: #244870; }
.hpv-vaccine .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.hpv-vaccine .header1 .header1-left h1 { color: #fff; font-size: 4.5em; line-height: 1.2; margin: 0 0 25px 0; padding: 0;  }
.hpv-vaccine .header1 .header1-left h2 { color: #fff; font-size: 3.2em; line-height: 1.2; margin: 0 0 25px 0; padding: 0; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; letter-spacing: 0.03em; }
.hpv-vaccine .header1 .header1-left p { color: #fff; }
.hpv-vaccine .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/hpv-vaccine/header1.jpg) center center no-repeat; background-size: cover; }

.hpv-vaccine .header2 { display: table; height: 444px; width: 100%; padding: 0; }
.hpv-vaccine .header2 .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/hpv-vaccine/header2.jpg) top left no-repeat; background-size: cover; }
.hpv-vaccine .header2 .header2-right { width: 50%; display: table-cell; padding: 40px; vertical-align: middle;}
.hpv-vaccine .header2 .header2-right h2 { font-size: 3.2em; line-height: 1.3; margin: 0; padding: 0; color: #d80077; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.hpv-vaccine .main .header2 .header2-right p { margin: 0 0 30px 0; color: #333; }

.hpv-vaccine .header3 { display: table; width: 100%; padding: 40px 0; }
.hpv-vaccine .header3 .header3-left { width: auto; display: table-cell; padding: 0 50px 0 40px; vertical-align: middle; }
.hpv-vaccine .header3 .header3-left h2 { color: #244870; font-size: 4.6em; line-height: 1.2; margin: 0 0 25px 0; padding: 0; }
.hpv-vaccine .header3 .header3-right { width: 333px; display: table-cell; padding: 0 30px 0 0; vertical-align: middle; }
.hpv-vaccine .header3 .header3-right img { border-radius: 50%; }

.hpv-vaccine .header4 { display: table; height: 352px; width: 100%; padding: 0; background: #244870; }
.hpv-vaccine .header4 .header4-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.hpv-vaccine .header4 .header4-left h1 { color: #fff; font-size: 4.5em; line-height: 1.2; margin: 0 0 25px 0; padding: 0;  }
.hpv-vaccine .header4 .header4-left h2 { color: #fff; font-size: 4.8em; line-height: 1.2; margin: 0 0 25px 0; padding: 0; }
.hpv-vaccine .header4 .header4-left p { color: #fff; }
.hpv-vaccine .header4 .header4-right { width: auto; display: table-cell; padding: 0; background: url(/img/hpv-vaccine/header4.jpg) center center no-repeat; background-size: cover; }

.hpv-vaccine .header5 { display: table; width: 100%; padding: 40px 0 40px 40px; }
.hpv-vaccine .header5 .header5-left { width: auto; display: table-cell; padding: 0; vertical-align: middle; }
.hpv-vaccine .header5 .header5-left h2 { color: #244870; font-size: 4.6em; line-height: 1.2; margin: 0 0 25px 0; padding: 0; }
.hpv-vaccine .header5 .header5-right { width: 375px; display: table-cell; padding: 0 30px 0 40px; vertical-align: middle; }

.hpv-vaccine .header6 { display: table; width: 100%; padding: 40px 0 40px 40px; }
.hpv-vaccine .header6 .header6-left { width: auto; display: table-cell; padding: 0; vertical-align: middle; }
.hpv-vaccine .header6 .header6-left h2 { color: #d80077; font-size: 4.6em; line-height: 1.2; margin: 0 0 25px 0; padding: 0; }
.hpv-vaccine .header6 .header6-left p { color: #244870; }
.hpv-vaccine .header6 .header6-left p.bold { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.hpv-vaccine .header6 .header6-right { width: 370px; display: table-cell; padding: 0 85px 0 40px; vertical-align: middle; }
@media screen and (max-width: 1400px) {
.hpv-vaccine .main p { margin: 0 0 15px 0; }

.hpv-vaccine .header1 { height: auto; }
.hpv-vaccine .header1 .header1-left { padding: 30px; }
.hpv-vaccine .header1 .header1-left h1 { font-size: 3.7em; margin: 0 0 15px 0; }
.hpv-vaccine .header1 .header1-left h2 { font-size: 2.7em; margin: 0 0 15px 0; letter-spacing: 0; }
.hpv-vaccine .header1 .header1-left h2 { color: #fff; font-size: 3.2em; line-height: 1.2; margin: 0 0 25px 0; padding: 0; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; letter-spacing: 0.03em; }

.hpv-vaccine .header2 { height: auto; }
.hpv-vaccine .header2 .header2-right h2 { font-size: 2.8em; }

.hpv-vaccine .header3 { padding: 30px 0; }
.hpv-vaccine .header3 .header3-left { padding: 0 30px; }
.hpv-vaccine .header3 .header3-left h2 { font-size: 3.7em; margin: 0 0 15px 0; }
.hpv-vaccine .header3 .header3-right { width: 270px; padding: 0 20px 0 0; }

.hpv-vaccine .header4 { height: auto; }
.hpv-vaccine .header4 .header4-left { padding: 30px; }
.hpv-vaccine .header4 .header4-left h2 { font-size: 4em; margin: 0 0 15px 0; }

.hpv-vaccine .header5 { padding: 30px 0; }
.hpv-vaccine .header5 .header5-left { padding: 0 30px; }
.hpv-vaccine .header5 .header5-left h2 { font-size: 3.7em; margin: 0 0 15px 0; }
.hpv-vaccine .header5 .header5-right { width: 230px; padding: 0 20px 0 0; }

.hpv-vaccine .header6 { padding: 30px 0; }
.hpv-vaccine .header6 .header6-left { padding: 0 30px; }
.hpv-vaccine .header6 .header6-left h2 { font-size: 3.7em; margin: 0 0 15px 0; }
.hpv-vaccine .header6 .header6-right { width: 230px; padding: 0 55px 0 0; }
}
@media screen and (max-width: 1200px) {
.hpv-vaccine .header1 .header1-left h2 { font-size: 2.3em; }
.hpv-vaccine .main .header2 .header2-right p { margin: 0 0 20px 0; }
.hpv-vaccine .header2 .header2-right h2 { font-size: 2.3em; }
.hpv-vaccine .header3 .header3-left h2 { font-size: 3.4em; }
.hpv-vaccine .header3 .header3-right { width: 230px; }
.hpv-vaccine .header4 .header4-left h2 { font-size: 3.4em; }
.hpv-vaccine .header5 .header5-left h2 { font-size: 3.4em; }
.hpv-vaccine .header5 .header5-right { width: 180px; }
.hpv-vaccine .header6 .header6-left h2 { font-size: 3.4em; }
.hpv-vaccine .header6 .header6-right { width: 180px; padding: 50px 50px 0 0; vertical-align: top; }
}
@media screen and (max-width: 900px) {
.hpv-vaccine #main .inner { padding: 0; }
.hpv-vaccine .header2 .header2-right h2 { font-size: 2em; }
.hpv-vaccine .header3 .header3-left h2 { font-size: 3em; }
.hpv-vaccine .header3 .header3-right { padding: 0 30px 0 0; }
.hpv-vaccine .header4 .header4-left h2 { font-size: 3em; }
.hpv-vaccine .header5 .header5-left h2 { font-size: 3em; }
.hpv-vaccine .header5 .header5-right { padding: 0 30px 0 0; }
.hpv-vaccine .header6 .header6-left h2 { font-size: 3em; }
.hpv-vaccine .header6 .header6-right { padding: 0 30px 0 0; }
.hpv-vaccine .header5 .header5-right { width: 160px; }
.hpv-vaccine .header6 .header6-left h2 { font-size: 3em; }
.hpv-vaccine .header6 .header6-right { width: 160px; padding: 0 53px 0 0; }
}
@media screen and (max-width: 768px) {
.hpv-vaccine .header1 { display: block; }
.hpv-vaccine .header1 .header1-left { width: 100%; display: block; padding: 20px; }
.hpv-vaccine .header1 .header1-right { width: 100%; display: block; padding-bottom: 43%; }

.hpv-vaccine .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.hpv-vaccine .header2 .header2-left { width: 100%; display: block; padding: 0 0 50% 0; order: 2; }
.hpv-vaccine .header2 .header2-right { width: 100%; display: block; order: 1; padding: 20px; }

.hpv-vaccine .header3 { display: block; padding: 20px 20px 30px 20px; }
.hpv-vaccine .header3 .header3-left { width: 100%; display: block; padding: 0; }
.hpv-vaccine .header3 .header3-left h2 { font-size: 2.7em; margin: 0 0 10px 0; }
.hpv-vaccine .header3 .header3-right { width: 100%; display: block; padding: 30px 0 0 0; margin: auto; max-width: 170px; }

.hpv-vaccine .header4 { display: block; }
.hpv-vaccine .header4 .header4-left { width: 100%; display: block; padding: 20px; }
.hpv-vaccine .header4 .header4-right { width: 100%; display: block; padding-bottom: 43%; }

.hpv-vaccine .header5 { padding: 20px 20px 30px 20px; }
.hpv-vaccine .header5 .header5-left { padding: 0; }
.hpv-vaccine .header5 .header5-left h2 { font-size: 2.7em; margin: 0 0 10px 0; }
.hpv-vaccine .header5 .header5-right { width: 120px; padding: 55px 0 0 20px; vertical-align: top; }

.hpv-vaccine .header6 { padding: 20px 20px 30px 20px; }
.hpv-vaccine .header6 .header6-left { padding: 0; }
.hpv-vaccine .header6 .header6-left h2 { font-size: 2.7em; margin: 0 0 10px 0; }
.hpv-vaccine .header6 .header6-right { width: 120px; padding: 50px 17px 0 20px; vertical-align: top; }
}
@media screen and (max-width: 500px) {
.hpv-vaccine .header5 { display: block; padding: 20px 20px 30px 20px; }
.hpv-vaccine .header5 .header5-left { width: 100%; display: block; padding: 0; }
.hpv-vaccine .header5 .header5-right { width: 100%; display: block; padding: 20px 0 0 0; margin: auto; max-width: 100px; }
.hpv-vaccine .header6 { display: block; padding: 20px 20px 30px 20px; }
.hpv-vaccine .header6 .header6-left { width: 100%; display: block; padding: 0; }
.hpv-vaccine .header6 .header6-right { width: 100%; display: block; padding: 20px 17px 0 0; margin: auto; max-width: 100px; }
}



/* --- Free Condoms --- */
.free-condoms #main { padding-bottom: 50px; }
.free-condoms #main .inner { padding: 0; min-height: 0; }
.free-condoms #main h1 { padding: 20px 30px 30px 30px; margin: 0; line-height: 1; }
.free-condoms a.button { margin-top: 20px; font-size: 1em; background: #4f3455; line-height: 1.5; min-width: 210px; text-align: center; display: inline-block; border-radius: 8px; padding: 7px 20px 10px 20px; color: #fff; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.free-condoms a.button:hover { background: #200d24; }
.free-condoms a.button.red { background: #b81355; }
.free-condoms a.button.red:hover { background: #860035; }

.free-condoms .header1 { display: table; width: 100%; padding: 0; height: 408px; background: #b81355; }
.free-condoms .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px;vertical-align: middle; }
.free-condoms .header1 .header1-left p { color: #fff; font-size: 1.9em; }
.free-condoms .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/free-condoms/header1.jpg) right center no-repeat; background-size: cover; }

.free-condoms h2.header2-heading { padding: 40px 60px 0 60px; color: #4f3455; font-size: 3.8em; margin: 0; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; }
.free-condoms .header2 { display: table; width: 100%; padding: 35px 60px 60px 60px; }
.free-condoms .header2 .header2-left { position: relative; width: 50%; display: table-cell; padding: 0 60px 0 260px; vertical-align: middle; height: 215px; }
.free-condoms .header2 .header2-right { position: relative; width: auto; display: table-cell; padding: 0 0 0 260px; vertical-align: middle; height: 215px; }
.free-condoms .header2 .header2-left:before, .free-condoms .header2 .header2-right:before { position: absolute; top: 0; left: 0; width: 215px; height: 215px; display: inline-block; content: ''; border-radius: 50%;
border: 5px solid #4f3455; }
.free-condoms .header2 .header2-left:before { background: url(/img/free-condoms/header2a.jpg) 0 0 no-repeat; background-size: 215px 215px; }
.free-condoms .header2 .header2-right:before { background: url(/img/free-condoms/header2b.png) 0 0 no-repeat; background-size: 215px 215px; }
.free-condoms .header2 p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0; }

.free-condoms .header3 { text-align: center; width: 90%; max-width: 930px; margin: 0 auto; }
.free-condoms .header3 p { font-size: 2em; }
.free-condoms .header3 p a { color: #b81355; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.free-condoms .header3 p a:hover { color: #fd8a02; }

.free-condoms .header4 { display: table; width: 930px; padding: 10px 0 60px 0; margin: 0 auto 0 auto; }
.free-condoms .header4 .header4-left { width: 340px; display: table-cell;  padding: 0; vertical-align: top; }
.free-condoms .header4 .header4-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: top; }
.free-condoms .header4 .header4-right p { font-size: 2em; line-height: 1.3; margin: 0; padding: 0; }

.free-condoms .header5 { background: #b81355; text-align: center; padding: 35px 30px 0 30px; }
.free-condoms .header5-inner { max-width: 930px; padding: 0; margin: 0 auto 0 auto; display: inline-block; }
.free-condoms .header5 h2 { color: #fff; float: left; padding: 0; margin: 0 15px 0 0; font-size: 3.7em; }
.free-condoms .header5 p { float: right; margin: 0 0 0 15px; }
.free-condoms .header5 a.button { margin: 0; }

.free-condoms .header6 { display: table; width: 100%; padding: 40px 60px 50px 60px; background: #b81355; }
.free-condoms .header6 .header6-left, .free-condoms .header6 .header6-center, .free-condoms .header6 .header6-right { height: 155px; padding: 0 60px 0 185px; position: relative; width: 33.33%; display: table-cell; vertical-align: middle; }
.free-condoms .header6 .header6-left:before,
.free-condoms .header6 .header6-center:before,
.free-condoms .header6 .header6-right:before { position: absolute; top: 0; left: 0; width: 155px; height: 155px; display: inline-block; content: ''; border-radius: 50%; }
.free-condoms .header6 .header6-left:before { background: url(/img/free-condoms/header6a.png) 0 0 no-repeat; background-size: 155px 155px; }
.free-condoms .header6 .header6-center:before { background: url(/img/free-condoms/header6b.jpg) 0 0 no-repeat; background-size: 155px 155px; }
.free-condoms .header6 .header6-right:before { background: url(/img/free-condoms/header6c.png) 0 0 no-repeat; background-size: 155px 155px; }
.free-condoms .header6 p { color: #fff; font-size: 2em; line-height: 1.3; margin: 0; padding: 0; }
.free-condoms .header6 p a { color: #fff; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.free-condoms .header6 p a:hover { color: #fd8a02; }
@media screen and (max-width: 1400px) {
.free-condoms #main .header1 p { font-size: 1.8em; }
.free-condoms #main p { font-size: 1.7em; }
.free-condoms .header1 { height: auto; }
}
@media screen and (max-width: 1200px) {
.free-condoms a.button { margin-top: 15px; font-size: 0.9em; min-width: 160px; }
.free-condoms #main .header1 p { font-size: 1.7em; padding: 0 0 10px 0; margin: 0; }
.free-condoms h2.header2-heading { padding: 30px 60px 0 60px; font-size: 3.3em; }
.free-condoms .header2 .header2-left, .free-condoms .header2 .header2-right { height: 160px; padding-left: 190px; }
.free-condoms .header2 .header2-left:before, .free-condoms .header2 .header2-right:before { width: 160px; height: 160px; background-size: 160px 160px; }
.free-condoms .header4 .header4-left { width: 300px; }
.free-condoms .header5 h2 { font-size: 3.3em; }
.free-condoms .header6 { padding: 20px 60px 40px 60px; }
.free-condoms .header6 .header6-left, .free-condoms .header6 .header6-center, .free-condoms .header6 .header6-right { height: 120px; padding: 0 50px 0 145px; }
.free-condoms .header6 .header6-left:before, .free-condoms .header6 .header6-center:before, .free-condoms .header6 .header6-right:before { width: 120px; height: 120px; background-size: 120px 120px; }
}
@media screen and (max-width: 1050px) {
.free-condoms .header6 .header6-left, .free-condoms .header6 .header6-center, .free-condoms .header6 .header6-right { height: 100px; padding: 0 30px 0 125px; }
.free-condoms .header6 .header6-left:before, .free-condoms .header6 .header6-center:before, .free-condoms .header6 .header6-right:before { width: 100px; height: 100px; background-size: 100px 100px; }
}
@media screen and (max-width: 990px) {
.free-condoms .header4 { display: table; width: 100%; padding: 10px 30px 60px 30px; margin: 0; }
}
@media screen and (max-width: 900px) {
.free-condoms #main p { font-size: 1.6em; }
.free-condoms .header1 .header1-left { padding: 30px; }
.free-condoms h2.header2-heading { padding: 30px 30px 0 30px; }
.free-condoms .header2 { padding: 30px 30px 50px 30px; }
.free-condoms .header2 .header2-left, .free-condoms .header2 .header2-right { height: 120px; padding-left: 150px; }
.free-condoms .header2 .header2-left:before, .free-condoms .header2 .header2-right:before { width: 120px; height: 120px; background-size: 120px 120px; border: 2px solid #4f3455; }
.free-condoms .header4 .header4-right { padding-left: 30px; }
.free-condoms .header4 .header4-left { width: 270px; }
.free-condoms .header5 h2 { font-size: 3em; }
.free-condoms .header6 { padding: 20px 30px 30px 30px; }
.free-condoms .header6 .header6-left, .free-condoms .header6 .header6-center, .free-condoms .header6 .header6-right { padding: 0 10px 0 110px; }
.free-condoms #main .header6 p { font-size: 1.5em; }
}
@media screen and (max-width: 768px) {
.free-condoms #main h1 { padding-left: 20px; }
.free-condoms a.button { min-width: 0; padding: 4px 30px 6px 30px; }
.free-condoms .header1 { display: block; }
.free-condoms .header1 .header1-left { width: 100%; display: block; padding: 20px; }
.free-condoms .header1 .header1-right { width: 100%; display: block; padding: 0 0 40% 0; }
.free-condoms h2.header2-heading { padding: 30px 20px 0 20px; }
.free-condoms .header2 { display: block; padding: 30px 20px 20px 20px; }
.free-condoms .header2 .header2-left, .free-condoms .header2 .header2-right { width: 100%; display: block; padding: 10px 0 0 150px; height: auto; min-height: 150px; }
.free-condoms .header4 { padding: 0 20px 40px 20px; }
.free-condoms .header5 { padding: 20px 20px 0 20px; }
.free-condoms .header5 h2 { font-size: 2.7em; }
.free-condoms .header6 { display: block; padding: 20px 20px 30px 20px; }
.free-condoms .header6 .header6-left, .free-condoms .header6 .header6-center, .free-condoms .header6 .header6-right { width: 100%; display: table; height: 100px; }
.free-condoms #main .header6 p { display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 1.6em; }
.free-condoms .header6 .header6-left, .free-condoms .header6 .header6-center { margin-bottom: 20px; }
}
@media screen and (max-width: 650px) {
.free-condoms .header4 .header4-left { width: 200px; }
.free-condoms .header4 .header4-right { padding-left: 20px; }
}
@media screen and (max-width: 600px) {
.free-condoms a.button { padding: 4px 20px 6px 20px; }
.free-condoms .header2 .header2-left, .free-condoms .header2 .header2-right { padding-left: 120px; padding-top: 5px; min-height: 140px; }
.free-condoms .header2 .header2-left:before, .free-condoms .header2 .header2-right:before { width: 90px; height: 90px; background-size: 90px 90px; }
.free-condoms h2.header2-heading { font-size: 3em; }
.free-condoms .header4 { display: block; }
.free-condoms .header4 .header4-left { width: 100%; display: block; }
.free-condoms .header4 .header4-right { width: 100%; display: block; padding: 20px 0 0 0; }
.free-condoms .header4 .header4-left img { max-width: 250px; }
.free-condoms .header5 { text-align: left; padding: 15px 30px 0 30px; }
.free-condoms .header5 h2 { font-size: 2.3em; float: none; }
.free-condoms .header5 p { float: none;margin: 10px 0 10px 0; }
}
@media screen and (max-width: 430px) {
.free-condoms .header2 .header2-left { padding-left: 110px; min-height: 160px; }
.free-condoms .header2 .header2-right { padding-left: 110px; min-height: 120px; }

}




/* --- Drugs, alcohol and sex --- */
.drugs-alcohol-and-sex #main { padding-bottom: 50px; }
.drugs-alcohol-and-sex #main .inner { padding: 0; min-height: 0; }
.drugs-alcohol-and-sex #main h1 { padding: 20px 30px 25px 30px; margin: 0; line-height: 1; color: #023564; }
.drugs-alcohol-and-sex a { text-decoration: none; color: #2caeca; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.drugs-alcohol-and-sex a:hover { color: #023564; }

.drugs-alcohol-and-sex .header1 { display: table; width: 100%; padding: 0; height: 500px; background: #023564; }
.drugs-alcohol-and-sex .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.drugs-alcohol-and-sex .header1 .header1-left p { color: #fff; font-size: 1.8em; margin: 0 0 20px 0; }
.drugs-alcohol-and-sex .header1 .header1-left p:last-child { margin: 0; }
.drugs-alcohol-and-sex .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/drugs-alcohol-and-sex/header1.jpg) center center no-repeat; background-size: cover; }

.drugs-alcohol-and-sex .header2-heading { padding: 30px 30px 10px 30px; }
.drugs-alcohol-and-sex .header2-heading h2 { font-size: 2em; color: #023564; text-align: center; line-height: 1.5; max-width: 910px; margin: 20px auto 0 auto; }

.drugs-alcohol-and-sex .header3 { display: table; width: 100%; padding: 30px 50px; }
.drugs-alcohol-and-sex .header3 .header3-left, .drugs-alcohol-and-sex .header3 .header3-right { height: 210px; width: 50%; display: table-cell; vertical-align: middle; position: relative; }
.drugs-alcohol-and-sex .header3 .header3-left { padding: 0 30px 0 250px; }
.drugs-alcohol-and-sex .header3 .header3-right { padding: 0 0 0 280px; }
.drugs-alcohol-and-sex .header3 p { font-size: 1.6em; line-height: 1.4; }
.drugs-alcohol-and-sex .header3 .header3-left:before, .drugs-alcohol-and-sex .header3 .header3-right:before { position: absolute; top: 0; width: 210px; height: 210px; display: inline-block; content: ''; border: 4px solid #2caeca; border-radius: 50%; }
.drugs-alcohol-and-sex .header3 .header3-left:before { left: 0; }
.drugs-alcohol-and-sex .header3 .header3-right:before { left: 30px; }
.drugs-alcohol-and-sex .header3 .header3-left.one:before { background: url(/img/drugs-alcohol-and-sex/header3a.jpg) -4px -4px no-repeat; background-size: 210px 210px; }
.drugs-alcohol-and-sex .header3 .header3-right.two:before { background: url(/img/drugs-alcohol-and-sex/header3b.jpg) -4px -4px no-repeat; background-size: 210px 210px; }
.drugs-alcohol-and-sex .header3 .header3-left.three:before { background: url(/img/drugs-alcohol-and-sex/header3c.png) -4px -4px no-repeat; background-size: 210px 210px; }
.drugs-alcohol-and-sex .header3 .header3-right.four:before { background: url(/img/drugs-alcohol-and-sex/header3d.png) -4px -4px no-repeat; background-size: 210px 210px; }

.drugs-alcohol-and-sex .header4 { position: relative; padding: 90px 60px 100px 300px }
.drugs-alcohol-and-sex .header4:before { position: absolute; top: 70px; left: 105px; width: 125px; height: 125px; display: inline-block; content: ''; background: url(/img/drugs-alcohol-and-sex/header4.png) 0 0 no-repeat; background-size: 125px 125px; }
.drugs-alcohol-and-sex .header4 p { margin: 0 0 4px 0; padding: 0; font-size: 1.9em; line-height: 1.2 }

@media screen and (max-width: 1400px) {
.drugs-alcohol-and-sex .header1 { height: auto; }
.drugs-alcohol-and-sex .header1 .header1-left p { font-size: 1.7em; padding-top: 0; }
}
@media screen and (max-width: 1200px) {
.drugs-alcohol-and-sex .header3 .header3-left, .drugs-alcohol-and-sex .header3 .header3-right { height: 170px; }
.drugs-alcohol-and-sex .header3 .header3-left { padding-left: 200px; padding-right: 20px; }
.drugs-alcohol-and-sex .header3 .header3-right { padding-left: 220px; }
.drugs-alcohol-and-sex .header3 .header3-left:before, .drugs-alcohol-and-sex .header3 .header3-right:before { width: 170px; height: 170px; }
.drugs-alcohol-and-sex .header3 .header3-right:before { left: 20px; }
.drugs-alcohol-and-sex .header3 .header3-left.one:before,
.drugs-alcohol-and-sex .header3 .header3-right.two:before,
.drugs-alcohol-and-sex .header3 .header3-left.three:before,
.drugs-alcohol-and-sex .header3 .header3-right.four:before { background-size: 170px 170px; }
.drugs-alcohol-and-sex .header4 { padding: 50px 60px 100px 250px; }
.drugs-alcohol-and-sex .header4:before { top: 40px; left: 95px; width: 110px; height: 110px; background-size: 110px 110px; }
}
@media screen and (max-width: 1100px) {
.drugs-alcohol-and-sex .header1 .header1-left { padding: 30px 60px; }
.drugs-alcohol-and-sex .header3 { padding: 30px 50px 0 50px; }
.drugs-alcohol-and-sex .header3 .header3-left:before, .drugs-alcohol-and-sex .header3 .header3-right:before { width: 140px; height: 140px; }
.drugs-alcohol-and-sex .header3 .header3-left, .drugs-alcohol-and-sex .header3 .header3-right { height: 140px; vertical-align: top; }
.drugs-alcohol-and-sex .header3 .header3-left.one:before,
.drugs-alcohol-and-sex .header3 .header3-right.two:before,
.drugs-alcohol-and-sex .header3 .header3-left.three:before,
.drugs-alcohol-and-sex .header3 .header3-right.four:before { border: 2px solid #2caeca; background-size: 140px 140px !important; }
.drugs-alcohol-and-sex .header3 .header3-left.one:before { background: url(/img/drugs-alcohol-and-sex/header3a.jpg) -2px -2px no-repeat; }
.drugs-alcohol-and-sex .header3 .header3-right.two:before { background: url(/img/drugs-alcohol-and-sex/header3b.jpg) -2px -2px no-repeat; }
.drugs-alcohol-and-sex .header3 .header3-left.three:before { background: url(/img/drugs-alcohol-and-sex/header3c.png) -2px -2px no-repeat; }
.drugs-alcohol-and-sex .header3 .header3-right.four:before { background: url(/img/drugs-alcohol-and-sex/header3d.png) -2px -2px no-repeat; }
.drugs-alcohol-and-sex .header3 .header3-left { padding-left: 165px; }
.drugs-alcohol-and-sex .header3 .header3-right { padding-left: 185px; }
.drugs-alcohol-and-sex .header4 { padding: 50px 60px 70px 215px; }
.drugs-alcohol-and-sex .header4:before { left: 75px }
}

@media screen and (max-width: 1000px) {
.drugs-alcohol-and-sex .header1 .header1-left { padding: 60px; }
.drugs-alcohol-and-sex .header1 .header1-right { background: url(/img/drugs-alcohol-and-sex/header1b.jpg) center center no-repeat; background-size: cover; }
}



@media screen and (max-width: 970px) {
.drugs-alcohol-and-sex .header2-heading h2 { max-width: none; }
}
@media screen and (max-width: 900px) {
.drugs-alcohol-and-sex .header1 .header1-left { padding: 30px; }
.drugs-alcohol-and-sex .header1 .header1-left p { font-size: 1.7em; }
.drugs-alcohol-and-sex .header3 { padding: 30px 25px 0 25px; }
.drugs-alcohol-and-sex .header3 p { font-size: 1.5em; }
.drugs-alcohol-and-sex .header4 { padding: 50px 30px 70px 185px; }
.drugs-alcohol-and-sex .header4:before { left: 45px }
}
@media screen and (max-width: 850px) {
.drugs-alcohol-and-sex .header3 .header3-left:before, .drugs-alcohol-and-sex .header3 .header3-right:before { width: 110px; height: 110px; }
.drugs-alcohol-and-sex .header3 .header3-left, .drugs-alcohol-and-sex .header3 .header3-right { height: 110px; }
.drugs-alcohol-and-sex .header3 .header3-left { padding-left: 135px; }
.drugs-alcohol-and-sex .header3 .header3-right { padding-left: 155px; }
.drugs-alcohol-and-sex .header3 .header3-left.one:before,
.drugs-alcohol-and-sex .header3 .header3-right.two:before,
.drugs-alcohol-and-sex .header3 .header3-left.three:before,
.drugs-alcohol-and-sex .header3 .header3-right.four:before { background-size: 110px 110px !important; }
.drugs-alcohol-and-sex .header4 { padding: 50px 30px 70px 155px; }
.drugs-alcohol-and-sex .header4:before { top: 50px; left: 50px; width: 80px; height: 80px; background-size: 80px 80px; }
}
@media screen and (max-width: 768px) {
.drugs-alcohol-and-sex #main h1 { padding-left: 20px; }
.drugs-alcohol-and-sex .header1 { display: block; }
.drugs-alcohol-and-sex .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.drugs-alcohol-and-sex .header1 .header1-right { width: 100%; display: block; padding: 0 0 52% 0; background: url(/img/drugs-alcohol-and-sex/header1c.jpg) center center no-repeat; background-size: cover; }
.drugs-alcohol-and-sex .header1 .header1-left p { font-size: 1.7em; }
.drugs-alcohol-and-sex .header2-heading { padding: 30px 20px 50px 20px; }
.drugs-alcohol-and-sex .header2-heading h2 { font-size: 1.8em; line-height: 1.4; margin: 0; text-align: left; }

.drugs-alcohol-and-sex .header3 {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; }
.drugs-alcohol-and-sex .header3 .header3-left, .drugs-alcohol-and-sex .header3 .header3-right { display: table; height: auto; padding: 0 0 40px 130px; width: 100%; }
.drugs-alcohol-and-sex .header3 .header3-right:before { left: 0; }
.drugs-alcohol-and-sex .header3 p { display: table-cell; vertical-align: middle; height: 110px; padding: 0; }
.drugs-alcohol-and-sex .header4 { padding: 0 20px 40px 150px; }
.drugs-alcohol-and-sex .header4 p { font-size: 1.7em; }
.drugs-alcohol-and-sex .header4:before { top: 0; left: 45px; }
}
@media screen and (max-width: 450px) {
.drugs-alcohol-and-sex .header2-heading { padding: 30px 20px 40px 20px; }
.drugs-alcohol-and-sex .header3, .drugs-alcohol-and-sex .header3 p { display: block; height: auto; }
.drugs-alcohol-and-sex .header3 .header3-left, .drugs-alcohol-and-sex .header3 .header3-right { display: block; padding: 115px 0 30px 0; }
.drugs-alcohol-and-sex .header3 .header3-left:before, .drugs-alcohol-and-sex .header3 .header3-right:before { width: 100px; height: 100px; }
.drugs-alcohol-and-sex .header3 .header3-left.one:before,
.drugs-alcohol-and-sex .header3 .header3-right.two:before,
.drugs-alcohol-and-sex .header3 .header3-left.three:before,
.drugs-alcohol-and-sex .header3 .header3-right.four:before { background-size: 100px 100px !important; }
.drugs-alcohol-and-sex .header4 { padding: 95px 20px 40px 20px; }
.drugs-alcohol-and-sex .header4:before { left: 20px; }
}



/* --- Friendly Advice on Visiting a Clinic --- */
.visiting-a-clinic #main { padding-bottom: 50px; }
.visiting-a-clinic #main .inner { padding: 0; min-height: 0; }
.visiting-a-clinic #main h1 { color: #b81355; padding: 30px 30px 30px 60px; font-size: 3.2em; margin: 0; line-height: 1; }

.visiting-a-clinic .header1 { display: table; height: 468px; width: 100%; padding: 0; background: #b81355; }
.visiting-a-clinic .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.visiting-a-clinic .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/visiting-a-clinic/header1.jpg) top 28% left no-repeat; background-size: cover; }
.visiting-a-clinic .header1 .header1-left h2 { color: #fff; font-size: 2em; line-height: 1.5; margin: 0; padding: 0 0 25px 0; }
.visiting-a-clinic .header1 .header1-left p { font-size: 1.55em; line-height: 1.3; margin: 0; color: #fff; padding: 0 0 25px 0; }
.visiting-a-clinic .header1 .header1-left blockquote { margin: 0; padding-left: 0; border-left: none; }
.visiting-a-clinic .header1 .header1-left blockquote p { font-style: italic; margin: 0; padding: 0 0 15px 0; }
.visiting-a-clinic .header1 .header1-left p.last { padding: 0; }

.visiting-a-clinic .header2 { display: table; height: 506px; width: 100%; padding: 0; background: #4d3356; }
.visiting-a-clinic .header2 .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/visiting-a-clinic/header2.jpg) bottom center no-repeat; background-size: cover; }
.visiting-a-clinic .header2 .header2-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.visiting-a-clinic .header2 .header2-right h2 { color: #fff; font-size: 3.7em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }
.visiting-a-clinic .header2 .header2-right p { font-size: 1.95em; line-height: 1.5; margin: 0; padding: 0; color: #fff; }

.visiting-a-clinic .header3 { display: table; width: 780px; padding: 45px 0 35px 0; margin: auto; }
.visiting-a-clinic .header3 .header3-left { width: 285px; display: table-cell; padding: 0 25px 0 0; vertical-align: top; }
.visiting-a-clinic .header3 .header3-right { width: auto; display: table-cell; padding: 0 0 0 25px; vertical-align: top; }
.visiting-a-clinic .header3 .header3-right p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0; }
.visiting-a-clinic .header3 .header3-right p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0; }
.visiting-a-clinic .header3 .header3-right a.button { margin-top: 20px; font-size: 1em; background: #b81355; line-height: 1.5; min-width: 235px; text-align: center; display: inline-block; border-radius: 8px; padding: 7px 20px 10px 20px; color: #fff; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.visiting-a-clinic .header3 .header3-right a.button:hover { background: #8c0034; }

.visiting-a-clinic .header4 { width: 100%; padding: 0; background: #b81355; }
.visiting-a-clinic .header4-inner { max-width: 980px; margin: auto; padding: 30px 30px 60px 30px; }
.visiting-a-clinic .header4 h2 { color: #fff; font-size: 3.9em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; text-align: center; }
.visiting-a-clinic .header4 p { text-align: center; font-size: 2em; line-height: 1.2; margin: 0; padding: 10px 0 0 0; color: #fff; }
.visiting-a-clinic .video-cont { text-align: center; }
.visiting-a-clinic .header4 p a { color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.visiting-a-clinic .header4 p a:hover { color: #fd8a02; }
@media screen and (max-width: 1400px) {
.visiting-a-clinic #main p { font-size: 1.7em; }
.visiting-a-clinic .header1 { height: auto; }
.visiting-a-clinic .header2 { height: 440px; }
.visiting-a-clinic .header2 .header2-right h2 { font-size: 3.4em; }
.visiting-a-clinic .header2 .header2-right p { font-size: 1.8em; }
}
@media screen and (max-width: 1200px) {
.visiting-a-clinic #main h1 { padding-left: 30px; }
.visiting-a-clinic .header1 .header1-left { padding: 30px; }
.visiting-a-clinic .header1 .header1-left h2 { font-size: 1.8em; }
.visiting-a-clinic .header2 .header2-left { background: url(/img/visiting-a-clinic/header2.jpg) bottom -20px center no-repeat; }
.visiting-a-clinic .header2 .header2-right { padding: 30px; }
.visiting-a-clinic .header2 .header2-right h2 { font-size: 2.7em; padding: 0 0 15px 0; }
.visiting-a-clinic .header2 .header2-right p { font-size: 1.6em; }
.visiting-a-clinic .header4 h2 { font-size: 3.6em; }
}
@media screen and (max-width: 1100px) {
.visiting-a-clinic .header1 .header1-left h2 { font-size: 1.6em; line-height: 1.3; padding: 0 0 10px 0; }
.visiting-a-clinic #main .header1 .header1-left blockquote p { font-size: 1.6em; padding: 0 0 8px 0; }
.visiting-a-clinic .header1 .header1-left p { padding: 0 0 10px 0; }
}
@media screen and (max-width: 950px) {
.visiting-a-clinic .header2 .header2-left { background: url(/img/visiting-a-clinic/header2.jpg) bottom -50px right -70px no-repeat; }
}
@media screen and (max-width: 900px) {
.visiting-a-clinic .header2 .header2-right h2 { font-size: 2.3em; }
.visiting-a-clinic .header3 .header3-left { width: 250px; }
.visiting-a-clinic .header3 .header3-right a.button { padding: 2px 30px 5px 30px; min-width: 0; }
.visiting-a-clinic .header4 h2 { font-size: 3em; }
}
@media screen and (max-width: 850px) {
.visiting-a-clinic .header2 { height: auto; }
.visiting-a-clinic .header3 { width: 100%; padding: 35px 30px 25px 30px; }
.visiting-a-clinic .video-cont { position: relative; padding-bottom: 52%; padding-top: 35px; height: 0; overflow: hidden; }
.visiting-a-clinic .video-cont iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
}
@media screen and (max-width: 800px) {
.visiting-a-clinic #main h1 { padding-left: 20px; }
.visiting-a-clinic .header1 { display: block; }
.visiting-a-clinic .header1 .header1-left { width: 100%; display: block; padding: 20px; }
.visiting-a-clinic .header1 .header1-right { width: 100%; display: block; padding-bottom: 45%; background: url(/img/visiting-a-clinic/header1-mobile.jpg) left center no-repeat; background-size: cover; }
.visiting-a-clinic .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.visiting-a-clinic .header2 .header2-left { display: block; width: 100%; padding-bottom: 57%; order: 2; background: url(/img/visiting-a-clinic/header2.jpg) bottom -30px center no-repeat; background-size: cover; }
.visiting-a-clinic .header2 .header2-right { display: block; width: 100%; padding: 20px; order: 1; }
.visiting-a-clinic .header3 .header3-left { width: 230px; padding-right: 10px; }
.visiting-a-clinic .header3 .header3-right { padding-left: 10px; }
.visiting-a-clinic .header3 .header3-right p { line-height: 1.4; }
.visiting-a-clinic .header4-inner { margin: auto; padding: 30px 20px 60px 20px; }
.visiting-a-clinic .header4 h2 { font-size: 2.4em; }
}
@media screen and (max-width: 600px) {
.visiting-a-clinic .header2 .header2-left { padding-bottom: 65%; background: url(/img/visiting-a-clinic/header2.jpg) bottom center no-repeat; background-size: cover; }
.visiting-a-clinic .header3 { display: block; padding: 20px;}
.visiting-a-clinic .header3 .header3-left, .visiting-a-clinic .header3 .header3-right { width: 100%; display: block; padding: 0 0 10px 0; }
.visiting-a-clinic .header4 h2 { font-size: 2.2em; }
}
@media screen and (max-width: 550px) {
.visiting-a-clinic .header4 h2 { font-size: 2.2em; }
.visiting-a-clinic .header4 h2 span { display: block; }
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.visiting-a-clinic .header2 .header2-left { background: url(/img/visiting-a-clinic/header2.jpg) bottom -20px right -80px no-repeat; }
}





/* --- Drug facts --- */
.drug-facts #main { padding-bottom: 50px; }
.drug-facts #main .inner { padding: 0; min-height: 0; }
.drug-facts #main h1 { padding: 20px 30px 25px 30px; margin: 0; line-height: 1; color: #023564; }
.drug-facts #main a.button { margin: 10px 0 0 0; font-size: 1em; background: #b81355; line-height: 1.5; min-width: 210px; text-align: center; display: inline-block; border-radius: 8px; padding: 7px 20px 10px 20px; color: #fff; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.drug-facts #main a.button:hover { background: #860035; }

.drug-facts #main p.linebreak1 { margin: 0; }
.drug-facts #main p.linebreak2 { margin: 0; padding: 0; }
.drug-facts #main a { text-decoration: none; }

.drug-facts .header1 { display: table; width: 100%; padding: 0; height: 435px; background: #023564; }
.drug-facts .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px;vertical-align: middle; }
.drug-facts .header1 .header1-left p { color: #fff; font-size: 1.9em; }
.drug-facts .header1 .header1-left p span { text-transform: uppercase; }
.drug-facts .header1 .header1-right { width: auto; display: table-cell; padding: 0; background: url(/img/drug-facts/header1.jpg) right center no-repeat; background-size: cover; }

.drug-facts .header2 { display: table; width: 100%; padding: 50px 25px 0 25px; }
.drug-facts .header2-cell { width: 33.33%; display: table-cell;  padding: 0; vertical-align: top; text-align: center; }
.drug-facts .header2-cell h2 { color: #2caeca; font-size: 3em; letter-spacing: 0.02em; text-transform: uppercase; padding: 0 0 10px 0; }
.drug-facts .header2-cell img { display: inline-block; border-radius: 50%; border: 9px solid #2caeca; }
.drug-facts .header2-cell p { padding: 30px 35px 0 35px; margin: 0; }
.drug-facts .header2-heading { padding: 30px 30px 40px 30px; }
.drug-facts .header2-heading h2 { font-size: 2.1em; color: #023564; text-align: center; }

.drug-facts .header3 { display: table; width: 100%; padding: 0; height: 472px; background: #023564 ; }
.drug-facts .header3 .header3-left { width: auto; display: table-cell; padding: 0; background: url(/img/drug-facts/header3.jpg) right center no-repeat; background-size: cover; }
.drug-facts .header3 .header3-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.drug-facts .header3 .header3-right h2 { color: #fff; font-size: 3em; }
.drug-facts .header3 .header3-right p { color: #fff; font-size: 1.9em; }

.drug-facts .header4 { display: table; width: 100%; padding: 0; height: 407px; background: #b81355; }
.drug-facts .header4 .header4-left { width: 50%; display: table-cell;  padding: 60px;vertical-align: middle; }
.drug-facts .header4 .header4-left h2 { color: #fff; font-size: 3em; }
.drug-facts .header4 .header4-left p { color: #fff; font-size: 1.9em; }
.drug-facts .header4 .header4-right { width: auto; display: table-cell; padding: 0; background: url(/img/drug-facts/header4.jpg) right center no-repeat; background-size: cover; }
.drug-facts .header4 .header4-left a { color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.drug-facts .header4 .header4-left a:hover { color: #fd8a02; }

.drug-facts .header5 { padding: 0 30px; }
.drug-facts .header5 h2 { font-size: 3.32em; text-align: center; color: #000; margin: 0; padding: 40px 0; }

.drug-facts .header6 { display: table; width: 900px; padding: 0 0 35px 0; margin: 0 auto; }
.drug-facts .header6 .header6-left { width: 370px; display: table-cell; padding: 13px 0 0 0; vertical-align: top; }
.drug-facts .header6 .header6-right { width: auto; display: table-cell; padding: 0 0 0 20px; vertical-align: top; }
.drug-facts .header6 p { font-size: 1.9em; }
.drug-facts .header6 p a { color: #b81355; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.drug-facts .header6 p a:hover { color: #fd8a02; }

.drug-facts .header7 { display: table; width: 900px; padding: 0 0 60px 0; margin: 0 auto; }
.drug-facts .header7 .header7-left { width: 366px; display: table-cell; padding: 13px 0 0 0; vertical-align: top; }
.drug-facts .header7 .header7-right { width: auto; display: table-cell; padding: 0 0 0 20px; vertical-align: top; }
.drug-facts .header7 p { font-size: 1.9em; }
.drug-facts .header7 p a { color: #b81355; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.drug-facts .header7 p a:hover { color: #fd8a02; }

@media screen and (max-width: 1400px) {
.drug-facts .header1 { height: auto; }
.drug-facts .header1 .header1-right { padding-bottom: 32%; background: url(/img/drug-facts/header1.jpg) right 22% center no-repeat; background-size: cover; }
.drug-facts .header3 { height: auto; }
.drug-facts .header4 { height: auto; }
}
@media screen and (max-width: 1200px) {
.drug-facts #main a.button { margin-top: 15px; font-size: 0.9em; min-width: 160px; }
.drug-facts .header2 { padding: 30px 30px 0 30px; }
.drug-facts .header2-cell img { border: 4px solid #2caeca; width: 150px; }
.drug-facts .header2-cell h2 { padding: 0; font-size: 2.7em; }
.drug-facts .header2-cell p { padding: 20px 25px 0 25px; }
.drug-facts .header5 h2 { font-size: 3em; }
.drug-facts .header6 { width: 820px; }
.drug-facts .header6 .header6-left { width: 290px; }
.drug-facts .header6 .header6-left a img { width: 280px; }
.drug-facts .header7 { width: 820px; }
.drug-facts .header7 .header7-left { width: 286px; }
.drug-facts .header7 .header7-left a img { width: 278px; }
.drug-facts #main a.button { margin: 0; }
}
@media screen and (max-width: 1000px) {
.drug-facts .header1 .header1-right { padding-bottom: 0; background: url(/img/drug-facts/header1.jpg) right 33% center no-repeat; background-size: cover; }
.drug-facts .header2-cell img { width: 130px; }
.drug-facts #main a.button { min-width: 0; padding: 4px 30px 6px 30px; }
.drug-facts .header5 h2 { font-size: 2.7em; padding: 30px 0; }
.drug-facts .header6 { width: 750px; }
.drug-facts .header6 .header6-left { width: 260px; }
.drug-facts .header6 .header6-left a img { width: 250px; }
.drug-facts .header7 { width: 750px; }
.drug-facts .header7 .header7-left { width: 256px; }
.drug-facts .header7 .header7-left a img { width: 248px; }
}
@media screen and (max-width: 900px) {
.drug-facts .header1 .header1-left { padding: 30px; }
.drug-facts .header1 .header1-left p { font-size: 1.8em; }
.drug-facts .header2 { padding: 30px 15px 0 15px; }
.drug-facts .header2-cell p { padding: 20px 15px 0 15px; }
.drug-facts .header3 .header3-right p { font-size: 1.8em; }
.drug-facts .header3 .header3-right { padding: 30px; }
.drug-facts .header4 .header4-left p { font-size: 1.8em; }
.drug-facts .header4 .header4-left { padding: 30px; }
.drug-facts .header5 h2 { font-size: 2.3em; }
.drug-facts .header6 { width: 708px; }
.drug-facts .header6 .header6-left { width: 210px; }
.drug-facts .header6 .header6-left a img { width: 200px; }
.drug-facts .header6 p { font-size: 1.8em; }
.drug-facts .header7 { width: 708px; }
.drug-facts .header7 .header7-left { width: 206px; }
.drug-facts .header7 .header7-left a img { width: 198px; }
.drug-facts .header7 p { font-size: 1.8em; }
}
@media screen and (max-width: 768px) {
.drug-facts #main h1 { padding-left: 20px; }
.drug-facts .header1 { display: block; }
.drug-facts .header1 .header1-left { width: 100%; display: block; padding: 20px; }
.drug-facts .header1 .header1-right { width: 100%; display: block; padding: 0 0 62% 0; background: url(/img/drug-facts/header1.jpg) right center no-repeat; background-size: cover; }
.drug-facts .header1 .header1-left p { font-size: 1.7em; }
.drug-facts .header2 { display: block; padding: 40px 20px 0 20px; }
.drug-facts .header2 .header2-cell { width: 100%; display: block; padding: 0 0 40px 0; text-align: left; min-height: 190px; }
.drug-facts .header2-cell h2 { padding: 0 0 0 180px; font-size: 2.1em; margin: 0; }
.drug-facts .header2 .header2-cell img { display: none; }
.drug-facts .header2-cell p { padding: 5px 0 0 180px; position: relative; }
.drug-facts .header2-cell p:before { position: absolute; top: -30px; left: 0; width: 150px; height: 150px; display: inline-block; content: ''; border: 2px solid #2caeca; border-radius: 50%; }
.drug-facts .header2-cell.one p:before { background: url(/img/drug-facts/header2a.jpg) 0 0 no-repeat; background-size: 150px 150px;  }
.drug-facts .header2-cell.two p:before { background: url(/img/drug-facts/header2b.jpg) 0 0 no-repeat; background-size: 150px 150px; }
.drug-facts .header2-cell.three p:before { background: url(/img/drug-facts/header2c.jpg) 0 0 no-repeat; background-size: 150px 150px; }
.drug-facts .header2-cell.three { min-height: 150px; }
.drug-facts .header2-heading { padding: 30px 20px 30px 20px; }
.drug-facts .header2-heading h2 { font-size: 1.9em; text-align: left; }
.drug-facts .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.drug-facts .header3 .header3-left { width: 100%; display: block; order: 2; padding: 0 0 47% 0; background: url(/img/drug-facts/header3.jpg) right bottom -50px no-repeat; background-size: cover; }
.drug-facts .header3 .header3-right { width: 100%; display: block; padding: 20px; order: 1; }
.drug-facts .header3 .header3-right h2 { font-size: 2.3em; }
.drug-facts .header3 .header3-right p { font-size: 1.7em; padding: 0; }
.drug-facts .header4 { display: block; }
.drug-facts .header4 .header4-left { width: 100%; display: block; padding: 20px; }
.drug-facts .header4 .header4-right { width: 100%; display: block; padding: 0 0 52% 0; background: url(/img/drug-facts/header4.jpg) right bottom -50px no-repeat; background-size: cover; }
.drug-facts .header4 .header4-left h2 { font-size: 2.3em; }
.drug-facts .header4 .header4-left p { font-size: 1.7em; padding: 0; }
.drug-facts .header5 { padding: 0 20px; }
.drug-facts .header5 h2 { font-size: 2em; text-align: left; }
.drug-facts .header6 { width: 100%; padding-left: 20px; padding-right: 20px; }
.drug-facts .header6 .header6-left { width: 180px; }
.drug-facts .header6 .header6-left a img { width: 170px; }
.drug-facts .header6 p { font-size: 1.7em; }
.drug-facts .header7 { width: 100%; padding-left: 20px; padding-right: 20px; }
.drug-facts .header7 .header7-left { width: 176px; }
.drug-facts .header7 .header7-left a img { width: 168px; }
.drug-facts .header7 p { font-size: 1.7em; }
}
@media screen and (max-width: 600px) {
.drug-facts .header2-cell h2 { padding: 0 0 0 120px;}
.drug-facts .header2-cell p { padding: 5px 0 0 120px; }
.drug-facts .header2-cell p:before { top: -30px; width: 100px; height: 100px; }
.drug-facts .header2-cell.one p:before { background: url(/img/drug-facts/header2a.jpg) 0 0 no-repeat; background-size: 100px 100px;  }
.drug-facts .header2-cell.two p:before { background: url(/img/drug-facts/header2b.jpg) 0 0 no-repeat; background-size: 100px 100px; }
.drug-facts .header2-cell.three p:before { background: url(/img/drug-facts/header2c.jpg) 0 0 no-repeat; background-size: 100px 100px; }
}
@media screen and (max-width: 550px) {
.drug-facts .header6 { display: block; padding-bottom: 50px; }
.drug-facts .header6 .header6-left { width: 100%; display: block; }
.drug-facts .header6 .header6-left a img { width: 210px; }
.drug-facts .header6 .header6-right { width: 100%; display: block; padding: 10px 0 0 0; }
.drug-facts .header7 { padding: 0 20px 30px 20px; }
.drug-facts .header7 .header7-left { width: 100%; display: block; }
.drug-facts .header7 .header7-left a img { width: 220px; }
.drug-facts .header7 .header7-right { width: 100%; display: block; padding: 10px 0 0 0; }
}
@media screen and (max-width: 450px) {
.drug-facts .header2 { padding: 60px 20px 0 20px; }
.drug-facts .header2 .header2-cell { padding: 80px 0 80px 0; min-height: 0; position: relative; }
.drug-facts .header2 .header2-cell:before { position: absolute; top: -30px; left: 0; width: 100px; height: 100px; display: inline-block; content: ''; border: 2px solid #2caeca; border-radius: 50%; }
.drug-facts .header2 .header2-cell.one:before { background: url(/img/drug-facts/header2a.jpg) 0 0 no-repeat; background-size: 100px 100px;  }
.drug-facts .header2 .header2-cell.two:before { background: url(/img/drug-facts/header2b.jpg) 0 0 no-repeat; background-size: 100px 100px; }
.drug-facts .header2 .header2-cell.three:before { background: url(/img/drug-facts/header2c.jpg) 0 0 no-repeat; background-size: 100px 100px; }
.drug-facts .header2-cell h2 { padding: 0; }
.drug-facts .header2-cell p { padding: 5px 0 0 0; }
.drug-facts .header2-cell p:before { display: none; }
.drug-facts .header2 .header2-cell.three { padding-bottom: 0; }
}


/* Useful contacts */
.useful-contacts #main { padding-bottom: 50px; }
.useful-contacts #main > div.inner:nth-child(1) { padding: 0; min-height: 0; }
.useful-contacts #main h1 { padding: 20px 30px 25px 30px; margin: 0; line-height: 1; }
.useful-contacts #main .inner.categories { padding: 40px 60px; min-height: 0; background: #b81355; }
.useful-contacts .inner.categories ul { margin: 0; padding: 0; }
.useful-contacts .inner.categories ul li { list-style: none; }
.useful-contacts .inner.categories ul li a { text-decoration: none; color: #fff; display: block; width: 30%; margin: 0 5% 0 0; float: left; min-height: 175px; position: relative; padding: 10px 0 0 165px; font-size: 1.2em; line-height: 1.2; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.useful-contacts .inner.categories ul li:nth-child(3n) a { margin-right: 0; }
.useful-contacts .inner.categories ul li a:hover { color: #fd8a02; }
.useful-contacts .inner.categories ul li a span { display: block; padding: 20px 0 0 0; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-size: 0.8em; max-width: 140px;}
.useful-contacts .inner.categories ul li a span.subtitle { font-size: 0.9em; max-width: none; padding: 4px 0 0 0; }

.useful-contacts .inner.categories ul li a:before { position: absolute; top: 0; left: 0; width: 134px; height: 134px; display: inline-block; content: ''; border-radius: 50%; }
.useful-contacts .inner.categories ul li.free-helplines a:before { background: #fff url(/img/useful-contacts/free-helplines.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.child-protection a:before { background: #fff url(/img/useful-contacts/child-protection.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.sexual-health-relationship a:before { background: #fff url(/img/useful-contacts/sexual-health-relationship.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.lgbtq a:before { background: #fff url(/img/useful-contacts/lgbtq.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.drugs-alcohol a:before { background: #fff url(/img/useful-contacts/drugs-alcohol.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.emotional-health a:before { background: #fff url(/img/useful-contacts/emotional-health.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.general a:before { background: #fff url(/img/useful-contacts/general.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.contraception a:before { background: #fff url(/img/useful-contacts/contraception.png) center center no-repeat; background-size: 134px 134px; }
.useful-contacts .inner.categories ul li.pregnancy a:before { background: #fff url(/img/useful-contacts/pregnancy.png) center center no-repeat; background-size: 134px 134px; }

.useful-contacts h2 a { display: block; position: relative; padding: 145px 0 0 0; }
.useful-contacts h2 a:before { position: absolute; width: 134px; height: 134px; display: inline-block; content: ''; }
.useful-contacts h2 a#free-helplines:before { top: 0; left: -9px; background: url(/img/useful-contacts/free-helplines.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#child-protection:before { top: 17px; left: -17px; background: url(/img/useful-contacts/child-protection.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#sexual-health-relationship:before { top: 20px; left: -12px; background: url(/img/useful-contacts/sexual-health-relationship.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#lgbtq:before { top: 8px; left: -4px; background: url(/img/useful-contacts/lgbtq.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#drugs-alcohol:before { top: 10px; left: -24px; background: url(/img/useful-contacts/drugs-alcohol.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#emotional-health:before { top: 10px; left: -9px; background: url(/img/useful-contacts/emotional-health.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#general:before { top: 25px; left: -20px; background: url(/img/useful-contacts/general.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#contraception:before { top: 7px; left: -41px; background: url(/img/useful-contacts/contraception.png) 0 0 no-repeat; background-size: 134px 134px; }
.useful-contacts h2 a#pregnancy:before { top: 19px; left: -24px; background: url(/img/useful-contacts/pregnancy.png) 0 0 no-repeat; background-size: 134px 134px; }

.useful-contacts .title { display: table; width: 100%; }
.useful-contacts .title h2 { display: table-cell; width: auto; vertical-align: bottom; }
.useful-contacts .title h2 span { display: block; padding: 2px 0 0 0; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-size: 0.8em; }
.useful-contacts .title a.biglink { display: table-cell; width: 90px; text-align: right; vertical-align: bottom; padding: 0; margin: 0; font-size: 0.8em; }
.useful-contacts .main .title a.biglink:before { right: 15px; top: auto; bottom: 24px; left: auto; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }

@media screen and (max-width: 1400px) {
.useful-contacts .inner.categories ul li a:before { background-size: 100px 100px !important; width: 110px; height: 110px; }
.useful-contacts .inner.categories ul li a { padding-left: 135px; font-size: 1.1em; }
.useful-contacts .inner.categories ul li a span.subtitle { font-size: 0.85em; }
}
@media screen and (max-width: 1200px) {
.useful-contacts #main .inner.categories { padding: 20px 30px; }
.useful-contacts .inner.categories ul li a:before { background-size: 80px 80px !important; width: 90px; height: 90px; }
.useful-contacts .inner.categories ul li a { padding-left: 110px; min-height: 155px; }
}
@media screen and (max-width: 900px) {
.useful-contacts .inner.categories ul li a, .useful-contacts .inner.categories ul li:nth-child(3n) a { width: 47%; margin-right: 6%; }
.useful-contacts .inner.categories ul li:nth-child(2n) a { margin-right: 0; }
.useful-contacts .inner.categories ul li a span { padding: 10px 0 0 0; }
.useful-contacts .title h2 { font-size: 2.3em; }
}
@media screen and (max-width: 600px) {
.useful-contacts #main .inner.categories { padding: 20px; }
.useful-contacts .inner.categories ul li a, .useful-contacts .inner.categories ul li:nth-child(3n) a { width: 100%; margin-right: 0; min-height: 125px; }
.useful-contacts .inner.categories ul li a:before { background-size: 60px 60px !important; width: 70px; height: 70px; }
.useful-contacts .inner.categories ul li a { padding-left: 90px; min-height: 110px; padding-bottom: 20px; }
.useful-contacts .title h2 { font-size: 2em; }
.useful-contacts .title a.biglink { font-size: 1.1em; }
.useful-contacts .main .title a.biglink:before { width: 21px; height: 21px; background-position: 7px -33px; background-size: 18px auto; right: 19px; bottom: 20px; }
.useful-contacts h2 a { padding: 105px 0 0 0; }
.useful-contacts h2 a:before { background-size: 100px 100px !important; width: 110px; height: 110px; }
.useful-contacts h2 a#free-helplines:before { top: 6px; left: -8px; }
.useful-contacts h2 a#child-protection:before { left: -12px; }
.useful-contacts h2 a#general:before { top: 18px; left: -17px; }
.useful-contacts h2 a#contraception:before { left: -32px; }
.useful-contacts h2 a#pregnancy:before { top: 15px; left: -19px; }
}
@media screen and (max-width: 500px) {
.useful-contacts .inner.categories ul li a { font-size: 1.05em; }
.hourstable th { width: 110px; }
}





/* /services/croydon page only */
.cshsic-line { border-top: 1px solid #bbb; padding: 0; margin: 30px 0; }
.cshsic { background: #fff5d6; padding: 10px 15px 20px 15px; }
.cshsic h3 { font-size: 1.9em; line-height: 1.2; margin: 0 0 5px 0; color: #660a2f; }
.cshsic.xanax h3 { margin: 0 0 12px 0; }
.cshsic img { padding: 0; margin: 0 0 20px 0; display: block; -webkit-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.1); }
.cshsic p { margin: 0 0 15px 0; padding: 0; line-height: 1.3; font-size: 1.5em; }
.cshsic a.button { display: inline-block; font-size: 1.5em; padding: 6px 25px; background: #29bab1; color: #fff; text-decoration: none; border-radius: 8px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.cshsic a.button:hover { background: #008c85; }
@media screen and (max-width: 850px) {
.cshsic a.button { font-size: 1.5em; padding: 5px 15px; }
}
@media screen and (min-width: 500px) and (max-width: 660px) {
.cshsic img { display: none; }
.cshsic p { position: relative; padding: 0 190px 0 0; min-height: 65px; margin: 0 0 10px 0; }
.cshsic p:after { position: absolute; top: 0; right: 0; width: 170px; height: 110px; display: inline-block; content: ''; background: url(/assets/misc/croydon-sexual-health.jpg) 0 0 no-repeat; background-size: 170px 110px; }
.cshsic h3 { margin: 0 0 10px 0; font-size: 1.85em; }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
.cshsic h3 span { display: block; }
}



#headerbanners div { display: table; }


/* Alcohol facts  */
.alcohol-facts #main { padding-bottom: 50px; }
.alcohol-facts #main .inner { padding: 20px 0 0 0; min-height: 0; }
.alcohol-facts #main .inner h1 { padding: 0 0 0 30px; color: #023564; }
.alcohol-facts #main p { padding: 0 0 20px 0; margin: 0 }

.alcohol-facts .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 524px; }
.alcohol-facts .header1 .header1-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.alcohol-facts .header1 .header1-left p { color: #fff; font-size: 1.9em; }
.alcohol-facts #main .header1-left p:last-child { padding: 0; }
.alcohol-facts .header1 .header1-right { width: auto; display: table-cell; background: url(/img/alcohol-facts/header1.jpg) right bottom no-repeat; background-size: cover; }

.alcohol-facts .header2 { padding: 0; }
.alcohol-facts .header2 h2 { position: relative; padding: 65px 260px 65px 240px; margin: 0; color: #023564; font-size: 1.9em; line-height: 1.6; text-align: center; }
.alcohol-facts .header2 h2:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 60px; width: 115px; height: 123px ; display: inline-block; content: ''; background: url(/img/alcohol-facts/header2a.png) 0 0 no-repeat; background-size: 115px 123px; }
.alcohol-facts .header2 h2:after { position: absolute; top: 0; bottom: 0; margin: auto; right: 55px; width: 167px; height: 123px ; display: inline-block; content: ''; background: url(/img/alcohol-facts/header2b.png) 0 0 no-repeat; background-size: 167px 123px; }

.alcohol-facts .header3-heading { padding: 0 75px; }
.alcohol-facts .header3-heading h2 { color: #2caeca; font-size: 4em; }

.alcohol-facts .header3 { display: table; width: 100%; padding: 0; height: 270px; }
.alcohol-facts .header3 .header3-left, .alcohol-facts .header3 .header3-right { width: 50%; display: table-cell; vertical-align: middle; }
.alcohol-facts .header3 .header3-left { padding: 0 30px 0 60px; }
.alcohol-facts .header3 .header3-right { padding: 0 75px 0 0; }
.alcohol-facts #main .header3 p { color: #333; font-size: 1.6em; line-height: 1.4; position: relative; padding: 0 0 0 270px; }
.alcohol-facts .header3 .header3-left p:before,
.alcohol-facts .header3 .header3-right p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 229px; height: 229px; display: inline-block; content: ''; border-radius: 50%; border: 9px solid #2caeca; }
.alcohol-facts .header3 .header3-left p:before { background: #7bdfe9 url(/img/alcohol-facts/header3a.png) center center no-repeat; background-size: 220px 220px; }
.alcohol-facts .header3 .header3-right p:before { background: #7bdfe9 url(/img/alcohol-facts/header3b.png) center center no-repeat; background-size: 220px 220px; }

.alcohol-facts .header4 { position: relative; padding: 90px 60px 90px 330px; }
.alcohol-facts .header4:before { position: absolute; top: 62px; left: 170px; width: 125px; height: 125px; display: inline-block; content: ''; background: url(/img/alcohol-facts/header4.png) 0 0 no-repeat; background-size: 125px 125px; }
.alcohol-facts #main .header4 p { font-size: 1.9em; line-height: 1.4; padding: 0; }
.alcohol-facts #main .header4 p span { display: block; }
.alcohol-facts #main .header4 p a { color: #2caeca; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.alcohol-facts #main .header4 p a:hover { color: #222; }

.alcohol-facts .header5-heading { padding: 40px 60px 0 60px; background: #023564; }
.alcohol-facts .header5-heading h2 { color: #fff; font-size: 4em; margin: 0; }

.alcohol-facts .header5 { display: table; width: 100%; padding: 0; background: #023564; height: 385px; }
.alcohol-facts .header5 .header5-left { width: 50%; display: table-cell; padding: 20px 30px 60px 60px; vertical-align: middle; }
.alcohol-facts .header5 .header5-left p { color: #fff; font-size: 1.7em; }
.alcohol-facts #main .header5-left p:last-child { padding: 0; }

.alcohol-facts #main .header5 p a { color: #2caeca; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.alcohol-facts #main .header5 p a:hover { color: #ffd453; }
.alcohol-facts .header5 .header5-right { width: auto; display: table-cell; padding: 0 60px 60px 30px; text-align: center; vertical-align: middle; }

@media screen and (max-width: 1400px) {
.alcohol-facts .header1 { height: auto; }
.alcohol-facts .header1 .header1-left p { font-size: 1.7em; }
.alcohol-facts .header3 { height: 200px; }
.alcohol-facts .header3-heading { padding: 0 60px; }
.alcohol-facts .header3-heading h2 { font-size: 3.3em; }
.alcohol-facts #main .header3 p { padding: 0 0 0 210px; }
.alcohol-facts .header3 .header3-left p:before,
.alcohol-facts .header3 .header3-right p:before { width: 187px; height: 187px; border: 7px solid #2caeca; }
.alcohol-facts .header3 .header3-left p:before { background: #7bdfe9 url(/img/alcohol-facts/header3a.png) center center no-repeat; background-size: 180px 180px; }
.alcohol-facts .header3 .header3-right p:before { background: #7bdfe9 url(/img/alcohol-facts/header3b.png) center center no-repeat; background-size: 180px 180px; }
.alcohol-facts .header5 { height: auto; }
.alcohol-facts .header5-heading h2 { font-size: 3.3em; }
.alcohol-facts .header5 .header5-left p { font-size: 1.7em; }
}
@media screen and (max-width: 1200px) {
.alcohol-facts .header2 h2 { padding: 55px 195px 55px 150px; font-size: 1.8em; line-height: 1.5; }
.alcohol-facts .header2 h2:before { left: 29px; width: 95px; height: 100px ; background: url(/img/alcohol-facts/header2a.png) 0 0 no-repeat; background-size: 95px 100px; }
.alcohol-facts .header2 h2:after { right: 33px; width: 136px; height: 100px ; background: url(/img/alcohol-facts/header2b.png) 0 0 no-repeat; background-size: 136px 100px; }
.alcohol-facts .header3 { height: auto; padding-top: 10px; }
.alcohol-facts #main .header3 p { padding: 0 0 0 150px; }
.alcohol-facts .header3 .header3-left p:before,
.alcohol-facts .header3 .header3-right p:before { width: 125px; height: 125px; border: 5px solid #2caeca; }
.alcohol-facts .header3 .header3-left p:before { background: #7bdfe9 url(/img/alcohol-facts/header3a.png) center center no-repeat; background-size: 120px 120px; }
.alcohol-facts .header3 .header3-right p:before { background: #7bdfe9 url(/img/alcohol-facts/header3b.png) center center no-repeat; background-size: 120px 120px; }
.alcohol-facts .header4 { padding: 90px 60px 90px 210px; }
.alcohol-facts .header4:before { left: 60px; }
}
@media screen and (max-width: 1100px) {
.alcohol-facts .header3 { display: block; }
.alcohol-facts .header3 .header3-left,
.alcohol-facts .header3 .header3-right { padding: 0; display: table; width: 100%; }
.alcohol-facts #main .header3 p { display: table-cell; padding: 0 60px 0 210px; vertical-align: middle; height: 160px; }
.alcohol-facts .header3 .header3-left p:before, .alcohol-facts .header3 .header3-right p:before { left: 55px; }
.alcohol-facts .header4:before { left: 55px; }
}
@media screen and (max-width: 1000px) {
.alcohol-facts .header5 .header5-left { width: 50%; padding: 20px 30px 40px 60px; }
.alcohol-facts .header5 .header5-left { width: 55%; }
}
@media screen and (max-width: 900px) {
.alcohol-facts .header1 .header1-left { padding: 30px; }
.alcohol-facts .header1 .header1-left p { font-size: 1.6em; }
.alcohol-facts .header2 h2 { padding: 55px 165px 55px 130px; font-size: 1.7em; }
.alcohol-facts .header2 h2:before { left: 29px; width: 75px; height: 80px ; background: url(/img/alcohol-facts/header2a.png) 0 0 no-repeat; background-size: 75px 80px; }
.alcohol-facts .header2 h2:after { right: 33px; width: 109px; height: 80px ; background: url(/img/alcohol-facts/header2b.png) 0 0 no-repeat; background-size: 109px 80px; }
.alcohol-facts .header3-heading { padding: 0 30px; }
.alcohol-facts .header3-heading h2 { font-size: 3em; }
.alcohol-facts #main .header3 p { display: table-cell; padding: 0 30px 0 180px; }
.alcohol-facts .header3 .header3-left p:before, .alcohol-facts .header3 .header3-right p:before { left: 25px; }
.alcohol-facts .header4 { padding: 80px 30px 80px 180px; }
.alcohol-facts .header4:before { left: 25px; top: 0; bottom: 0; margin: auto; }
.alcohol-facts #main .header4 p { font-size: 1.6em; }
.alcohol-facts .header5-heading { padding: 20px 30px 0 30px; }
.alcohol-facts .header5-heading h2 { font-size: 3em; }
.alcohol-facts .header5 .header5-left { width: 56%; padding: 15px 15px 30px 30px; }
.alcohol-facts .header5 .header5-left p { font-size: 1.6em; }
.alcohol-facts .header5 .header5-right { padding: 0 30px 30px 15px; }
}

@media screen and (max-width: 768px) {
.alcohol-facts #main .inner h1 { padding: 0 0 0 24px; }
.alcohol-facts .header1 { display: block; padding: 0; }
.alcohol-facts .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.alcohol-facts .header1 .header1-right { width: 100%; display: block; padding: 0 0 50% 0; background: url(/img/alcohol-facts/header1.jpg) center center no-repeat; background-size: cover; }
.alcohol-facts .header2 { height: 250px; display: table; width: 100%; }
.alcohol-facts .header2 h2 { padding: 0 24px 0 160px; text-align: left; display: table-cell; vertical-align: middle; }
.alcohol-facts .header2 h2:before { top: 40px; bottom: auto; }
.alcohol-facts .header2 h2:after { right: auto; left: 20px; top: 130px; bottom: auto; }
.alcohol-facts .header3-heading { padding: 0 24px; }
.alcohol-facts #main .header3 p { padding-right: 24px; }
.alcohol-facts .header4 { padding-right: 24px; }
.alcohol-facts .header5-heading { padding: 20px 24px 0 24px; }
.alcohol-facts .header5 { display: block; padding: 0; }
.alcohol-facts .header5 .header5-left { width: 100%; display: block; padding: 15px 24px 24px 24px; }
.alcohol-facts .header5 .header5-right { width: 100%; display: block; padding: 30px 24px 40px 24px; }
}
@media screen and (max-width: 650px) {
.alcohol-facts #main .header4 p span { display: inline; }
}
@media screen and (max-width: 600px) {
.alcohol-facts .header3-heading h2 { font-size: 2.7em; }
.alcohol-facts .header3 { padding-top: 0; }
.alcohol-facts #main .header3 p { padding: 10px 30px 10px 140px; height: auto; vertical-align: top; }
.alcohol-facts .header3 .header3-left p:before,
.alcohol-facts .header3 .header3-right p:before { width: 92px; height: 92px; border: 2px solid #2caeca; top: 14px; bottom: auto; }
.alcohol-facts .header3 .header3-left p:before { background: #7bdfe9 url(/img/alcohol-facts/header3a.png) center center no-repeat; background-size: 90px 90px;  }
.alcohol-facts .header3 .header3-right p:before { background: #7bdfe9 url(/img/alcohol-facts/header3b.png) center center no-repeat; background-size: 90px 90px; }
.alcohol-facts .header4 { padding: 80px 24px 80px 135px; }
.alcohol-facts .header4:before { width: 92px; height: 92px; background: url(/img/alcohol-facts/header4.png) 0 0 no-repeat; background-size: 92px 92px; }
.alcohol-facts .header5-heading h2 { font-size: 2.7em; }
}
@media screen and (max-width: 500px) {
.alcohol-facts .header2 { height: auto; display: block; }
.alcohol-facts .header2 h2 { padding: 20px 24px 140px 24px;display: block; font-size: 1.6em; }
.alcohol-facts .header2 h2:before { top: auto; bottom: 40px; left: 20px; }
.alcohol-facts .header2 h2:after { top: auto; bottom: 40px; left: 120px; }
.alcohol-facts .header3-heading { padding: 20px 24px 0 24px; }
.alcohol-facts .header3 .header3-left, .alcohol-facts .header3 .header3-right { display: block; }
.alcohol-facts #main .header3 p { display: block; padding: 110px 24px 30px 24px; }
.alcohol-facts .header3 .header3-left p:before, .alcohol-facts .header3 .header3-right p:before { top: 5px; }
.alcohol-facts .header4 { padding: 40px 24px 40px 135px; }
}
@media screen and (max-width: 450px) {
.alcohol-facts .header4 { padding: 120px 24px 40px 24px; }
.alcohol-facts .header4:before { left: 20px; top: 20px; bottom: auto; }
}



/* Peer pressure  */
.peer-pressure #main { padding-bottom: 50px; }
.peer-pressure #main .inner { padding: 20px 0 0 0; min-height: 0; }
.peer-pressure #main .inner h1 { padding: 0 0 0 30px; color: #023564; }
.peer-pressure #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; }
.peer-pressure #main p:last-child { padding: 0; }

.peer-pressure .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 400px; }
.peer-pressure .header1 .header1-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.peer-pressure .header1 .header1-left p { color: #fff; }
.peer-pressure .header1 .header1-right { width: auto; display: table-cell; background: url(/img/peer-pressure/header1.jpg) center center no-repeat; background-size: cover; }

.peer-pressure .header2 { display: table; width: 100%; padding: 0; background: #ae2d60; height: 400px; }
.peer-pressure .header2 .header2-left { width: 50%; display: table-cell; background: url(/img/peer-pressure/header2.jpg) center center no-repeat; background-size: cover; }
.peer-pressure .header2 .header2-right { width: auto; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.peer-pressure .header2 .header2-right p { color: #fff; }

.peer-pressure .header3 { display: table; width: 100%; padding: 60px; }
.peer-pressure .header3 .header3-left { width: 50%; display: table-cell;  padding: 0; vertical-align: bottom; text-align: right; }
.peer-pressure .header3 .header3-right { width: auto; display: table-cell; padding: 0 0 0 30px; vertical-align: bottom; }
.peer-pressure .header3 .header3-right p span { display: block; }
.peer-pressure .header3 .header3-right a { color: #2caeca; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.peer-pressure .header3 .header3-right a:hover { color: #222; }

@media screen and (max-width: 1400px) {
.peer-pressure .header1 { height: auto; }
.peer-pressure .header2 { height: auto; }
}
@media screen and (max-width: 900px) {
.peer-pressure .header1 .header1-left { padding: 30px; }
.peer-pressure .header2 .header2-right { padding: 30px; }
.peer-pressure .header3 { padding: 30px; }
}
@media screen and (max-width: 768px) {
.peer-pressure #main .inner h1 { padding: 0 0 0 24px; }
.peer-pressure #main p { font-size: 1.7em; }
.peer-pressure .header1 { display: block; padding: 0; }
.peer-pressure .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.peer-pressure .header1 .header1-right { width: 100%; display: block; padding: 0 0 53% 0; }
.peer-pressure .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.peer-pressure .header2 .header2-left { order: 2; width: 100%; padding: 0 0 53% 0; }
.peer-pressure .header2 .header2-right { order: 1; width: 100%; padding: 24px; }
.peer-pressure .header3 { padding: 24px; }
.peer-pressure .header3 .header3-right p span { display: inline; }
}
@media screen and (max-width: 550px) {
.peer-pressure .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.peer-pressure .header3 .header3-left { order: 2; width: 100%; text-align: left; }
.peer-pressure .header3 .header3-right { order: 1; width: 100%; padding: 0 0 20px 0; }
}



/* MMR Vaccination  */
.mmr-vaccination #main { padding-bottom: 50px; }
.mmr-vaccination #main .inner { padding: 20px 0 0 0; min-height: 0; }
.mmr-vaccination #main .inner h1 { padding: 0 0 0 30px; color: #b81355; }
.mmr-vaccination #main p { padding: 0 0 20px 0; margin: 0; font-size: 2.3em; color: #fff; }
.mmr-vaccination #main p a { color: #98c033; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.mmr-vaccination #main p a:hover { color: #333; }
.mmr-vaccination #main p:last-child { padding: 0; }

.mmr-vaccination .header1 { display: table; width: 100%; padding: 0; background: #b81355; height: 401px; }
.mmr-vaccination .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.mmr-vaccination .header1 .header1-right { width: auto; display: table-cell; background: url(/img/mmr-vaccine/header1.jpg) bottom center no-repeat; background-size: cover; }

.mmr-vaccination .header2 { display: table; width: 100%; padding: 0; background: #e79624; height: 401px; }
.mmr-vaccination .header2 .header2-left { width: 50%; display: table-cell; background: url(/img/mmr-vaccine/header2.jpg) center center no-repeat; background-size: cover; }
.mmr-vaccination .header2 .header2-right { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }

.mmr-vaccination .header3 { display: table; width: 100%; padding: 0; background: #028ba8; height: 401px; }
.mmr-vaccination .header3 .header3-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.mmr-vaccination .header3 .header3-right { width: auto; display: table-cell; background: url(/img/mmr-vaccine/header3.jpg) center center no-repeat; background-size: cover; }

.mmr-vaccination .header4 { display: table; width: 100%; padding: 0; background: #b81355; height: 401px; }
.mmr-vaccination .header4 .header4-left { width: 50%; display: table-cell; background: url(/img/mmr-vaccine/header4.jpg) center center no-repeat; background-size: cover; }
.mmr-vaccination .header4 .header4-right { width: auto; display: table-cell; padding: 60px; vertical-align: middle; }

@media screen and (max-width: 1200px) {
.mmr-vaccination #main p { font-size: 2em; }
.mmr-vaccination .header1 { height: auto; }
.mmr-vaccination .header1 .header1-left { padding: 7% 60px; }
.mmr-vaccination .header2 { height: auto; }
.mmr-vaccination .header3 { height: auto; }
.mmr-vaccination .header4 { height: auto; }
}
@media screen and (max-width: 900px) {
.mmr-vaccination #main p { font-size: 1.8em; }
.mmr-vaccination .header1 .header1-left { padding: 7% 30px; }
.mmr-vaccination .header2 .header2-right { padding: 30px; }
.mmr-vaccination .header3 .header3-left { padding: 30px; }
.mmr-vaccination .header4 .header4-right { padding: 30px; }
}
@media screen and (max-width: 768px) {
.mmr-vaccination #main .inner h1 { padding: 0 0 0 24px; }
.mmr-vaccination #main p { font-size: 1.9em; }

.mmr-vaccination .header1 { display: block; padding: 0; }
.mmr-vaccination .header1 .header1-left { width: 100%; display: block; padding: 40px 24px; }
.mmr-vaccination .header1 .header1-right { width: 100%; display: block; padding: 0 0 46% 0; }

.mmr-vaccination .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.mmr-vaccination .header2 .header2-left { order: 2; width: 100%; padding: 0 0 53% 0; }
.mmr-vaccination .header2 .header2-right { order: 1; width: 100%; padding: 40px 24px; }

.mmr-vaccination .header3 { display: block; padding: 0; }
.mmr-vaccination .header3 .header3-left { width: 100%; display: block; padding: 40px 24px; }
.mmr-vaccination .header3 .header3-right { width: 100%; display: block; padding: 0 0 46% 0; }

.mmr-vaccination .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.mmr-vaccination .header4 .header4-left { order: 2; width: 100%; padding: 0 0 53% 0; }
.mmr-vaccination .header4 .header4-right { order: 1; width: 100%; padding: 40px 24px; }
}
@media screen and (max-width: 600px) {
.mmr-vaccination #main p { font-size: 1.7em; }
.mmr-vaccination .header1 .header1-left,
.mmr-vaccination .header2 .header2-right,
.mmr-vaccination .header3 .header3-left,
.mmr-vaccination .header4 .header4-right { padding: 40px 24px; }
}
@media screen and (max-width: 450px) {
.mmr-vaccination .header1 .header1-left,
.mmr-vaccination .header2 .header2-right,
.mmr-vaccination .header3 .header3-left,
.mmr-vaccination .header4 .header4-right { padding: 24px; }
}



/* Alcohol and your health  */
.alcohol-and-your-health #main { padding-bottom: 50px; }
.alcohol-and-your-health #main .inner { padding: 20px 0 0 0; min-height: 0; }
.alcohol-and-your-health #main .inner h1 { padding: 0 0 0 30px; color: #023564; }
.alcohol-and-your-health #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.7em; }
.alcohol-and-your-health #main p:last-child { padding: 0; }

.alcohol-and-your-health .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 374px; }
.alcohol-and-your-health .header1 .header1-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.alcohol-and-your-health #main .header1 .header1-left p { font-size: 1.9em; color: #fff; }
.alcohol-and-your-health .header1 .header1-right { width: auto; display: table-cell; background: url(/img/alcohol-and-your-health/header1.jpg) center center no-repeat; background-size: cover; }

.alcohol-and-your-health .header2-heading { padding: 40px 60px 20px 60px; }
.alcohol-and-your-health .header2-heading h2 { color: #023564; font-size: 2em; }

.alcohol-and-your-health .header2 { display: table; width: 100%; padding: 0; }
.alcohol-and-your-health .header2 .header2-left { width: 50%; padding: 0 30px 20px 60px; display: table-cell; vertical-align: middle; }
.alcohol-and-your-health .header2 .header2-right { width: 50%; padding: 0 60px 20px 30px; display: table-cell; vertical-align: middle; }
.alcohol-and-your-health .header2 ul { margin: 0; padding: 0 0 0 275px; position: relative; }
.alcohol-and-your-health .header2 ul:before { position: absolute; top: 0; bottom: 0; left: 0;  margin: auto; width: 240px; height: 240px; display: inline-block; content: ''; border: 1px solid #faf0f0; }
.alcohol-and-your-health .header2 .header2-left ul:before { background: url(/img/alcohol-and-your-health/header2a.png) 0 0 no-repeat; background-size: 240px 240px; }
.alcohol-and-your-health .header2 .header2-right ul:before { background: url(/img/alcohol-and-your-health/header2b.png) 0 0 no-repeat; background-size: 240px 240px; }
.alcohol-and-your-health .header2 ul li { padding: 0 0 20px 0; font-size: 1.6em; line-height: 1.3; }
.alcohol-and-your-health .header2 ul li:last-child { padding: 0; }

.alcohol-and-your-health .header3-heading { padding: 50px 60px 30px 60px; }
.alcohol-and-your-health .header3-heading h2 { color: #023564; font-size: 2em; }

.alcohol-and-your-health .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.alcohol-and-your-health .header3 .header3-cell { width: 25%; padding: 240px 0 0 0; position: relative; }
.alcohol-and-your-health #main .header3 p, .alcohol-and-your-health #main .header3 p:last-child { font-size: 1.6em; padding: 0; max-width: 220px; margin: auto; text-align: center; }
.alcohol-and-your-health .header3 .header3-cell:before { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 220px; height: 220px; display: inline-block; content: ''; border: 5px solid #2caeca; border-radius: 50%; }
.alcohol-and-your-health .header3 .header3-cell.one:before { background: url(/img/alcohol-and-your-health/header3a.png) 0 0 no-repeat; background-size: 220px 220px; }
.alcohol-and-your-health .header3 .header3-cell.two:before { background: url(/img/alcohol-and-your-health/header3b.png) 0 0 no-repeat; background-size: 220px 220px; }
.alcohol-and-your-health .header3 .header3-cell.three:before { background: url(/img/alcohol-and-your-health/header3c.jpg) 0 0 no-repeat; background-size: 220px 220px; }
.alcohol-and-your-health .header3 .header3-cell.four:before { background: url(/img/alcohol-and-your-health/header3d.png) 0 0 no-repeat; background-size: 220px 220px; }

.alcohol-and-your-health .header4 { padding: 30px 60px; }
.alcohol-and-your-health .header4 h2 { color: #023564; font-size: 2em; }
.alcohol-and-your-health .header4 ul { display: inline-block; text-align: left; }

.alcohol-and-your-health .header5 { background: #023564; text-align: center; padding: 45px 60px; }
.alcohol-and-your-health .header5-inner { display: inline-block; padding-left: 160px; position: relative; }
.alcohol-and-your-health .header5-inner:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 126px; height: 126px; display: inline-block; content: ''; background: url(/img/alcohol-and-your-health/header5.png) 0 0 no-repeat; background-size: 126px 126px; }
.alcohol-and-your-health #main .header5 p { text-align: left; padding: 0; }
.alcohol-and-your-health .header5 p a { color: #fff; text-decoration: none; font-size: 0.9em;  line-height: 1.2; padding: 2px 0; display: block; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.alcohol-and-your-health .header5 p a:hover { color: #2caeca; }

.alcohol-and-your-health .header6 { display: table; width: 100%; padding: 0; }
.alcohol-and-your-health .header6 .header6-left { width: 50%; display: table-cell; padding: 50px 60px; vertical-align: middle; }
.alcohol-and-your-health .header6 .header6-right { width: auto; display: table-cell; vertical-align: middle; text-align: center; padding: 40px 30px; }

.alcohol-and-your-health .header7 { background: #023564; text-align: center; padding: 45px 60px; }
.alcohol-and-your-health .header7-inner { display: inline-block; padding-left: 160px; position: relative; }
.alcohol-and-your-health .header7-inner:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 126px; height: 126px; display: inline-block; content: ''; background: url(/img/alcohol-and-your-health/header5.png) 0 0 no-repeat; background-size: 126px 126px; }
.alcohol-and-your-health #main .header7 p { text-align: left; padding: 0; }
.alcohol-and-your-health .header7 p a { color: #fff; text-decoration: none; font-size: 0.9em; line-height: 1.4; padding: 4px 0; display: block; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.alcohol-and-your-health .header7 p a:hover { color: #2caeca; }
.alcohol-and-your-health .header7 p a span { display: block; }

@media screen and (max-width: 1400px) {
.alcohol-and-your-health .header2 ul { padding: 0 0 0 215px; }
.alcohol-and-your-health .header2 ul:before { width: 180px; height: 180px; }
.alcohol-and-your-health .header2 .header2-left ul:before { background: url(/img/alcohol-and-your-health/header2a.png) 0 0 no-repeat; background-size: 180px 180px; }
.alcohol-and-your-health .header2 .header2-right ul:before { background: url(/img/alcohol-and-your-health/header2b.png) 0 0 no-repeat; background-size: 180px 180px; }
.alcohol-and-your-health .header2 ul li { font-size: 1.5em; }
.alcohol-and-your-health .header2 .header2-left { padding-right: 15px; }
.alcohol-and-your-health .header2 .header2-right { padding-left: 15px; }

.alcohol-and-your-health .header3 .header3-cell { padding: 195px 0 0 0; }
.alcohol-and-your-health .header3 .header3-cell:before { width: 180px; height: 180px; border: 4px solid #2caeca; }
.alcohol-and-your-health .header3 .header3-cell.one:before { background: url(/img/alcohol-and-your-health/header3a.png) 0 0 no-repeat; background-size: 180px 180px; }
.alcohol-and-your-health .header3 .header3-cell.two:before { background: url(/img/alcohol-and-your-health/header3b.png) 0 0 no-repeat; background-size: 180px 180px; }
.alcohol-and-your-health .header3 .header3-cell.three:before { background: url(/img/alcohol-and-your-health/header3c.jpg) 0 0 no-repeat; background-size: 180px 180px; }
.alcohol-and-your-health .header3 .header3-cell.four:before { background: url(/img/alcohol-and-your-health/header3d.png) 0 0 no-repeat; background-size: 180px 180px; }
.alcohol-and-your-health #main .header3 p, .alcohol-and-your-health #main .header3 p:last-child { max-width: 180px; }
}

@media screen and (max-width: 1200px) {
.alcohol-and-your-health .header1 { height: auto; }
.alcohol-and-your-health #main .header1 .header1-left p { font-size: 1.8em; }
.alcohol-and-your-health .header2-heading h2 { text-align: center; }

.alcohol-and-your-health .header2 .header2-left, .alcohol-and-your-health .header2 .header2-right { vertical-align: top; }
.alcohol-and-your-health .header2 ul { padding: 140px 0 0 10px; }
.alcohol-and-your-health .header2 ul:before { width: 120px; height: 120px; bottom: auto; right: 0; }
.alcohol-and-your-health .header2 .header2-left ul:before { background: url(/img/alcohol-and-your-health/header2a.png) 0 0 no-repeat; background-size: 120px 120px; }
.alcohol-and-your-health .header2 .header2-right ul:before { background: url(/img/alcohol-and-your-health/header2b.png) 0 0 no-repeat; background-size: 120px 120px; }
.alcohol-and-your-health .header2 ul li { padding: 0 0 10px 0; }
.alcohol-and-your-health .header2 .header2-left { padding-right: 30px; }
.alcohol-and-your-health .header2 .header2-right { padding-left: 30px; }

.alcohol-and-your-health .header3-heading h2 { text-align: center; }
.alcohol-and-your-health .header3 .header3-cell { padding: 135px 0 0 0; }
.alcohol-and-your-health .header3 .header3-cell:before { width: 120px; height: 120px; border: 3px solid #2caeca; }
.alcohol-and-your-health .header3 .header3-cell.one:before { background: url(/img/alcohol-and-your-health/header3a.png) 0 0 no-repeat; background-size: 120px 120px; }
.alcohol-and-your-health .header3 .header3-cell.two:before { background: url(/img/alcohol-and-your-health/header3b.png) 0 0 no-repeat; background-size: 120px 120px; }
.alcohol-and-your-health .header3 .header3-cell.three:before { background: url(/img/alcohol-and-your-health/header3c.jpg) 0 0 no-repeat; background-size: 120px 120px; }
.alcohol-and-your-health .header3 .header3-cell.four:before { background: url(/img/alcohol-and-your-health/header3d.png) 0 0 no-repeat; background-size: 120px 120px; }
.alcohol-and-your-health #main .header3 p, .alcohol-and-your-health #main .header3 p:last-child { font-size: 1.5em; max-width: 170px; }

.alcohol-and-your-health .header4 { text-align: center; }
.alcohol-and-your-health .header4 h2 { text-align: center; }
.alcohol-and-your-health .header4 ul { padding: 0 0 0 30px; }

.alcohol-and-your-health .header5-inner:before { width: 100px; height: 100px; background: url(/img/alcohol-and-your-health/header5.png) 0 0 no-repeat; background-size: 100px 100px; }
.alcohol-and-your-health .header5-inner { padding-left: 130px; }
.alcohol-and-your-health .header5 { padding: 30px 60px; }

.alcohol-and-your-health .header7-inner:before { width: 100px; height: 100px; background: url(/img/alcohol-and-your-health/header5.png) 0 0 no-repeat; background-size: 100px 100px; }
.alcohol-and-your-health .header7-inner { padding-left: 130px; }
.alcohol-and-your-health .header7 { padding: 30px 60px; }
}

@media screen and (max-width: 1100px) {
.alcohol-and-your-health #main .header6 p { font-size: 1.6em; }
.alcohol-and-your-health .header6 .header6-left { padding: 50px 20px 50px 60px; }
}

@media screen and (max-width: 900px) {
.alcohol-and-your-health .header1 .header1-left { padding: 30px; }
.alcohol-and-your-health .header2-heading { padding: 30px; }
.alcohol-and-your-health .header2 .header2-left { padding-left: 30px; }
.alcohol-and-your-health .header2 .header2-right { padding-right: 30px; }
.alcohol-and-your-health .header3-heading { padding: 30px; }
.alcohol-and-your-health .header3 { padding: 0 30px; }
.alcohol-and-your-health #main .header3 p, .alcohol-and-your-health #main .header3 p:last-child { max-width: 160px; }
.alcohol-and-your-health .header4 { padding: 30px; }
.alcohol-and-your-health .header5 { padding: 30px; }

.alcohol-and-your-health .header6 .header6-left { padding: 30px 10px 30px 30px; }
.alcohol-and-your-health .header6 .header6-right { padding: 30px; }
.alcohol-and-your-health #main .header6 p { font-size: 1.5em; }
}

@media screen and (max-width: 768px) {
.alcohol-and-your-health #main .inner h1 { padding: 0 0 0 24px; }
.alcohol-and-your-health #main p, .alcohol-and-your-health #main .header1 .header1-left p { font-size: 1.7em; }
.alcohol-and-your-health .header1 { display: block; padding: 0; }
.alcohol-and-your-health .header1 .header1-left { width: 100%; display: block; padding: 24px; }
.alcohol-and-your-health .header1 .header1-right { width: 100%; display: block; padding: 0 0 53% 0; }
.alcohol-and-your-health .header2-heading { padding: 24px; }
.alcohol-and-your-health .header3-heading { padding: 24px; }
.alcohol-and-your-health .header3 { padding: 0 10px; }
.alcohol-and-your-health .header3 .header3-cell { width: 50%; padding: 130px 0 60px 0; }
.alcohol-and-your-health #main .header3 p, .alcohol-and-your-health #main .header3 p:last-child { max-width: none; padding: 0 20px; }
.alcohol-and-your-health .header5 { padding: 40px 24px; }
.alcohol-and-your-health .header5-inner { display: block; }
.alcohol-and-your-health .header6 { display: block; padding: 0; }
.alcohol-and-your-health .header6 .header6-left { width: 100%; display: block; padding: 24px; }
.alcohol-and-your-health .header6 .header6-right { width: 100%; display: block; padding: 20px 0 40px 0; }
.alcohol-and-your-health #main .header6 p { font-size: 1.6em; }
.alcohol-and-your-health .header6 .header6-right img { max-width: 450px; }
.alcohol-and-your-health .header7 { padding: 40px 24px; }
.alcohol-and-your-health .header7-inner { display: block; }
}

@media screen and (max-width: 700px) {
.alcohol-and-your-health .header7 p a span { display: inline; }
}

@media screen and (max-width: 600px) {
.alcohol-and-your-health .header2 { display: block; padding: 0; }
.alcohol-and-your-health .header2 .header2-left, .alcohol-and-your-health .header2 .header2-right { width: 100%; display: block; padding: 24px; }
.alcohol-and-your-health .header5 p a { padding: 4px 0; }
}

@media screen and (max-width: 500px) {
.alcohol-and-your-health .header5 { padding: 120px 24px 20px 24px; position: relative; }
.alcohol-and-your-health .header5:before { position: absolute; top: 20px; bottom: auto; margin: auto; left: 20px; display: inline-block; content: ''; width: 80px; height: 80px; background: url(/img/alcohol-and-your-health/header5.png) 0 0 no-repeat; background-size: 80px 80px; }
.alcohol-and-your-health .header5-inner { padding: 0; }
.alcohol-and-your-health .header5-inner:before { display: none; }
.alcohol-and-your-health .header7 { padding: 120px 24px 20px 24px; position: relative; }
.alcohol-and-your-health .header7:before { position: absolute; top: 20px; bottom: auto; margin: auto; left: 20px; display: inline-block; content: ''; width: 80px; height: 80px; background: url(/img/alcohol-and-your-health/header5.png) 0 0 no-repeat; background-size: 80px 80px; }
.alcohol-and-your-health .header7-inner { padding: 0; }
.alcohol-and-your-health .header7-inner:before { display: none; }
.alcohol-and-your-health .header6 .header6-right { padding: 20px 24px 40px 24px; }
.alcohol-and-your-health .header6 .header6-right img { max-width: 100%; }
}

@media screen and (max-width: 450px) {
.alcohol-and-your-health .header3 { padding: 0 30px; display: block; }
.alcohol-and-your-health .header3 .header3-cell { width: 100%; padding: 130px 0 40px 0; }
}






/* Staying safe on a night out  */
.staying-safe-on-a-night-out #main { padding-bottom: 50px; }
.staying-safe-on-a-night-out #main .inner { padding: 20px 0 0 0; min-height: 0; }
.staying-safe-on-a-night-out #main .inner h1 { padding: 0 0 0 30px; color: #023564; }
.staying-safe-on-a-night-out #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.7em; }
.staying-safe-on-a-night-out #main p:last-child { padding: 0; }

.staying-safe-on-a-night-out .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 401px; }
.staying-safe-on-a-night-out .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.staying-safe-on-a-night-out #main .header1 .header1-left h2 { font-size: 1.9em; color: #fff; line-height: 1.4; margin: 0 0 25px 0; }
.staying-safe-on-a-night-out #main .header1 .header1-left p { font-size: 1.9em; color: #fff; }
.staying-safe-on-a-night-out .header1 .header1-right { width: auto; display: table-cell; background: url(/img/staying-safe-on-a-night-out/header1.jpg) center center no-repeat; background-size: cover; }

.staying-safe-on-a-night-out .header2  { display: table; width: 100%; padding: 60px; }
.staying-safe-on-a-night-out .header3  { display: table; width: 100%; padding: 0 60px 60px 60px; }
.staying-safe-on-a-night-out .cell { width: 50%; height: 215px; display: table-cell; vertical-align: middle; position: relative; }
.staying-safe-on-a-night-out .cell ul  { padding: 0; margin: 0; }
.staying-safe-on-a-night-out .cell.one { padding: 0 30px 0 270px; }
.staying-safe-on-a-night-out .cell.two { padding: 0 0 0 270px; }
.staying-safe-on-a-night-out .cell:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; border-radius: 50%; border: 10px solid #2caeca; width: 215px; height: 215px; display: inline-block; content: ''; }
.staying-safe-on-a-night-out .header2 .cell.one:before { background: url(/img/staying-safe-on-a-night-out/header2a.jpg) 0 0 no-repeat; background-size: 215px 215px; }
.staying-safe-on-a-night-out .header2 .cell.two:before { background: url(/img/staying-safe-on-a-night-out/header2b.jpg) 0 0 no-repeat; background-size: 215px 215px; }
.staying-safe-on-a-night-out .header3 .cell.one:before { background: url(/img/staying-safe-on-a-night-out/header3a.jpg) 0 0 no-repeat; background-size: 215px 215px; }
.staying-safe-on-a-night-out .header3 .cell.two:before { background: url(/img/staying-safe-on-a-night-out/header3b.jpg) 0 0 no-repeat; background-size: 215px 215px; }

@media screen and (max-width: 1400px) {
.staying-safe-on-a-night-out .cell.one { padding: 0 40px 0 220px; }
.staying-safe-on-a-night-out .cell.two { padding: 0 0 0 220px; }
.staying-safe-on-a-night-out .cell ul li { font-size: 1.5em; }
.staying-safe-on-a-night-out .cell:before { border: 5px solid #2caeca; width: 170px; height: 170px; }
.staying-safe-on-a-night-out .header2 .cell.one:before { background: url(/img/staying-safe-on-a-night-out/header2a.jpg) 0 0 no-repeat; background-size: 170px 170px; }
.staying-safe-on-a-night-out .header2 .cell.two:before { background: url(/img/staying-safe-on-a-night-out/header2b.jpg) 0 0 no-repeat; background-size: 170px 170px; }
.staying-safe-on-a-night-out .header3 .cell.one:before { background: url(/img/staying-safe-on-a-night-out/header3a.jpg) 0 0 no-repeat; background-size: 170px 170px; }
.staying-safe-on-a-night-out .header3 .cell.two:before { background: url(/img/staying-safe-on-a-night-out/header3b.jpg) 0 0 no-repeat; background-size: 170px 170px; }
}

@media screen and (max-width: 1200px) {
.staying-safe-on-a-night-out .header1 { height: auto; }
.staying-safe-on-a-night-out #main .header1 .header1-left h2, .staying-safe-on-a-night-out #main .header1 .header1-left p { font-size: 1.7em; }
.staying-safe-on-a-night-out .header2 { display: block; padding: 60px 60px 0 60px; }
.staying-safe-on-a-night-out .header3 { display: block; padding: 0 60px 60px 60px;}
.staying-safe-on-a-night-out .cell { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 40px 0 0 220px; height: auto; min-height: 170px; margin-bottom: 50px; }
.staying-safe-on-a-night-out .cell:before { bottom: auto; }
.staying-safe-on-a-night-out .cell .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.staying-safe-on-a-night-out .cell.one { padding: 0 0 0 220px; }
}

@media screen and (max-width: 900px) {
.staying-safe-on-a-night-out .header1 .header1-left { padding: 50px 30px; }
.staying-safe-on-a-night-out .header2 { padding: 40px 30px 0 30px; }
.staying-safe-on-a-night-out .header3 { padding: 0 30px 40px 30px }
}

@media screen and (max-width: 768px) {
.staying-safe-on-a-night-out #main .inner h1 { padding: 0 0 0 24px; }
.staying-safe-on-a-night-out #main p, .staying-safe-on-a-night-out #main .header1 .header1-left p { font-size: 1.7em; }
.staying-safe-on-a-night-out .header1 { display: block; padding: 0; }
.staying-safe-on-a-night-out .header1 .header1-left { width: 100%; display: block; padding: 40px 24px; }
.staying-safe-on-a-night-out .header1 .header1-right { width: 100%; display: block; padding: 0 0 40% 0; }
.staying-safe-on-a-night-out .header2 { padding: 30px 24px 0 24px; }
.staying-safe-on-a-night-out .header3 { padding: 0 24px; }
.staying-safe-on-a-night-out .cell { min-height: 120px; }
.staying-safe-on-a-night-out .cell.one, .staying-safe-on-a-night-out .cell.two { padding: 0 0 0 160px; }
.staying-safe-on-a-night-out .cell:before { border: 3px solid #2caeca; width: 120px; height: 120px; }
.staying-safe-on-a-night-out .header2 .cell.one:before { background: url(/img/staying-safe-on-a-night-out/header2a.jpg) 0 0 no-repeat; background-size: 120px 120px; }
.staying-safe-on-a-night-out .header2 .cell.two:before { background: url(/img/staying-safe-on-a-night-out/header2b.jpg) 0 0 no-repeat; background-size: 120px 120px; }
.staying-safe-on-a-night-out .header3 .cell.one:before { background: url(/img/staying-safe-on-a-night-out/header3a.jpg) 0 0 no-repeat; background-size: 120px 120px; }
.staying-safe-on-a-night-out .header3 .cell.two:before { background: url(/img/staying-safe-on-a-night-out/header3b.jpg) 0 0 no-repeat; background-size: 120px 120px; }
}

@media screen and (max-width: 600px) {
.staying-safe-on-a-night-out .cell .valign { display: block; }
.staying-safe-on-a-night-out .cell.one, .staying-safe-on-a-night-out .cell.two { display: block; padding: 130px 0 0 15px; }
}















/* Dealing with a drug/alcohol problem  */
.dealing-with-a-drug-alcohol-problem #main { padding-bottom: 50px; }
.dealing-with-a-drug-alcohol-problem #main .inner { padding: 20px 0 0 0; min-height: 0; }
.dealing-with-a-drug-alcohol-problem #main .inner h1 { padding: 0 0 0 30px; color: #023564; }
.dealing-with-a-drug-alcohol-problem #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.7em; }

.dealing-with-a-drug-alcohol-problem .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 401px; }
.dealing-with-a-drug-alcohol-problem .header1 .header1-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left h2 { font-size: 1.8em; color: #fff; line-height: 1.4; margin: 0 0 10px 0; }
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left ul { padding: 0 0 0 15px; margin: 0; }
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left ul li { font-size: 1.7em; line-height: 1.3; color: #fff; font-weight: 400; }
.dealing-with-a-drug-alcohol-problem .header1 .header1-right { width: auto; display: table-cell; background: url(/img/dealing-with-a-drug-alcohol-problem/header1.jpg) left bottom no-repeat; background-size: cover; }

.dealing-with-a-drug-alcohol-problem .header2 { text-align: center; padding: 30px 30px 20px 30px; }
.dealing-with-a-drug-alcohol-problem #main .header2 p { font-size: 1.8em; padding: 0; color: #023564; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }

.dealing-with-a-drug-alcohol-problem .header3 { display: table; height: 471px; width: 100%; padding: 0; background: #023564; }
.dealing-with-a-drug-alcohol-problem .header3-left { width: auto; display: table-cell; padding: 0; background: url(/img/dealing-with-a-drug-alcohol-problem/header3.jpg) left center no-repeat; background-size: cover; }
.dealing-with-a-drug-alcohol-problem .header3-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.dealing-with-a-drug-alcohol-problem .header3-right h2 { color: #fff; font-size: 3em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }
.dealing-with-a-drug-alcohol-problem #main .header3-right p { font-size: 1.7em; line-height: 1.3; color: #fff; }
.dealing-with-a-drug-alcohol-problem #main .header3-right p:last-child { padding: 0; }

.dealing-with-a-drug-alcohol-problem .header4 { background: #ac3e67; padding: 35px 30px 30px 30px; }
.dealing-with-a-drug-alcohol-problem #main .header4 p { padding: 0 0 0 380px; color: #fff; max-width: 840px; margin: 0 auto; position: relative; }

.dealing-with-a-drug-alcohol-problem #main .header4 p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 350px; height: 70px; display: inline-block; content: ''; background: url(/img/dealing-with-a-drug-alcohol-problem/frank-logo.png) 0 0 no-repeat; background-size: 350px 70px; }
.dealing-with-a-drug-alcohol-problem #main .header4 a { color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.dealing-with-a-drug-alcohol-problem #main .header4 a:hover { color: #ffd453; }

.dealing-with-a-drug-alcohol-problem #main .header4 a.tel:link:hover,
.dealing-with-a-drug-alcohol-problem #main .header4 a.tel:visited:hover,
.dealing-with-a-drug-alcohol-problem #main .header4 a[href^="tel"]:link:hover,
.dealing-with-a-drug-alcohol-problem #main .header4 a[href^="tel"]:visited:hover { color: #fff; }

.dealing-with-a-drug-alcohol-problem .header5 { padding: 60px 30px 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dealing-with-a-drug-alcohol-problem .header5 .help { width: 50%; padding: 0 30px 50px 30px; }
.dealing-with-a-drug-alcohol-problem #main .header5 .help p { position: relative; padding: 0 0 0 300px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.drinkaware p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 260px; height: 40px; display: inline-block; content: ''; background: url(/img/dealing-with-a-drug-alcohol-problem/drinkaware-logo.png) 0 0 no-repeat; background-size: 260px 40px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.al-anonuk p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 30px; width: 240px; height: 75px; display: inline-block; content: ''; background: url(/img/dealing-with-a-drug-alcohol-problem/al-anon-logo.png) 0 0 no-repeat; background-size: 240px 75px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.alateen p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 60px; width: 160px; height: 150px; display: inline-block; content: ''; background: url(/img/dealing-with-a-drug-alcohol-problem/alateen-logo.png) 0 0 no-repeat; background-size: 160px 150px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.famanon p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 27px; width: 250px; height: 50px; display: inline-block; content: ''; background: url(/img/dealing-with-a-drug-alcohol-problem/fa-logo.png) 0 0 no-repeat; background-size: 250px 50px; }


@media screen and (max-width: 1400px) {
.dealing-with-a-drug-alcohol-problem .header1 { height: auto; }
.dealing-with-a-drug-alcohol-problem .header3 { height: auto; }
.dealing-with-a-drug-alcohol-problem .header3-right h2 { font-size: 2.7em; line-height: 1.2; }

.dealing-with-a-drug-alcohol-problem #main .header5 .help p { padding: 0 0 0 230px; font-size: 1.6em; line-height: 1.3; }
.dealing-with-a-drug-alcohol-problem .header5 .help.drinkaware p:before { left: 0; width: 200px; height: 31px; background-size: 200px 31px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.al-anonuk p:before { left: 0;  width: 200px; height: 63px; background-size: 200px 63px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.alateen p:before { left: 50px; width: 110px; height: 103px; background-size: 110px 103px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.famanon p:before { left: 0; width: 210px; background-size: 210px 42px; height: 42px; }
}

@media screen and (max-width: 1200px) {
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left h2 { margin: 0 0 5px 0; }
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left ul li { font-size: 1.5em; }
.dealing-with-a-drug-alcohol-problem .header3-right h2 { font-size: 2.4em; }
.dealing-with-a-drug-alcohol-problem #main .header3-right p { padding: 0 0 10px 0; }
.dealing-with-a-drug-alcohol-problem #main .header4 p { font-size: 1.6em; line-height: 1.4; padding: 0 0 0 310px; max-width: 740px; }
.dealing-with-a-drug-alcohol-problem #main .header4 p:before { width: 280px; height: 56px; background: url(/img/dealing-with-a-drug-alcohol-problem/frank-logo.png) 0 0 no-repeat; background-size: 280px 56px; }
}

@media screen and (max-width: 1120px) {
.dealing-with-a-drug-alcohol-problem #main .header5 .help p { padding: 75px 0 0 0; font-size: 1.6em; line-height: 1.3; text-align: center; }
.dealing-with-a-drug-alcohol-problem .header5 .help.drinkaware p:before { top: 30px; bottom: auto; right: 0; }
.dealing-with-a-drug-alcohol-problem .header5 .help.al-anonuk p:before { top: 0; bottom: auto; right: 0; }
.dealing-with-a-drug-alcohol-problem .header5 .help.alateen p:before { left: 0; bottom: auto; right: 0; }
.dealing-with-a-drug-alcohol-problem .header5 .help.famanon p:before { left: 0; bottom: auto; right: 0; top: 60px; }
.dealing-with-a-drug-alcohol-problem #main .header5  .help.alateen p, .dealing-with-a-drug-alcohol-problem #main .header5 .help.famanon p { padding-top: 110px; }
}

@media screen and (max-width: 1000px) {
.dealing-with-a-drug-alcohol-problem .header3-right h2 { font-size: 2.4em; }
}

@media screen and (max-width: 900px) {
.dealing-with-a-drug-alcohol-problem .header1 .header1-left { padding: 30px; }
.dealing-with-a-drug-alcohol-problem .header3 .header3-right { padding: 30px; }
.dealing-with-a-drug-alcohol-problem .header5 { padding: 40px 0 0 0; }
}

@media screen and (max-width: 800px) {
.dealing-with-a-drug-alcohol-problem #main .header4 p { font-size: 1.5em; padding: 0 0 0 240px; max-width: none; }
.dealing-with-a-drug-alcohol-problem #main .header4 p:before { width: 210px; height: 42px; background: url(/img/dealing-with-a-drug-alcohol-problem/frank-logo.png) 0 0 no-repeat; background-size: 210px 42px; }
}

@media screen and (max-width: 768px) {
.dealing-with-a-drug-alcohol-problem #main .inner h1 { padding-left: 24px; }
.dealing-with-a-drug-alcohol-problem .header1 { display: block; }
.dealing-with-a-drug-alcohol-problem .header1 .header1-left { width: 100%; display: block; padding: 35px 24px 40px 24px; }
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left h2,
.dealing-with-a-drug-alcohol-problem .header3-right h2 { font-size: 2.3em; }
.dealing-with-a-drug-alcohol-problem #main .header1 .header1-left ul li,
.dealing-with-a-drug-alcohol-problem #main .header3-right p { font-size: 1.6em; }
.dealing-with-a-drug-alcohol-problem .header1 .header1-right { width: 100%; display: block; padding: 0 0 57% 0; background: url(/img/dealing-with-a-drug-alcohol-problem/header1.jpg) center center no-repeat; background-size: cover; }
.dealing-with-a-drug-alcohol-problem .header2 { padding: 20px 24px 0 24px; }
.dealing-with-a-drug-alcohol-problem .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.dealing-with-a-drug-alcohol-problem .header3 .header3-left { width: 100%; padding: 0 0 50% 0; background: url(/img/dealing-with-a-drug-alcohol-problem/header3.jpg) left center no-repeat; background-size: cover; order: 2; }
.dealing-with-a-drug-alcohol-problem .header3 .header3-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.dealing-with-a-drug-alcohol-problem .header4 { padding: 30px 24px 30px 24px; }
.dealing-with-a-drug-alcohol-problem .header5 .help { padding: 0 24px 50px 24px; }
}

@media screen and (max-width: 700px) {
.dealing-with-a-drug-alcohol-problem .header4 { padding: 100px 24px 30px 24px; }
.dealing-with-a-drug-alcohol-problem #main .header4 p { padding: 0; text-align: center; }
.dealing-with-a-drug-alcohol-problem #main .header4 p:before { width: 280px; height: 56px; background: url(/img/dealing-with-a-drug-alcohol-problem/frank-logo.png) 0 0 no-repeat; background-size: 280px 56px; right: 0; bottom: auto; top: -65px; }
}

@media screen and (max-width: 600px) {
.dealing-with-a-drug-alcohol-problem .header4 { padding: 85px 24px 30px 24px; }
.dealing-with-a-drug-alcohol-problem #main .header4 p:before { width: 210px; height: 42px; background: url(/img/dealing-with-a-drug-alcohol-problem/frank-logo.png) 0 0 no-repeat; background-size: 210px 42px; top: -53px; }
.dealing-with-a-drug-alcohol-problem .header5 { display: block; padding: 0 24px 0 24px; }
.dealing-with-a-drug-alcohol-problem .header5 .help { width: 100%; padding: 0 0 60px 0; }
.dealing-with-a-drug-alcohol-problem #main .header5 .help.famanon { padding: 0 0 40px 0; }
.dealing-with-a-drug-alcohol-problem #main .header5 .help.famanon p { padding-top: 50px; }
.dealing-with-a-drug-alcohol-problem .header5 .help.famanon p:before { top: 0; }
}


@media screen and (min-width: 769px) and (max-width: 1100px) {
.dealing-with-a-drug-alcohol-problem .header1 .header1-right { background: url(/img/dealing-with-a-drug-alcohol-problem/header1.jpg) left -110px top no-repeat; background-size: cover; }
}





/* Emotional health & well-being  */
.emotional-health #main { padding-bottom: 50px; }
.emotional-health #main .inner { padding: 20px 0 0 0; min-height: 0; }
.emotional-health #main .inner h1 { padding: 0 0 0 30px; color: #58278f; }
.emotional-health #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.7em; }

.emotional-health .header1 { display: table; width: 100%; padding: 0; background: #58278f; height: 401px; }
.emotional-health .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.emotional-health #main .header1 .header1-left h2 { font-size: 2em; color: #fff; line-height: 1.4; margin: 0 0 25px 0; }
.emotional-health #main .header1 .header1-left p { font-size: 2em; line-height: 1.3; color: #fff; font-weight: 400; padding: 0; }
.emotional-health .header1 .header1-right { width: auto; display: table-cell; background: url(/img/emotional-health/header1.png) left bottom no-repeat; background-size: cover; }

.emotional-health .header2 { display: table; height: 481px; width: 100%; padding: 0; background: #bd62fa; }
.emotional-health .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/emotional-health/header2.jpg) top right no-repeat; background-size: cover; }
.emotional-health .header2-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.emotional-health #main .header2-right p { font-size: 2em; line-height: 1.3; color: #fff; }
.emotional-health #main .header2-right p:last-child { padding: 0; }

.emotional-health .header3 { padding: 60px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.emotional-health .header3 .panel { width: 25%; padding: 0 30px; }
.emotional-health .header3 .panel .panel-logo { text-align: center; }
.emotional-health .header3 .panel .panel-logo a { display: inline-block; }

@media screen and (max-width: 1400px) {
.emotional-health .header1 { height: auto; }
.emotional-health .header1 .header1-right { padding-bottom: 29%; }
.emotional-health .header2 { height: auto; }


}

@media screen and (max-width: 1200px) {
.emotional-health #main .header1 .header1-left h2 { font-size: 1.8em; margin: 0 0 15px 0; }
.emotional-health #main .header1 .header1-left p { font-size: 1.8em; }
.emotional-health .header3 .panel { padding: 0 15px; }
}

@media screen and (max-width: 1100px) {
.emotional-health .header1 .header1-left { padding: 40px 60px; }
.emotional-health #main .header1 .header1-left h2 { font-size: 1.7em; margin: 0 0 10px 0; }
.emotional-health #main .header1 .header1-left p { font-size: 1.7em; }
.emotional-health .header1 .header1-right2 { padding-bottom: 0; }
.emotional-health #main .header2-right p { font-size: 1.7em; }
.emotional-health #main .header3 .panel p { font-size: 1.6em; }
}


@media screen and (max-width: 900px) {
.emotional-health .header1 .header1-left { padding: 40px 30px; }
.emotional-health .header1 .header1-right { padding-bottom: 0; }
.emotional-health .header3 { padding: 30px 15px 20px 15px; }
.emotional-health .header2-right { padding: 40px 30px; }


}

@media screen and (max-width: 768px) {
.emotional-health #main .inner h1 { padding-left: 24px; }
.emotional-health .header1 { display: block; }
.emotional-health .header1 .header1-left { width: 100%; display: block; padding: 35px 24px 0 24px; }
.emotional-health .header1 .header1-right { width: 100%; display: block; padding: 0 0 50% 0; background: url(/img/emotional-health/header1.png) center bottom no-repeat; background-size: contain; }
.emotional-health .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.emotional-health .header2 .header2-left { width: 100%; padding: 0 0 50% 0; background: url(/img/emotional-health/header2.jpg) left center no-repeat; background-size: cover; order: 2; }
.emotional-health .header2 .header2-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.emotional-health .header3 { padding: 30px 15px 0 15px; }
.emotional-health .header3 .panel { padding: 0 15px 30px 15px; width: 50%; }
}

@media screen and (max-width: 450px) {
.emotional-health .header3 { padding: 30px 15px 0 15px; }
.emotional-health .header3 .panel { padding: 0 15px 30px 15px; width: 100%; }
.emotional-health #main .header3 .panel .panel-logo { padding: 0; }
.emotional-health #main .header3 .panel.mind .panel-logo { padding: 0 0 10px 0; }
}






/* LGBTQ+: Coming Out */
.lgbtq-coming-out #main { padding-bottom: 50px; }
.lgbtq-coming-out #main .inner { padding: 20px 0 0 0; min-height: 0; }
.lgbtq-coming-out #main .inner h1 { padding: 0 0 0 30px; color: #57268e; }
.lgbtq-coming-out #main p { padding: 0 0 30px 0; margin: 0; font-size: 1.9em; line-height: 1.3; font-weight: 400;}
.lgbtq-coming-out #main p:last-child { padding: 0 ; }

.lgbtq-coming-out .header1 { display: table; width: 100%; padding: 0; background: #57268e; height: 400px; }
.lgbtq-coming-out .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq-coming-out #main .header1 .header1-left p { color: #fff; }
.lgbtq-coming-out .header1 .header1-right { width: auto; display: table-cell; background: url(/img/lgbtq-coming-out/header1.jpg) top center no-repeat; background-size: cover; }

.lgbtq-coming-out .header2 { display: table; width: 100%; padding: 0; height: 400px; }
.lgbtq-coming-out .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/lgbtq-coming-out/header2.jpg) top right no-repeat; background-size: cover; }
.lgbtq-coming-out .header2-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }

.lgbtq-coming-out .header3 { display: table; width: 100%; padding: 0; background: #b04ef5; height: 400px; }
.lgbtq-coming-out .header3 .header3-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq-coming-out #main .header3 .header3-left p { color: #fff; }
.lgbtq-coming-out .header3 .header3-right { width: auto; display: table-cell; background: url(/img/lgbtq-coming-out/header3.jpg) bottom center no-repeat; background-size: cover; }

.lgbtq-coming-out .header4 { background: #57268e; padding: 40px 60px 50px 60px; }
.lgbtq-coming-out .header4 .header4-inner { max-width: 853px; margin: 0 auto; }
.lgbtq-coming-out .header4 p { color: #fff; text-align: center; }
.lgbtq-coming-out #main .header4 p.padd { padding-bottom: 30px; }

.lgbtq-coming-out .video-cont { position: relative; padding-bottom: 52%; height: 0; overflow: hidden; }
.lgbtq-coming-out .video-cont iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.lgbtq-coming-out .header5 { display: table; width: 100%; padding: 40px 30px; }
.lgbtq-coming-out .header5 .cell { display: table-cell; width: 25%; padding: 0 30px; vertical-align: top; }
.lgbtq-coming-out .header5 .cell img { display: block; }
.lgbtq-coming-out #main .header5 p { padding: 0 0 40px 0; font-size: 1.7em; }
.lgbtq-coming-out #main .header5 p:last-child { padding: 0 ; }
.lgbtq-coming-out #main .header5 p.free2b { padding: 0 0 70px 0; }

@media screen and (max-width: 1400px) {
.lgbtq-coming-out #main p { padding: 0 0 20px 0; font-size: 1.8em; }
.lgbtq-coming-out .header1 { height: auto; }
.lgbtq-coming-out .header2 { height: auto; }
.lgbtq-coming-out .header3 { height: auto; }
}

@media screen and (max-width: 1100px) {
.lgbtq-coming-out #main .header5 p { padding: 0 0 20px 0; }
.lgbtq-coming-out #main .header5 p.free2b { padding: 0 0 30% 0; }
}



@media screen and (max-width: 900px) {
.lgbtq-coming-out .header1 .header1-left { padding: 40px 30px; }
.lgbtq-coming-out .header2-right { padding: 40px 30px; }
.lgbtq-coming-out .header3 .header3-left { padding: 40px 30px; }
.lgbtq-coming-out .header4 { padding: 30px; }
.lgbtq-coming-out .header5 { padding: 40px 10px; }
.lgbtq-coming-out .header5 .cell { padding: 0 20px; }
.lgbtq-coming-out #main .header5 p { font-size: 1.6em; }
}

@media screen and (max-width: 768px) {
.lgbtq-coming-out #main .inner h1 { padding: 0 24px; }
.lgbtq-coming-out #main p { font-size: 1.7em; }

.lgbtq-coming-out .header1 { display: block; }
.lgbtq-coming-out .header1 .header1-left { width: 100%; display: block; padding: 35px 24px; }
.lgbtq-coming-out .header1 .header1-right { width: 100%; display: block; padding: 0 0 50% 0; background: url(/img/lgbtq-coming-out/header1.jpg) top center no-repeat; background-size: cover; }

.lgbtq-coming-out .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lgbtq-coming-out .header2 .header2-left { width: 100%; padding: 0 0 36% 0; background: url(/img/lgbtq-coming-out/header2.jpg) center bottom no-repeat; background-size: cover; order: 2; }
.lgbtq-coming-out .header2 .header2-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }

.lgbtq-coming-out .header3 { display: block; }
.lgbtq-coming-out .header3 .header3-left { width: 100%; display: block; padding: 35px 24px; }
.lgbtq-coming-out .header3 .header3-right { width: 100%; display: block; padding: 0 0 42% 0; background: url(/img/lgbtq-coming-out/header3.jpg) center center no-repeat; background-size: cover; }

.lgbtq-coming-out .header4 { padding: 30px 24px; }

.lgbtq-coming-out .header5 { padding: 40px 4px; }
.lgbtq-coming-out .header5 .cell.one, .lgbtq-coming-out .header5 .cell.three { display: none; }
.lgbtq-coming-out .header5 .cell { width: 50%; }
.lgbtq-coming-out #main .header5 .cell p { position: relative; }

.lgbtq-coming-out #main .header5 .cell p.childline { padding: 80px 0 60px 0;}
.lgbtq-coming-out #main .header5 .cell p.childline:before { position: absolute; top: 0; left: 0; width: 245px; height: 70px; display: inline-block; content: ''; background: url(/img/lgbtq-coming-out/childline-logo.png) 0 0 no-repeat; background-size: 245px 70px; }

.lgbtq-coming-out #main .header5 .cell p.stonewall { padding: 100px 0 0 0;}
.lgbtq-coming-out #main .header5 .cell p.stonewall:before { position: absolute; top: 0; left: 0; width: 215px; height: 85px; display: inline-block; content: ''; background: url(/img/lgbtq-coming-out/stonewall-logo.png) 0 0 no-repeat; background-size: 215px 85px; }

.lgbtq-coming-out #main .header5 .cell p.free2b { padding: 105px 0 60px 0;}
.lgbtq-coming-out #main .header5 .cell p.free2b:before { position: absolute; top: 0; left: 0; width: 185px; height: 85px; display: inline-block; content: ''; background: url(/img/lgbtq-coming-out/free2b-logo.png) 0 0 no-repeat; background-size: 185px 85px; }

.lgbtq-coming-out #main .header5 .cell p.themix { padding: 70px 0 0 0;}
.lgbtq-coming-out #main .header5 .cell p.themix:before { position: absolute; top: 0; left: 0; width: 215px; height: 65px; display: inline-block; content: ''; background: url(/img/lgbtq-coming-out/the-mix-logo.png) 0 0 no-repeat; background-size: 215px 65px; }
}

@media screen and (max-width: 600px) {
.lgbtq-coming-out .header5 { display: block; padding: 30px 24px; }
.lgbtq-coming-out .header5 .cell { display: block; width: 100%; padding: 0; }

.lgbtq-coming-out .header5 .cell.four { padding-top: 70px; }
.lgbtq-coming-out #main .header5 .cell p.rucomingout:after { left: auto; right: 0; top: 19px; }
.lgbtq-coming-out #main .header5 .cell p.rucomingout { padding: 100px 0 0 0; }
}


@media screen and (max-width: 450px) {
.lgbtq-coming-out #main .header5 .cell p.rucomingout { padding: 180px 0 0 0; }
.lgbtq-coming-out #main .header5 .cell p.rucomingout:after { left: 0; right: auto; top: 105px; }
}


/* Being a good friend */
.being-a-good-friend #main { padding-bottom: 50px; }
.being-a-good-friend #main .inner { padding: 20px 0 0 0; min-height: 0; }
.being-a-good-friend #main .inner h1 { padding: 0 30px; color: #58278f; }
.being-a-good-friend #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.7em; }
.being-a-good-friend #main p:last-child { padding: 0; }

.being-a-good-friend .header1 { display: table; width: 100%; padding: 0; background: #58278f; height: 477px; }
.being-a-good-friend .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.being-a-good-friend #main .header1 .header1-left p { font-size: 2.3em; line-height: 1.3; color: #fff; font-weight: 400; }
.being-a-good-friend .header1 .header1-right { width: auto; display: table-cell; background: url(/img/being-a-good-friend/header1.jpg) left bottom no-repeat; background-size: cover; }

.being-a-good-friend .header2-heading { padding: 30px 60px 0 60px; }
.being-a-good-friend .header2-heading h2 { color: #58278f; font-size: 2em; }

.being-a-good-friend .list { display: table; height: 300px; width: 100%; padding: 30px 100px; }

.being-a-good-friend .list .list-left { width: 300px; display: table-cell; padding: 0; vertical-align: middle; }
.being-a-good-friend .list .list-left img { border-radius: 50%; display: inline-block; }

.being-a-good-friend .list-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }

.being-a-good-friend #main .list ul { margin: 0; padding: 0 0 0 20px; }
.being-a-good-friend #main .list ul li { padding: 0 0 15px 0; font-size: 1.7em; line-height: 1.3; }
.being-a-good-friend #main .list ul li:last-child { padding: 0; }

.being-a-good-friend .header5 { background: #51017e; padding: 0 24px; margin-top: 30px; }
.being-a-good-friend .header5 .header5-inner { display: table; width: 700px; margin: 0 auto; padding: 20px 0; height: 165px; }
.being-a-good-friend #main .header5 p { padding: 0 0 0 160px; margin: 0; font-size: 2em; display: table-cell; width: 100%; position: relative; color: #fff; vertical-align: middle; }
.being-a-good-friend #main .header5 p:before { position: absolute; top: 0; left: 0; width: 125px; height: 125px; display: inline-block; content: ''; background: url(/img/being-a-good-friend/epic-friends-logo.png) 0 0 no-repeat; background-size: 125px 125px }
.being-a-good-friend .header5 a { color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.being-a-good-friend .header5 a:hover { color: #ffd453; }

@media screen and (max-width: 1400px) {
.being-a-good-friend .header1 { height: auto; }
.being-a-good-friend .header1 .header1-right { padding-bottom: 32%; }
.being-a-good-friend #main .header1 .header1-left p { font-size: 2em; }
.being-a-good-friend .list { height: 250px; }
.being-a-good-friend .list .list-left { width: 250px; }
.being-a-good-friend .list { padding: 30px 60px; }
.being-a-good-friend .list-right { padding: 0 0 0 30px; }
.being-a-good-friend #main .list ul li { font-size: 1.6em; }
}
@media screen and (max-width: 1200px) {
.being-a-good-friend .list .list-left { width: 220px; }
.being-a-good-friend .list { height: 220px; }
.being-a-good-friend .header5 .header5-inner { width: 600px; padding: 20px 0; height: 130px; }
.being-a-good-friend #main .header5 p { padding: 0 0 0 110px; font-size: 1.7em; }
.being-a-good-friend #main .header5 p:before { width: 90px; height: 90px; background-size: 90px 90px; }
}
@media screen and (max-width: 900px) {
.being-a-good-friend .header1 .header1-left { padding: 40px 30px; }
.being-a-good-friend #main .header1 .header1-left p { font-size: 1.7em; }
.being-a-good-friend .list { padding: 30px; }
.being-a-good-friend #main .list ul li { font-size: 1.5em; padding: 0 0 10px 0; }
.being-a-good-friend .header2-heading { padding: 30px 30px 0 30px; }
.being-a-good-friend .list.header4 { padding-bottom: 10px; }
}
@media screen and (max-width: 768px) {
.being-a-good-friend #main .inner h1 { padding: 0 24px; }
.being-a-good-friend .header1 { display: block; }
.being-a-good-friend .header1 .header1-left { width: 100%; display: block; padding: 40px 24px; }
.being-a-good-friend .header1 .header1-right { width: 100%; display: block; padding: 0 0 64% 0; background: url(/img/being-a-good-friend/header1.jpg) left bottom no-repeat; background-size: cover; }
.being-a-good-friend .header2-heading { padding: 30px 24px 0 24px; }
.being-a-good-friend .list { padding: 20px 24px 50px 24px; }
.being-a-good-friend .list { height: 150px; }
.being-a-good-friend .list .list-left { width: 150px; padding: 10px 0 0 0; vertical-align: top; }
.being-a-good-friend .list-right { padding: 0 0 0 20px; vertical-align: top; }
.being-a-good-friend .header5 .header5-inner { width: 100%; height: 110px; }
.being-a-good-friend #main .header5 p { padding: 0 0 0 90px; font-size: 1.67em; line-height: 1.3; }
.being-a-good-friend #main .header5 p:before { width: 70px; height: 70px; background-size: 70px 70px; }
}
@media screen and (max-width: 600px) {
.being-a-good-friend .list .list-left { display: none; }
.being-a-good-friend .list .list-right { position: relative; padding: 170px 0 0 0; }
.being-a-good-friend .list .list-right:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 150px; height: 150px; display: inline-block; content: ''; border-radius: 50%; }
.being-a-good-friend .list.header2 .list-right:before { background: url(/img/being-a-good-friend/header2.jpg) 0 0 no-repeat; background-size: 150px 150px }
.being-a-good-friend .list.header3 .list-right:before { background: url(/img/being-a-good-friend/header3.jpg) 0 0 no-repeat; background-size: 150px 150px }
.being-a-good-friend .list.header4 .list-right:before { background: url(/img/being-a-good-friend/header4.jpg) 0 0 no-repeat; background-size: 150px 150px }
.being-a-good-friend #main .list ul { padding: 0 0 0 14px; }
}
@media screen and (max-width: 450px) {
.being-a-good-friend #main .header5 p { padding: 80px 0 0 0; }
.being-a-good-friend #main .header5 p:before { right: 0; margin: auto; }
}
/* Drugs and your health */
.drugs-and-your-health #main { padding-bottom: 50px; }
.drugs-and-your-health #main .inner { padding: 20px 0 0 0; min-height: 0; }
.drugs-and-your-health #main .inner h1 { padding: 0 30px; color: #023564; }
.drugs-and-your-health #main h2 { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; }
.drugs-and-your-health #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.7em; }
.drugs-and-your-health #main p:last-child { padding: 0; }

.drugs-and-your-health .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 535px; }
.drugs-and-your-health .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.drugs-and-your-health #main .header1 .header1-left h2 { line-height: 1.3; color: #fff; font-weight: 700; }
.drugs-and-your-health #main .header1 .header1-left p { font-size: 1.9em; line-height: 1.3; color: #fff; font-weight: 400; }
.drugs-and-your-health .header1 .header1-right { width: auto; display: table-cell; background: url(/img/drugs-and-your-health/header1.jpg) center top no-repeat; background-size: cover; }

.drugs-and-your-health .header2 { padding: 30px 60px 10px 60px; }
.drugs-and-your-health .header2 h2 { color: #023564; font-size: 2em; text-align: center; }

.drugs-and-your-health .drugs { display: table; width: 100%; padding: 0 0 60px 60px; }
.drugs-and-your-health .drugs.xanax { padding-bottom: 90px; }
.drugs-and-your-health .drugs .row { display: table-row; width: 100%; }
.drugs-and-your-health .drugs .cell { display: table-cell; width: 50%; padding-right: 60px; }
.drugs-and-your-health .drugs.xanax .cell { width: 100%; }
.drugs-and-your-health #main .drugs .cell h2 { color: #2caeca; text-transform: uppercase; font-size: 3.3em !important; padding: 0 0 5px 0; }
.drugs-and-your-health .drugs .cell h3 { color: #2caeca; font-size: 2.3em; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; }
.drugs-and-your-health #main .drugs.xanax .cell.image p { padding-top: 20px; }
.drugs-and-your-health .drugs .cell.image { position: relative; height: 215px; padding: 30px 60px 0 250px; }
.drugs-and-your-health .drugs .cell.image:before { position: absolute; top: 30px; left: 0; border: 10px solid #2caeca; border-radius: 50%; width: 215px; height: 215px; display: inline-block; content: ''; background-size: 215px 215px !important; }
.drugs-and-your-health .drugs .cell.image.cannabis:before { background: url(/img/drugs-and-your-health/cannabis.jpg) center center no-repeat; }
.drugs-and-your-health .drugs .cell.image.nps:before { background: url(/img/drugs-and-your-health/nps.jpg) center center no-repeat; }
.drugs-and-your-health .drugs .cell.image.cocaine:before {  background: url(/img/drugs-and-your-health/cocaine.jpg) center center no-repeat; }
.drugs-and-your-health .drugs .cell.image.ecstasy:before { background: url(/img/drugs-and-your-health/ecstasy.jpg) center center no-repeat; }
.drugs-and-your-health .drugs .cell.image.nitrous:before { background: url(/img/drugs-and-your-health/nitrous.jpg) center center no-repeat; }
.drugs-and-your-health .drugs .cell.image.lean:before { background: url(/img/drugs-and-your-health/lean.jpg) center center no-repeat; }
.drugs-and-your-health .drugs.xanax .cell.image:before { background: url(/img/drugs-and-your-health/xanax.jpg) center center no-repeat; }
.drugs-and-your-health .drugs .mobile { display: none; }

.drugs-and-your-health .frank { background: #ac3e67; padding: 30px; }
.drugs-and-your-health .frank-inner { max-width: 890px; margin: 0 auto; }
.drugs-and-your-health #main .frank p { position: relative; padding: 0 0 0 380px; font-size: 1.9em; line-height: 1.4; color: #fff; }
.drugs-and-your-health #main .frank p:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 344px; height: 66px; display: inline-block; content: ''; background: url(/img/drugs-and-your-health/frank-logo.png) 0 0 no-repeat; background-size: 344px 66px; }
.drugs-and-your-health #main .frank a { color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.drugs-and-your-health #main .frank a:hover { color: #ffd453; }
.drugs-and-your-health #main h2.advice { text-align: center; color: #333; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; padding: 50px 30px 0 30px; }
.pg-drugs.drugs-and-your-health .boroughlistheading { margin-top: 30px; }
.pg-drugs.drugs-and-your-health ul.boroughlist  { margin-bottom: 60px; }

@media screen and (max-width: 1400px) {
.drugs-and-your-health .header1 { height: auto; }
.drugs-and-your-health .header1 .header1-right { padding-bottom: 38%; }
.drugs-and-your-health #main .header1 h2,
.drugs-and-your-health #main .header1 .header1-left p { font-size: 1.8em; }
.drugs-and-your-health #main .drugs .cell h2 { font-size: 3em !important; }
.drugs-and-your-health #main .drugs .cell h3 { font-size: 2em; }
.drugs-and-your-health #main p { font-size: 1.6em; padding: 0 0 10px 0; }
.drugs-and-your-health .drugs .cell.image:before { border: 6px solid #2caeca; width: 170px; height: 170px; background-size: 170px 170px !important; }
.drugs-and-your-health .drugs .cell.image { height: 170px; padding: 30px 60px 0 200px; }
.drugs-and-your-health .frank-inner { max-width: 760px; }
.drugs-and-your-health #main .frank p { padding: 0 0 0 300px; font-size: 1.8em; }
.drugs-and-your-health #main .frank p:before { width: 270px; height: 52px; background-size: 270px 52px; }
}
@media screen and (max-width: 1200px) {
.drugs-and-your-health #main .drugs .cell h2 { font-size: 2.7em !important; }
.drugs-and-your-health #main .drugs .cell h3 { font-size: 1.7em; }
.drugs-and-your-health .drugs .cell.image:before { border: 5px solid #2caeca; width: 140px; height: 140px; background-size: 140px 140px !important; }
.drugs-and-your-health .drugs .cell.image { height: 140px; padding: 30px 60px 0 170px; }
}
@media screen and (max-width: 900px) {
.drugs-and-your-health .header1 .header1-left { padding: 30px; }
.drugs-and-your-health #main .header1 h2, .drugs-and-your-health #main .header1 .header1-left p { font-size: 1.7em; }
.drugs-and-your-health .drugs { padding: 0 0 60px 30px; }
.drugs-and-your-health .drugs .cell, .drugs-and-your-health .drugs .cell.image { padding-right: 30px; }
.drugs-and-your-health #main .drugs .cell h2 { font-size: 2.4em !important; }
.drugs-and-your-health #main .drugs .cell h3 { font-size: 1.6em; }
.drugs-and-your-health .drugs .cell.image:before { border: 4px solid #2caeca; width: 120px; height: 120px; background-size: 120px 120px !important; }
.drugs-and-your-health .drugs .cell.image { height: 120px; padding: 20px 30px 0 140px; }
.drugs-and-your-health .frank-inner { max-width: 690px; }
.drugs-and-your-health #main .frank p { padding: 0 0 0 260px; font-size: 1.7em; }
.drugs-and-your-health #main .frank p:before { width: 230px; height: 44px; background-size: 230px 44px; }
}
@media screen and (max-width: 768px) {
.drugs-and-your-health #main .inner h1 { padding: 0 24px; }
.drugs-and-your-health .header1 { display: block; }
.drugs-and-your-health .header1 .header1-left { width: 100%; display: block; padding: 40px 24px; }
.drugs-and-your-health .header1 .header1-right { width: 100%; display: block; padding: 0 0 53% 0; background: url(/img/drugs-and-your-health/header1.jpg) center top no-repeat; background-size: cover; }
.drugs-and-your-health .header2 { padding: 30px 24px 20px 24px; }
.drugs-and-your-health #main .header1 h2, .drugs-and-your-health #main .header1 .header1-left p { font-size: 1.6em; }
.drugs-and-your-health .drugs .mobile { display: block; }
.drugs-and-your-health .drugs .desktop, .drugs-and-your-health .drugs .desktop .cell { display: none; }
.drugs-and-your-health .drugs { display: block; padding: 0 24px; }
.drugs-and-your-health .drugs .row { display: block; }
.drugs-and-your-health .drugs .cell.image { display: block; width: 100%; height: auto; padding: 0 0 60px 140px;; }
.drugs-and-your-health .drugs .cell.image:before { top: 0; }
.drugs-and-your-health #main .drugs .cell h3 { padding-bottom: 5px; }
.drugs-and-your-health #main .drugs.xanax .cell.image p { padding-top: 0; }
.drugs-and-your-health .drugs.xanax { padding-bottom: 0; }
.drugs-and-your-health .frank-inner { max-width: none; }
.drugs-and-your-health .frank { padding: 24px; }
.drugs-and-your-health #main .frank p { font-size: 1.6em; }
.drugs-and-your-health #main h2.advice { padding: 50px 24px 0 24px; font-size: 1.8em; }
}
@media screen and (max-width: 700px) {
.drugs-and-your-health #main .frank p { padding: 60px 0 0 0; }
.drugs-and-your-health #main .frank p:before { right: 0; bottom: auto; }
}
@media screen and (max-width: 600px) {
.drugs-and-your-health #main .drugs p { text-align: left; }
.drugs-and-your-health .drugs .mobile { text-align: center; }
.drugs-and-your-health .drugs .cell.image { padding: 140px 0 60px 0; }
.drugs-and-your-health .drugs .cell.image:before { right: 0; margin: auto; }
}


/* The Tough Times */
.the-tough-times #main { padding-bottom: 50px; }
.the-tough-times #main .inner { padding: 20px 0 0 0; min-height: 0; }
.the-tough-times #main .inner h1 { padding: 0 30px; color: #58278f; }
.the-tough-times #main p { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; }
.the-tough-times #main p:last-child { padding: 0; }
.the-tough-times .header1 { display: table; width: 100%; padding: 0; background: #58278f; height: 537px; }
.the-tough-times .header1 .header1-left { width: 50%; display: table-cell;  padding: 60px; vertical-align: middle; }
.the-tough-times #main .header1 .header1-left h2 { font-size: 1.9em; line-height: 1.3; color: #fff; padding: 0 0 30px 0; }
.the-tough-times #main .header1 .header1-left p { line-height: 1.3; color: #fff; font-weight: 400; padding: 0 0 30px 0; }
.the-tough-times #main .header1 .header1-left p :last-child { padding: 0; }
.the-tough-times .header1 .header1-right { width: auto; display: table-cell; background: url(/img/the-tough-times/header1.jpg) center center no-repeat; background-size: cover; }
.the-tough-times .header2-heading { padding: 30px 60px 0 60px; }
.the-tough-times .header2-heading h2 { color: #58278f; font-size: 2em; }
.the-tough-times .list { display: table; height: 300px; width: 100%; padding: 30px 100px; }
.the-tough-times .list .list-left { width: 300px; display: table-cell; padding: 0; vertical-align: middle; }
.the-tough-times .list .list-left img { border-radius: 50%; display: inline-block; }
.the-tough-times .list-right { width: auto; display: table-cell; padding: 0 0 0 60px; vertical-align: middle; }
.the-tough-times #main .list ul { margin: 0; padding: 0 0 0 20px; }
.the-tough-times #main .list ul li { padding: 0 0 15px 0; font-size: 1.9em; line-height: 1.3; }
.the-tough-times #main .list ul li:last-child { padding: 0; }
.the-tough-times .header5 { padding: 20px 30px 40px 30px; }
.the-tough-times .header5 a { color: #58278f; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.the-tough-times .header5 a:hover { color: #fecc32; }
.the-tough-times .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 60px; }
.the-tough-times .logos .logo-panel { width: 23.5%; margin: 0 2% 60px 0; }
.the-tough-times .logos .logo-panel:nth-child(4n) { margin-right: 0; }
.the-tough-times .logos .logo-panel a { text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.the-tough-times .logos .logo-panel a h2 { text-transform: uppercase; color: #333 !important; font-size: 2em; margin: 20px 0 2px 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.the-tough-times .logos .logo-panel a p { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.the-tough-times .logos .logo-panel a:hover,
.the-tough-times .logos .logo-panel a:hover h2,
.the-tough-times .logos .logo-panel a:hover p,
.the-tough-times .logos .logo-panel a:active,
.the-tough-times .logos .logo-panel a:active h2,
.the-tough-times .logos .logo-panel a:active p,
.the-tough-times .logos .logo-panel a:focus,
.the-tough-times .logos .logo-panel a:focus h2,
.the-tough-times .logos .logo-panel a:focus p { color: #fecc32 !important; }
@media screen and (max-width: 1400px) {
.the-tough-times .header1 { height: auto; }
.the-tough-times .header1 .header1-right { padding-bottom: 32%; }
.the-tough-times #main .header1 .header1-left p, .the-tough-times #main .header1 .header1-left h2 { font-size: 1.7em; padding: 0 0 10px 0; }
.the-tough-times .list { height: 250px; }
.the-tough-times .list .list-left { width: 250px; }
.the-tough-times .list { padding: 30px 60px; }
.the-tough-times .list-right { padding: 0 0 0 30px; }
.the-tough-times #main .list ul li { font-size: 1.8em; }
.the-tough-times #main .header5 p { font-size: 1.8em; }
.the-tough-times .logos .logo-panel { width: 22%; margin: 0 4% 60px 0; }
.the-tough-times .logos .logo-panel a h2 { font-size: 1.7em; }
.the-tough-times #main .logos .logo-panel p { font-size: 1.8em; }
}
@media screen and (max-width: 1200px) {
.the-tough-times .list .list-left { width: 220px; }
.the-tough-times .list { height: 220px; }
.the-tough-times #main .list ul li { font-size: 1.7em; }
.the-tough-times #main .header5 p { font-size: 1.7em; }
.the-tough-times .logos .logo-panel { width: 30.66%; margin: 0 4% 60px 0; }
.the-tough-times .logos .logo-panel:nth-child(4n) { margin-right: 4%; }
.the-tough-times .logos .logo-panel:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 900px) {
.the-tough-times .header1 .header1-left { padding: 40px 30px; }
.the-tough-times #main .header1 .header1-left p, .the-tough-times #main .header1 .header1-left h2 { font-size: 1.6em; }
.the-tough-times .header2-heading { padding: 30px 30px 0 30px; }
.the-tough-times .header2-heading h2 { font-size: 1.8em; }
.the-tough-times .list { padding: 30px; }
.the-tough-times #main .list ul li { font-size: 1.6em; padding: 0 0 10px 0; }
.the-tough-times .logos { padding: 0 30px; }
}
@media screen and (max-width: 768px) {
.the-tough-times #main .inner h1 { padding: 0 24px; }
.the-tough-times .header1 { display: block; }
.the-tough-times .header1 .header1-left { width: 100%; display: block; padding: 40px 24px; }
.the-tough-times .header1 .header1-right { width: 100%; display: block; padding: 0 0 54% 0; background: url(/img/the-tough-times/header1.jpg) center center no-repeat; background-size: cover; }
.the-tough-times .header2-heading { padding: 30px 24px 0 24px; }
.the-tough-times .list { padding: 20px 24px 50px 24px; }
.the-tough-times .list { height: 150px; }
.the-tough-times .list .list-left { width: 150px; padding: 10px 0 0 0; vertical-align: top; }
.the-tough-times .list-right { padding: 0 0 0 20px; vertical-align: top; }
.the-tough-times .list.header4 { padding-bottom: 20px; }
.the-tough-times .header5 { padding: 20px 24px 40px 24px; }
.the-tough-times .logos { padding: 0 24px; }
.the-tough-times .logos .logo-panel { width: 48%; margin: 0 4% 60px 0; }
.the-tough-times .logos .logo-panel:nth-child(4n) { margin-right: 4%; }
.the-tough-times .logos .logo-panel:nth-child(3n) { margin-right: 4%; }
.the-tough-times .logos .logo-panel:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 600px) {
.the-tough-times .list .list-left { display: none; }
.the-tough-times .list .list-right { position: relative; padding: 170px 0 0 0; }
.the-tough-times .list .list-right:before { right: 0; margin: auto; position: absolute; top: 0; left: 0; width: 150px; height: 150px; display: inline-block; content: ''; border-radius: 50%; }
.the-tough-times .list.header2 .list-right:before { background: url(/img/the-tough-times/header2.jpg) 0 0 no-repeat; background-size: 150px 150px }
.the-tough-times .list.header3 .list-right:before { background: url(/img/the-tough-times/header3.jpg) 0 0 no-repeat; background-size: 150px 150px }
.the-tough-times .list.header4 .list-right:before { background: url(/img/the-tough-times/header4.jpg) 0 0 no-repeat; background-size: 150px 150px }
.the-tough-times #main .list ul { padding: 0 0 0 14px; }
}
@media screen and (max-width: 500px) {
.the-tough-times .logos .logo-panel { width: 100%; margin: 0 0 60px 0; }
.the-tough-times .logos .logo-panel:nth-child(4n) { margin-right: 0; }
.the-tough-times .logos .logo-panel:nth-child(3n) { margin-right: 0; }
.the-tough-times .logos .logo-panel a h2 { margin: 0 0 2px 0; }
.the-tough-times .logos .logo-panel:first-child a h2 { margin: 20px 0 2px 0; }
}


/* LGBTQ+: Good relationships */
.lgbtq-good-relationships #main { padding-bottom: 50px; }
.lgbtq-good-relationships #main .inner { padding: 20px 0 0 0; min-height: 0; }
.lgbtq-good-relationships #main .inner h1 { padding: 0 30px; color: #58278f; }
.lgbtq-good-relationships #main p { padding: 0 0 30px 0; margin: 0; font-size: 1.9em; line-height: 1.3; }
.lgbtq-good-relationships #main p:last-child { padding: 0; }

.lgbtq-good-relationships .header1 { display: table; width: 100%; padding: 0; background: #58278f; height: 402px; }
.lgbtq-good-relationships .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq-good-relationships #main .header1 .header1-left h2 { line-height: 1.3; color: #fff; font-weight: 700; }
.lgbtq-good-relationships #main .header1 .header1-left p { color: #fff; font-weight: 400; line-height: 1.4; }
.lgbtq-good-relationships .header1 .header1-right { width: auto; display: table-cell; background: url(/img/lgbtq-good-relationships/header1.jpg) top center no-repeat; background-size: cover; }

.lgbtq-good-relationships .header2 { display: table; height: 402px; width: 100%; padding: 0; background: #bd00f5; }
.lgbtq-good-relationships .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/lgbtq-good-relationships/header2.jpg) top center no-repeat; background-size: cover; }
.lgbtq-good-relationships .header2-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.lgbtq-good-relationships .header2 .header2-right p { color: #fff; font-weight: 400; line-height: 1.4; }

.lgbtq-good-relationships .header3 { padding: 30px 60px; }
.lgbtq-good-relationships #main .header3 p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }

.lgbtq-good-relationships .header4 { display: table; width: 100%; padding: 0 60px 50px 60px; }
.lgbtq-good-relationships .header4 .cell { display: table-cell; width: 30%; padding-right: 5%; }
.lgbtq-good-relationships .header4 .cell:last-child { padding-right: 0 }

@media screen and (max-width: 1400px) {
.lgbtq-good-relationships .header1 { height: auto; }
.lgbtq-good-relationships .header1 .header1-right { padding-bottom: 28%; }
.lgbtq-good-relationships #main .header1 p { padding: 0 0 20px 0; font-size: 1.8em; }
.lgbtq-good-relationships .header2 { height: auto; }
.lgbtq-good-relationships .header2 .header2-left { padding-bottom: 28%; }
.lgbtq-good-relationships #main .header2 p { padding: 0 0 20px 0; font-size: 1.8em; }
}
@media screen and (max-width: 1200px) {
.lgbtq-good-relationships #main .header1 .header1-left p { padding: 0 0 10px 0; font-size: 1.6em; line-height: 1.3; }
.lgbtq-good-relationships #main .header1 .header1-left p:last-child { padding: 0; }
.lgbtq-good-relationships .header1 .header1-left { padding: 30px 60px; }
.lgbtq-good-relationships #main .header2 .header2-right p { padding: 0 0 10px 0; font-size: 1.6em; line-height: 1.3; }
.lgbtq-good-relationships #main .header2 .header2-right p:last-child { padding: 0; }
.lgbtq-good-relationships .header2 .header2-right { padding: 30px 60px; }
}
@media screen and (max-width: 900px) {
.lgbtq-good-relationships .header1 .header1-left { padding: 30px; }
.lgbtq-good-relationships .header2 .header2-right { padding: 30px; }
.lgbtq-good-relationships .header3 { padding: 20px 30px; }
.lgbtq-good-relationships #main .header3 p { font-size: 1.7em; }
.lgbtq-good-relationships .header4 { padding: 0 30px 40px 30px; }
}
@media screen and (max-width: 768px) {
.lgbtq-good-relationships #main .inner h1 { padding: 0 24px; }
.lgbtq-good-relationships .header1 { display: block; }
.lgbtq-good-relationships .header1 .header1-left { width: 100%; display: block; padding: 30px 24px; }
.lgbtq-good-relationships .header1 .header1-right { width: 100%; display: block; padding: 0 0 48% 0; background: url(/img/lgbtq-good-relationships/header1.jpg) top center no-repeat; background-size: cover; }
.lgbtq-good-relationships .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lgbtq-good-relationships .header2 .header2-left { width: 100%; padding: 0 0 48% 0; background: url(/img/lgbtq-good-relationships/header2.jpg) top center no-repeat;
background-size: cover; order: 2; }
.lgbtq-good-relationships .header2 .header2-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.lgbtq-good-relationships .header3 { padding: 20px 24px; }
.lgbtq-good-relationships .header4 { padding: 0 24px 40px 24px; }
}
@media screen and (max-width: 600px) {
.lgbtq-good-relationships .header4 { display: block; }
.lgbtq-good-relationships .header4 .cell { display: block; width: 100%; }
.lgbtq-good-relationships .header4 .cell a { display: block; max-width: 220px; margin: 0 auto 10px auto; }
.lgbtq-good-relationships .header4 { padding: 0 24px 20px 24px; }
}

/* LGBTQ+: Sex & Sexual health  */
.lgbtq-sex-sexual-health #main { padding-bottom: 50px; }
.lgbtq-sex-sexual-health #main .inner { padding: 20px 0 0 0; min-height: 0; }
.lgbtq-sex-sexual-health #main .inner h1 { padding: 0 30px; color: #58278f; }
.lgbtq-sex-sexual-health #main p { padding: 0 0 30px 0; margin: 0; font-size: 1.9em; line-height: 1.3; }
.lgbtq-sex-sexual-health #main p:last-child { padding-bottom: 0 !important; }
.lgbtq-sex-sexual-health #main p.linebreak { padding-bottom: 2px !important; }

.lgbtq-sex-sexual-health .header1 { display: table; width: 100%; padding: 0; background: #58278f; height: 402px; }
.lgbtq-sex-sexual-health .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq-sex-sexual-health #main .header1 .header1-left h2 { line-height: 1.25; color: #fff; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.lgbtq-sex-sexual-health #main .header1 .header1-left p { color: #fff; font-weight: 400; line-height: 1.4; }
.lgbtq-sex-sexual-health #main .header1 .header1-left a { text-decoration: none; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.lgbtq-sex-sexual-health #main .header1 .header1-left a:hover { color: #fecc32; }
.lgbtq-sex-sexual-health .header1 .header1-right { width: auto; display: table-cell; background: url(/img/lgbtq-sex-sexual-health/header1.jpg) center center no-repeat; background-size: cover; }

.lgbtq-sex-sexual-health .header2 { display: table; height: 531px; width: 100%; padding: 0;  }
.lgbtq-sex-sexual-health .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/lgbtq-sex-sexual-health/header2.jpg) top center no-repeat; background-size: cover; }
.lgbtq-sex-sexual-health .header2-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.lgbtq-sex-sexual-health #main .header2 .header2-right h2 { line-height: 1.25; color: #58278f; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.lgbtq-sex-sexual-health #main .header2 .header2-right h2 span { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.lgbtq-sex-sexual-health .header2 .header2-right p { line-height: 1.4; }
.lgbtq-sex-sexual-health #main .header2 .header2-right a { text-decoration: none; color: #58278f; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.lgbtq-sex-sexual-health #main .header2 .header2-right a:hover { color: #fecc32; }

.lgbtq-sex-sexual-health .header3 { display: table; width: 100%; padding: 0; background: #bd00f5; height: 695px; }
.lgbtq-sex-sexual-health .header3 .header3-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.lgbtq-sex-sexual-health #main .header3 .header3-left h2 { line-height: 1.25; color: #fff; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.lgbtq-sex-sexual-health #main .header3 .header3-left h2 span { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.lgbtq-sex-sexual-health #main .header3 .header3-left p { color: #fff; font-weight: 400; line-height: 1.4; }
.lgbtq-sex-sexual-health #main .header3 .header3-left a { text-decoration: none; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.lgbtq-sex-sexual-health #main .header3 .header3-left a:hover { color: #fecc32; }
.lgbtq-sex-sexual-health .header3 .header3-right { width: auto; display: table-cell; background: url(/img/lgbtq-sex-sexual-health/header3.jpg) bottom center no-repeat; background-size: cover; }

.lgbtq-sex-sexual-health .header4 { display: table; height: 489px; width: 100%; padding: 0; background: #58278f; }
.lgbtq-sex-sexual-health .header4-left { width: auto; display: table-cell; padding: 0; background: url(/img/lgbtq-sex-sexual-health/header4.jpg) center center no-repeat; background-size: cover; }
.lgbtq-sex-sexual-health .header4-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.lgbtq-sex-sexual-health #main .header4 .header4-right h2 { line-height: 1.25; color: #fff; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.lgbtq-sex-sexual-health #main .header4 .header4-right h2 span { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.lgbtq-sex-sexual-health .header4 .header4-right p { color: #fff; line-height: 1.4; }
.lgbtq-sex-sexual-health #main .header4 .header4-right a { color: #fff; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.lgbtq-sex-sexual-health #main .header4 .header4-right a:hover { color: #fecc32; }

.lgbtq-sex-sexual-health .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px; }
.lgbtq-sex-sexual-health .header5 .info-panel { width: 47%; padding: 0 0 80px 0; min-height: 285px; }

.lgbtq-sex-sexual-health .header5 .info-panel.one { margin-right: 6%; }
.lgbtq-sex-sexual-health .header5 .info-panel.three { margin-right: 6%; padding: 0; }
.lgbtq-sex-sexual-health .header5 .info-panel.four { padding: 0; }

.lgbtq-sex-sexual-health #main .header5 h2 { line-height: 1.3; color: #58278f; font-weight: 700; font-size: 3em; margin: 0 0 25px 0; }
.lgbtq-sex-sexual-health #main .header5 p { line-height: 1.4; padding-left: 240px; padding-bottom: 20px; font-size: 1.7em; }
.lgbtq-sex-sexual-health #main .header5 a { color: #58278f; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.lgbtq-sex-sexual-health #main .header5 a:hover { color: #fecc32; }

.lgbtq-sex-sexual-health #main .header5 p.image { position: relative; }
.lgbtq-sex-sexual-health #main .header5 p.image:before { position: absolute; top: 0; left: 0; border: 10px solid #58278f; border-radius: 50%; width: 215px; height: 215px; display: inline-block; content: ''; background-size: 215px 215px !important; }

.lgbtq-sex-sexual-health #main .header5 .info-panel.one p.image:before { background: url(/img/lgbtq-sex-sexual-health/header5a.jpg) center center no-repeat; }
.lgbtq-sex-sexual-health #main .header5 .info-panel.two p.image:before { background: url(/img/lgbtq-sex-sexual-health/header5b.jpg) center center no-repeat; }
.lgbtq-sex-sexual-health #main .header5 .info-panel.three p.image:before { background: url(/img/lgbtq-sex-sexual-health/header5c.jpg) center center no-repeat; }
.lgbtq-sex-sexual-health #main .header5 .info-panel.four p.image:before { background: url(/img/lgbtq-sex-sexual-health/header5d.jpg) center center no-repeat; }

.lgbtq-sex-sexual-health .header6 { display: table; width: 100%; padding: 0; background: #58278f; height: 241px; padding: 60px; }
.lgbtq-sex-sexual-health .header6 .header6-left { width: 214px; display: table-cell; padding: 0; vertical-align: top; }
.lgbtq-sex-sexual-health .header6 .header6-left img { display: block; border-radius: 50%; }
.lgbtq-sex-sexual-health .header6 .header6-right { width: auto; display: table-cell; padding: 0 0 0 60px; }
.lgbtq-sex-sexual-health #main .header6 h2 { color: #fff !important; font-size: 3em; margin: 0 0 25px 0; }
.lgbtq-sex-sexual-health #main .header6 p { color: #fff; font-size: 1.7em; padding-bottom: 20px; }
.lgbtq-sex-sexual-health #main .header6 a { text-decoration: none; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.lgbtq-sex-sexual-health #main .header6 a:hover { color: #fecc32; }
.lgbtq-sex-sexual-health #main .header6 .header6-right { width: auto; display: table-cell; vertical-align: top; }

.lgbtq-sex-sexual-health .header7 { padding: 30px 0 40px 0; text-align: center; }
.lgbtq-sex-sexual-health #main .header7 p { padding: 0 30px 30px 30px; }
.lgbtq-sex-sexual-health .header7 p.purple-bold { color: #58278f; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.lgbtq-sex-sexual-health .header7 .boroughlistheading { margin-top: 0; }

@media screen and (max-width: 1400px) {
.lgbtq-sex-sexual-health .header1 { height: auto; }
.lgbtq-sex-sexual-health #main .header1 .header1-left h2 { margin: 0 0 20px 0; font-size: 2.7em; }
.lgbtq-sex-sexual-health #main .header1 .header1-left p { padding: 0 0 20px 0; font-size: 1.8em; }
.lgbtq-sex-sexual-health .header1 .header1-right { padding-bottom: 28%; }

.lgbtq-sex-sexual-health .header2 { height: auto; }
.lgbtq-sex-sexual-health .header2 .header2-left { padding-bottom: 38%; }
.lgbtq-sex-sexual-health #main .header2 .header2-right h2 { margin: 0 0 20px 0; font-size: 2.7em; }
.lgbtq-sex-sexual-health #main .header2 .header2-right p { padding: 0 0 20px 0; font-size: 1.8em; }

.lgbtq-sex-sexual-health .header3 { height: auto; }
.lgbtq-sex-sexual-health #main .header3 .header3-left h2 { margin: 0 0 20px 0; font-size: 2.7em; }
.lgbtq-sex-sexual-health #main .header3 .header3-left p { padding: 0 0 20px 0; font-size: 1.8em; }
.lgbtq-sex-sexual-health .header3 .header3-right { padding-bottom: 39%; }

.lgbtq-sex-sexual-health .header4 { height: auto; }
.lgbtq-sex-sexual-health .header4 .header4-left { padding-bottom: 33%; }
.lgbtq-sex-sexual-health #main .header4 .header4-right h2 { margin: 0 0 20px 0; font-size: 2.7em; }
.lgbtq-sex-sexual-health #main .header4 .header4-right p { padding: 0 0 20px 0; font-size: 1.8em; }

.lgbtq-sex-sexual-health #main .header5 h2 { font-size: 2.7em; margin: 0 0 20px 0; }
.lgbtq-sex-sexual-health #main .header5 p { padding: 0 0 20px 185px; font-size: 1.65em; }
.lgbtq-sex-sexual-health #main .header5 p.image:before { border: 7px solid #58278f; width: 150px; height: 150px; background-size: 150px 150px !important; }
.lgbtq-sex-sexual-health .header5 .info-panel { min-height: 220px; }

.lgbtq-sex-sexual-health .header6 .header6-left { width: 180px; }
.lgbtq-sex-sexual-health .header6 .header6-right { padding: 0 0 0 40px; }
.lgbtq-sex-sexual-health .header6 .header6-right h2 { font-size: 2.7em; margin: 0 0 20px 0; }
}
@media screen and (max-width: 1200px) {
.lgbtq-sex-sexual-health #main .header1 .header1-left h2 { font-size: 2.4em; }
.lgbtq-sex-sexual-health #main .header1 .header1-left p { padding: 0 0 20px 0; font-size: 1.7em; }

.lgbtq-sex-sexual-health #main .header2 .header2-right h2 { font-size: 2.4em; }
.lgbtq-sex-sexual-health #main .header2 .header2-right p { padding: 0 0 20px 0; font-size: 1.7em; }

.lgbtq-sex-sexual-health #main .header3 .header3-left h2 { font-size: 2.4em; }
.lgbtq-sex-sexual-health #main .header3 .header3-left p { padding: 0 0 20px 0; font-size: 1.7em; }

.lgbtq-sex-sexual-health #main .header4 .header4-right h2 { font-size: 2.4em; }
.lgbtq-sex-sexual-health #main .header4 .header4-right p { padding: 0 0 20px 0; font-size: 1.7em; }

.lgbtq-sex-sexual-health #main .header5 h2 { font-size: 2.5em; }
.lgbtq-sex-sexual-health #main .header5 p { padding: 0 0 20px 155px; }
.lgbtq-sex-sexual-health #main .header5 p.image:before { border: 5px solid #58278f; width: 120px; height: 120px; background-size: 120px 120px !important; }
.lgbtq-sex-sexual-health .header5 .info-panel { min-height: 190px; }

.lgbtq-sex-sexual-health .header6 .header6-left { width: 150px; }
.lgbtq-sex-sexual-health #main .header6 h2 { margin: 0 0 15px 0; font-size: 2.7em; }
}
@media screen and (max-width: 1000px) {
.lgbtq-sex-sexual-health #main .header5 p.image { padding: 140px 0 15px 0; }
.lgbtq-sex-sexual-health #main .header5 p { padding: 0 0 15px 0; }
}
@media screen and (max-width: 900px) {
.lgbtq-sex-sexual-health .header1 .header1-left { padding: 30px; }
.lgbtq-sex-sexual-health .header2 .header2-right { padding: 30px; }
.lgbtq-sex-sexual-health .header3 .header3-left { padding: 30px; }
.lgbtq-sex-sexual-health .header4-right { padding: 30px; }
.lgbtq-sex-sexual-health .header5 { padding: 30px; }
.lgbtq-sex-sexual-health .header6 { padding: 30px; }
.lgbtq-sex-sexual-health .header6 .header6-right { padding: 0 0 0 30px;  }
}
@media screen and (max-width: 768px) {
.lgbtq-sex-sexual-health #main .inner h1 { padding: 0 24px; }
.lgbtq-sex-sexual-health .header1 { display: block; }
.lgbtq-sex-sexual-health .header1 .header1-left { width: 100%; display: block; padding: 30px 24px; }
.lgbtq-sex-sexual-health .header1 .header1-right { width: 100%; display: block; padding: 0 0 48% 0; background: url(/img/lgbtq-sex-sexual-health/header1.jpg) top center no-repeat; background-size: cover; }
.lgbtq-sex-sexual-health #main .header1 .header1-left p { font-size: 1.6em; }
.lgbtq-sex-sexual-health .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lgbtq-sex-sexual-health .header2 .header2-left { width: 100%; padding: 0 0 65% 0; background: url(/img/lgbtq-sex-sexual-health/header2.jpg) top center no-repeat;
background-size: cover; order: 2; }
.lgbtq-sex-sexual-health .header2 .header2-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.lgbtq-sex-sexual-health #main .header2 .header2-right p { font-size: 1.6em; }
.lgbtq-sex-sexual-health .header3 .header3-left { width: 100%; display: block; padding: 30px 24px; }
.lgbtq-sex-sexual-health .header3 .header3-right { width: 100%; display: block; padding: 0 0 73% 0; background: url(/img/lgbtq-sex-sexual-health/header3.jpg) bottom center no-repeat; background-size: cover; }
.lgbtq-sex-sexual-health #main .header3 .header3-left p { font-size: 1.6em; }
.lgbtq-sex-sexual-health .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.lgbtq-sex-sexual-health .header4 .header4-left { width: 100%; padding: 0 0 57% 0; background: url(/img/lgbtq-sex-sexual-health/header4.jpg) center center no-repeat;
background-size: cover; order: 2; }
.lgbtq-sex-sexual-health .header4 .header4-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.lgbtq-sex-sexual-health #main .header4 .header4-right p { font-size: 1.6em; }
.lgbtq-sex-sexual-health .header5 { padding: 30px 24px; display: block; }
.lgbtq-sex-sexual-health .header5 .info-panel,
.lgbtq-sex-sexual-health .header5 .info-panel.one,
.lgbtq-sex-sexual-health .header5 .info-panel.three { width: 100%; padding: 0 0 60px 0; margin-right: 0; min-height: 240px; }
.lgbtq-sex-sexual-health #main .header5 p, .lgbtq-sex-sexual-health #main .header5 p.image { padding: 0 0 15px 145px; }
{ margin-right: 0; }
.lgbtq-sex-sexual-health #main .header5 p { font-size: 1.6em; }
.lgbtq-sex-sexual-health .header6 { padding: 30px 24px; }
.lgbtq-sex-sexual-health .header6 .header6-left { width: 120px; }
.lgbtq-sex-sexual-health #main .header6 p { font-size: 1.6em; padding-bottom: 15px; }
.lgbtq-sex-sexual-health #main .header7 p { padding: 0 24px 30px 24px; font-size: 1.7em; }
}
@media screen and (max-width: 550px) {
.lgbtq-sex-sexual-health #main .header5 h2 { text-align: center; }
.lgbtq-sex-sexual-health #main .header5 p.image { padding: 135px 0 15px 0; }
.lgbtq-sex-sexual-health #main .header5 p { padding: 0 0 15px 0; }
.lgbtq-sex-sexual-health #main .header5 p.image:before { right: 0; margin: auto; }
.lgbtq-sex-sexual-health .header6 { display: block; height: auto; }
.lgbtq-sex-sexual-health .header6 .header6-left { display: none; }
.lgbtq-sex-sexual-health .header6 .header6-right { padding: 0; width: 100%; display: block; }
.lgbtq-sex-sexual-health #main .header6 h2 { position: relative; padding-bottom: 135px; text-align: center; }
.lgbtq-sex-sexual-health #main .header6 h2:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50%; width: 120px; height: 120px; display: inline-block; content: ''; background: url(/img/lgbtq-sex-sexual-health/header6.jpg) center center no-repeat; background-size: 120px 120px; }
}

/* What is an abusive relationship?  */
.relationship-abuse #main { padding-bottom: 50px; }
.relationship-abuse #main .inner { padding: 20px 0 0 0; min-height: 0; }
.relationship-abuse #main .inner h1 { padding: 0 30px; color: #7a0031; }
.relationship-abuse #main p { padding: 0 0 30px 0; margin: 0; font-size: 1.8em; line-height: 1.3; }
.relationship-abuse #main p:last-child { padding-bottom: 0 !important; }
.relationship-abuse #main p.linebreak { padding-bottom: 2px !important; }
.relationship-abuse #main .caps { text-transform: uppercase; }

.relationship-abuse .header1 { display: table; width: 100%; padding: 0; background: #7a0031; height: 536px; }
.relationship-abuse .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.relationship-abuse #main .header1 .header1-left h2 { line-height: 1.25; color: #fff; font-weight: 700; font-size: 2.7em; margin: 0 0 30px 0; }
.relationship-abuse #main .header1 .header1-left h2.linebreak { margin: 0 0 2px 0; }
.relationship-abuse #main .header1 .header1-left p { color: #fff; font-weight: 400; font-size: 1.8em; line-height: 1.4; }
.relationship-abuse #main .header1 .header1-left a { text-decoration: none; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.relationship-abuse #main .header1 .header1-left a:hover { color: #fecc32; }
.relationship-abuse .header1 .header1-right { width: auto; display: table-cell; background: url(/img/relationship-abuse/header1.jpg) center center no-repeat; background-size: cover; }

.relationship-abuse .header2-heading { text-align: center; padding: 30px; }
.relationship-abuse .header2-heading h2 { color: #7a0031; font-size: 3em; margin: 0; }

.relationship-abuse .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 60px 60px 60px; }
.relationship-abuse .header2 .info-panel { width: 47%; padding: 0 0 20px 0; min-height: 285px; }
.relationship-abuse .header2 .info-panel.one { margin-right: 6%; }
.relationship-abuse .header2 .info-panel.three { margin-right: 6%; padding: 0; }
.relationship-abuse .header2 .info-panel.four { padding: 0; }

.relationship-abuse #main .header2 h2 { line-height: 1.3; color: #ed0461; font-weight: 700; font-size: 3em; margin: 0 0 25px 0; }
.relationship-abuse #main .header2 ul { position: relative; padding: 0 0 20px 260px; margin: 0; }
.relationship-abuse #main .header2 ul li { line-height: 1.4; font-size: 1.8em; }
.relationship-abuse #main .header2 ul:before { position: absolute; top: 0; left: 0; border: 10px solid #ed0461; border-radius: 50%; width: 215px; height: 215px; display: inline-block; content: ''; background-size: 215px 215px !important; }

.relationship-abuse #main .header2 .info-panel.one ul:before { background: url(/img/relationship-abuse/header2a.jpg) center center no-repeat; }
.relationship-abuse #main .header2 .info-panel.two ul:before { background: url(/img/relationship-abuse/header2b.jpg) center center no-repeat; }
.relationship-abuse #main .header2 .info-panel.three ul:before { background: url(/img/relationship-abuse/header2c.jpg) center center no-repeat; }
.relationship-abuse #main .header2 .info-panel.four ul:before { background: url(/img/relationship-abuse/header2d.jpg) center center no-repeat; }

.relationship-abuse .header3 { padding: 0 30px 70px 30px; text-align: center; max-width: 850px; margin: 0 auto; }
.relationship-abuse #main .header3 p { padding: 0 0 10px 0; }

.relationship-abuse .header4 { display: table; width: 100%; padding: 0 60px 60px 60px;}
.relationship-abuse .header4 .header4-left { width: 47%; display: table-cell; padding: 0 6% 0 0; vertical-align: top; }
.relationship-abuse .header4 .header4-right { width: 47%; display: table-cell; padding: 0; vertical-align: top; }
.relationship-abuse .header4 .info-panel { position: relative; padding: 0 0 50px 260px; }
.relationship-abuse #main .header4 .info-panel:before { position: absolute; top: 0; left: 0; width: 227px; height: 168px; display: inline-block; content: ''; background-size: 227px 168px !important; }
.relationship-abuse #main .header4 .info-panel.one:before { background: url(/img/relationship-abuse/childline-logo.png) top center no-repeat; }
.relationship-abuse #main .header4 .info-panel.two:before { background: url(/img/relationship-abuse/refuge-logo.png) top center no-repeat; }
.relationship-abuse #main .header4 .info-panel.three:before { background: url(/img/relationship-abuse/disrespect-nobody-logo.png) top center no-repeat; }
.relationship-abuse #main .header4 .info-panel.four:before { background: url(/img/relationship-abuse/respect-logo.png) top center no-repeat; }
.relationship-abuse #main .header4 .info-panel.five:before { background: url(/img/relationship-abuse/the-hideout-logo.png) top center no-repeat; }
.relationship-abuse #main .header4 .info-panel.six:before { background: url(/img/relationship-abuse/galop-logo.png) top center no-repeat; }
.relationship-abuse .header4 .info-panel.six { min-height: 170px; }
.relationship-abuse #main .header4 h4 { color: #ed0461; margin: 0; padding: 0 0 2px 0; }
.relationship-abuse #main .header4 a { word-wrap: break-word; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.relationship-abuse .header5 { clear: both; padding: 30px; background: #7a0031; text-align: center; }
.relationship-abuse .header5-inner { display: inline-block; }
.relationship-abuse .header5-inner a { position: relative; display: block; padding: 0 0 0 160px; height: 130px; color: #fff; text-decoration: none; font-size: 1.7em; line-height: 130px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.relationship-abuse .header5-inner a:before { position: absolute; top: 0; left: 0; width: 130px; height: 130px; display: inline-block; content: ''; background: url(/img/relationship-abuse/link-icon.png) center center no-repeat; background-size: 130px 130px; }
.relationship-abuse .header5-inner a:hover { color: #fecc32; }

@media screen and (max-width: 1400px) {
.relationship-abuse #main { padding-bottom: 0; }
.relationship-abuse .header1 { height: auto; }
.relationship-abuse #main .header1 .header1-left h2 { margin: 0 0 20px 0; font-size: 2.4em; }
.relationship-abuse .header1 .header1-right { padding-bottom: 37%; }
.relationship-abuse .header2-heading h2 { font-size: 2.7em; }
.relationship-abuse .header2 .info-panel { min-height: 245px; }
.relationship-abuse #main .header2 h2 { font-size: 2.7em; margin: 0 0 20px 0; }
.relationship-abuse #main .header2 ul { padding: 0 0 20px 200px; }
.relationship-abuse #main .header2 ul li { font-size: 1.65em; }
.relationship-abuse #main .header2 ul:before { border: 7px solid #ed0461; width: 150px; height: 150px; background-size: 150px 150px !important; }
.relationship-abuse .header4 .info-panel { padding: 0 0 70px 190px; }
.relationship-abuse #main .header4 .info-panel:before { width: 170px; height: 126px; background-size: 170px 126px !important; }
.relationship-abuse #main .header4 p { font-size: 1.7em; }
.relationship-abuse .header5-inner a { padding: 0 0 0 120px; height: 100px; line-height: 100px; }
.relationship-abuse .header5-inner a:before { width: 100px; height: 100px; background-size: 100px 100px; }
}
@media screen and (max-width: 1200px) {
.relationship-abuse #main .header1 .header1-left h2 { font-size: 2.15em; }
.relationship-abuse #main .header1 .header1-left p { font-size: 1.7em; }
.relationship-abuse #main .header2 ul { padding: 0 0 20px 160px; }
.relationship-abuse #main .header2 ul:before { border: 5px solid #ed0461; width: 120px; height: 120px; background-size: 120px 120px !important; }
.relationship-abuse .header2 .info-panel { min-height: 215px; }
.relationship-abuse .header4 .info-panel { padding: 0 0 70px 160px; }
.relationship-abuse #main .header4 .info-panel:before { width: 140px; height: 104px; background-size: 140px 104px !important; }
.relationship-abuse #main .header4 p { font-size: 1.6em; }
}
@media screen and (max-width: 1000px) {
.relationship-abuse .header2-heading { padding: 30px 30px 10px 30px; }
.relationship-abuse .header2 { display: block; }
.relationship-abuse .header2 .info-panel { margin-right: 0 !important; min-height: 220px; width: 100%; padding: 0 !important; }
.relationship-abuse #main .header2 h2 { margin: 20px 0; }
.relationship-abuse .header4 { display: block; padding: 0 60px; }
.relationship-abuse .header4 .header4-left, .relationship-abuse .header4 .header4-right { width: 100%; display: block; padding: 0; }
.relationship-abuse .header4 .info-panel { padding: 0 0 70px 210px; }
.relationship-abuse #main .header4 .info-panel:before { width: 170px; height: 126px; background-size: 170px 126px !important; }
}
@media screen and (max-width: 900px) {
.relationship-abuse .header1 .header1-left { padding: 30px; }
.relationship-abuse .header2 { padding: 0 30px 60px 30px; }
.relationship-abuse #main .header3 p { font-size: 1.65em; }
.relationship-abuse .header4 { padding: 0 30px; }
}
@media screen and (max-width: 768px) {
.relationship-abuse #main .inner h1 { padding: 0 24px; }
.relationship-abuse .header1 { display: block; }
.relationship-abuse .header1 .header1-left { width: 100%; display: block; padding: 30px 24px; }
.relationship-abuse .header1 .header1-right { width: 100%; display: block; padding: 0 0 60% 0; background: url(/img/relationship-abuse/header1.jpg) center center no-repeat; background-size: cover; }
.relationship-abuse .header2-heading { padding: 30px 24px; }
.relationship-abuse .header2-heading h2 { font-size: 2.5em; }
.relationship-abuse .header2 { padding: 0 24px 40px 24px; }
.relationship-abuse .header3 { padding: 0 24px 70px 24px; }
.relationship-abuse .header4 { padding: 0 24px; }
.relationship-abuse .header4 .info-panel { padding: 0 0 70px 170px; }
.relationship-abuse #main .header4 .info-panel:before { width: 140px; height: 104px; background-size: 140px 104px !important; }
.relationship-abuse .header5 { padding: 30px 24px; }
.relationship-abuse .header5-inner a { padding: 0 0 0 100px; height: 80px; line-height: 80px; font-size: 1.6em; }
.relationship-abuse .header5-inner a:before { width: 80px; height: 80px; background-size: 80px 80px; }
}
@media screen and (max-width: 500px) {
.relationship-abuse #main .header2 h2 { text-align: center; margin: 0; }
.relationship-abuse #main .header2 ul { padding: 140px 0 20px 15px; }
.relationship-abuse #main .header2 ul:before { right: 0; margin: auto; top: 10px; }
.relationship-abuse .header2 .info-panel { min-height: 0; padding: 0 0 50px 0 !important; }
.relationship-abuse .header2 .info-panel.four { padding: 0 !important; }
}
@media screen and (max-width: 450px) {
.relationship-abuse #main .header4 .info-panel:before { right: 0; margin: auto; }
.relationship-abuse #main .header4 .info-panel.one { padding: 50px 0 70px 0; }
.relationship-abuse #main .header4 .info-panel.one:before { height: 50px; }
.relationship-abuse #main .header4 .info-panel.two { padding: 80px 0 70px 0; }
.relationship-abuse #main .header4 .info-panel.two:before { height: 70px; }
.relationship-abuse #main .header4 .info-panel.three { padding: 90px 0 70px 0; }
.relationship-abuse #main .header4 .info-panel.three:before { height: 90px; }
.relationship-abuse #main .header4 .info-panel.four { padding: 60px 0 70px 0; }
.relationship-abuse #main .header4 .info-panel.four:before { height: 50px; }
.relationship-abuse #main .header4 .info-panel.five { padding: 100px 0 70px 0; }
.relationship-abuse #main .header4 .info-panel.five:before { height: 95px; }
.relationship-abuse #main .header4 .info-panel.six { padding: 120px 0 70px 0; }
.relationship-abuse #main .header4 .info-panel.six:before { height: 110px; }
.relationship-abuse .header5-inner a { padding: 95px 0 0 0; height: auto; line-height: 1; }
.relationship-abuse .header5-inner a:before { right: 0; margin: auto; }
}


/* Relationship abuse can happen to anyone  */
.relationship-abuse-domestic-violence #main { padding-bottom: 50px; }
.relationship-abuse-domestic-violence #main .inner { padding: 20px 0 0 0; min-height: 0; }
.relationship-abuse-domestic-violence #main .inner h1 { padding: 0 30px; color: #7a0031; }
.relationship-abuse-domestic-violence #main p { padding: 0 0 30px 0; margin: 0; font-size: 1.8em; line-height: 1.3; }
.relationship-abuse-domestic-violence #main p:last-child { padding-bottom: 0 !important; }

.relationship-abuse-domestic-violence .header1 { display: table; width: 100%; padding: 0; background: #7a0031; height: 401px; }
.relationship-abuse-domestic-violence .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.relationship-abuse-domestic-violence #main .header1 .header1-left h2 { line-height: 1.25; color: #fff; font-weight: 700; font-size: 2.7em; margin: 0 0 30px 0; }
.relationship-abuse-domestic-violence #main .header1 .header1-left p { color: #fff; font-weight: 400; font-size: 1.8em; line-height: 1.4; }
.relationship-abuse-domestic-violence .header1 .header1-right { width: auto; display: table-cell; background: url(/img/relationship-abuse-domestic-violence/header1.jpg) center center no-repeat; background-size: cover; }

.relationship-abuse-domestic-violence .header2 { display: table; height: 401px; width: 100%; padding: 0;  }
.relationship-abuse-domestic-violence .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/relationship-abuse-domestic-violence/header2.jpg) top right no-repeat; background-size: cover; }
.relationship-abuse-domestic-violence .header2-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.relationship-abuse-domestic-violence #main .header2 .header2-right h2 { line-height: 1.25; color: #7a0031; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.relationship-abuse-domestic-violence .header2 .header2-right p { line-height: 1.4; }

.relationship-abuse-domestic-violence .header3 { padding: 60px; background: #7a0031; }
.relationship-abuse-domestic-violence .header3 h2 { color: #fff; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.relationship-abuse-domestic-violence .header3 p { color: #fff; font-size: 1.9em; }

.relationship-abuse-domestic-violence .quotes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.relationship-abuse-domestic-violence .quote { width: 50%; }

.relationship-abuse-domestic-violence .header5 { display: table; height: 461px; width: 100%; padding: 0; }
.relationship-abuse-domestic-violence .header5-left { width: auto; display: table-cell; padding: 0; background: url(/img/relationship-abuse-domestic-violence/header5.jpg) center center no-repeat; background-size: cover; }
.relationship-abuse-domestic-violence .header5-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.relationship-abuse-domestic-violence #main .header5 .header5-right h2 { line-height: 1.25; color: #7a0031; font-weight: 700; font-size: 3em; margin: 0 0 30px 0; }
.relationship-abuse-domestic-violence .header5 .header5-right p { line-height: 1.4; }
.relationship-abuse-domestic-violence .header5 .header5-right a { color: #7a0031; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.relationship-abuse-domestic-violence .header5 .header5-right a:hover { color: #fecc32; }

@media screen and (max-width: 1400px) {
.relationship-abuse-domestic-violence .header1 { height: auto; }
.relationship-abuse-domestic-violence #main .header1 .header1-left h2 { margin: 0 0 20px 0; font-size: 2.5em; }
.relationship-abuse-domestic-violence #main .header1 .header1-left p { padding: 0 0 20px 0; font-size: 1.75em; }
.relationship-abuse-domestic-violence .header1 .header1-right { padding-bottom: 29%; }
.relationship-abuse-domestic-violence .header2 { height: auto; }
.relationship-abuse-domestic-violence .header2 .header2-left { padding-bottom: 29%; }
.relationship-abuse-domestic-violence #main .header2 .header2-right h2 { margin: 0 0 20px 0; font-size: 2.5em; }
.relationship-abuse-domestic-violence #main .header2 .header2-right p { padding: 0 0 20px 0; font-size: 1.75em; }
.relationship-abuse-domestic-violence .header3 h2 { margin: 0 0 20px 0; font-size: 2.5em; }
.relationship-abuse-domestic-violence #main .header3 p { padding: 0 0 20px 0; font-size: 1.75em; }
.relationship-abuse-domestic-violence .header5 { height: auto; }
.relationship-abuse-domestic-violence .header5 .header5-left { padding-bottom: 33%; }
.relationship-abuse-domestic-violence #main .header5 .header5-right h2 { margin: 0 0 20px 0; font-size: 2.5em; }
.relationship-abuse-domestic-violence #main .header5 .header5-right p { padding: 0 0 20px 0; font-size: 1.75em; }
}
@media screen and (max-width: 1200px) {
.relationship-abuse-domestic-violence #main .header1 .header1-left h2 { font-size: 2.3em; }
.relationship-abuse-domestic-violence #main .header1 .header1-left p { font-size: 1.7em; }
.relationship-abuse-domestic-violence #main .header2 .header2-right h2 { font-size: 2.3em; }
.relationship-abuse-domestic-violence #main .header2 .header2-right p { font-size: 1.7em; }
.relationship-abuse-domestic-violence .header3 h2 { font-size: 2.3em; }
.relationship-abuse-domestic-violence #main .header3 p { font-size: 1.7em; }
.relationship-abuse-domestic-violence #main .header5 .header5-right h2 { font-size: 2.3em; }
.relationship-abuse-domestic-violence #main .header5 .header5-right p { font-size: 1.7em; }
}
@media screen and (max-width: 900px) {
.relationship-abuse-domestic-violence .header1 .header1-left { padding: 30px; }
.relationship-abuse-domestic-violence .header2 .header2-right { padding: 30px; }
.relationship-abuse-domestic-violence .header3 { padding: 30px; }
.relationship-abuse-domestic-violence .header5 .header5-right { padding: 30px; }
}
@media screen and (max-width: 768px) {
.relationship-abuse-domestic-violence #main .inner h1 { padding: 0 24px; }
.relationship-abuse-domestic-violence .header1 { display: block; }
.relationship-abuse-domestic-violence .header1 .header1-left { width: 100%; display: block; padding: 30px 24px; }
.relationship-abuse-domestic-violence .header1 .header1-right { width: 100%; display: block; padding: 0 0 47% 0; background: url(/img/relationship-abuse-domestic-violence/header1.jpg) top center no-repeat; background-size: cover; }
.relationship-abuse-domestic-violence .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.relationship-abuse-domestic-violence .header2 .header2-left { width: 100%; padding: 0 0 49% 0; background: url(/img/relationship-abuse-domestic-violence/header2.jpg) top center no-repeat; background-size: cover; order: 2; }
.relationship-abuse-domestic-violence .header2 .header2-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.relationship-abuse-domestic-violence .header3 { padding: 30px 24px; }
.relationship-abuse-domestic-violence .quotes { display: block; }
.relationship-abuse-domestic-violence .quote { width: 100%; }
.relationship-abuse-domestic-violence .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.relationship-abuse-domestic-violence .header5 .header5-left { width: 100%; padding: 0 0 57% 0; background: url(/img/relationship-abuse-domestic-violence/header5.jpg) top center no-repeat; background-size: cover; order: 2; }
.relationship-abuse-domestic-violence .header5 .header5-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
}
@media screen and (min-width: 700px) and (max-width: 768px) {
.relationship-abuse-domestic-violence .quote img { width: 100%; }
}


/* Chlamydia: FREE Tests  */
.chlamydia-free-tests #main { padding-bottom: 50px; }
.chlamydia-free-tests #main .inner { padding: 20px 0 0 0; min-height: 0; }
.chlamydia-free-tests #main .inner h1 { padding: 0 30px; color: #b81355; }
.chlamydia-free-tests #main p { padding: 0 0 30px 0; margin: 0; font-size: 1.8em; line-height: 1.4; }
.chlamydia-free-tests #main p:last-child { padding-bottom: 0 !important; }
.chlamydia-free-tests #main p.linebreak { padding-bottom: 2px !important; }

.chlamydia-free-tests .header1 { display: table; width: 100%; padding: 0; background: #b81355; height: 410px; }
.chlamydia-free-tests .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.chlamydia-free-tests #main .header1 .header1-left h2 { font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; line-height: 1.25; color: #fff; font-size: 2.7em; margin: 0 0 20px 0; }
.chlamydia-free-tests #main .header1 .header1-left ul { padding: 0 0 0 20px; margin: 0; }
.chlamydia-free-tests #main .header1 .header1-left ul li { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; color: #fff; font-size: 1.8em; }
.chlamydia-free-tests .header1 .header1-right { width: auto; display: table-cell; background: url(/img/chlamydia-free-tests/header1.jpg) center center no-repeat; background-size: cover; }

.chlamydia-free-tests .header2 { display: table; height: 500px; width: 100%; padding: 0; background: #feba0a; }
.chlamydia-free-tests .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/chlamydia-free-tests/header2.jpg) left bottom no-repeat; background-size: cover; }
.chlamydia-free-tests .header2-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.chlamydia-free-tests #main .header2 .header2-right h2 { color: #000 !important; line-height: 1.2; font-size: 3.3em; margin: 0 0 20px 0; }
.chlamydia-free-tests .header2 .header2-right p { color: #000; }

.chlamydia-free-tests .header3 { display: table; width: 100%; padding: 60px 30px; }
.chlamydia-free-tests .cell { width: 33%; display: table-cell; padding: 0 30px; }
.chlamydia-free-tests #main .cell p { padding-top: 25px; }
.chlamydia-free-tests .cell a { color: #b81355; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.chlamydia-free-tests .cell a:hover { color: #333; }
.chlamydia-free-tests .cell img { display: block; border-radius: 50%; border: 10px solid #b81355; }

@media screen and (max-width: 1400px) {
.chlamydia-free-tests .header1 { height: auto; }
.chlamydia-free-tests .header1 .header1-right { padding-bottom: 29%; }
.chlamydia-free-tests .header2 { height: auto; }
.chlamydia-free-tests .header2 .header2-left { padding-bottom: 37%; }
.chlamydia-free-tests #main .header2 .header2-right h2 { font-size: 3em; }
.chlamydia-free-tests #main .header2 p { font-size: 1.7em; }
.chlamydia-free-tests #main .header3 p { font-size: 1.7em; }
}
@media screen and (max-width: 1200px) {
.chlamydia-free-tests #main .header2 .header2-right h2 { font-size: 2.7em; margin: 0 0 10px 0; }
.chlamydia-free-tests #main .header2 p { padding: 0 0 20px 0; }
.chlamydia-free-tests .cell img { border: 7px solid #b81355; }
}
@media screen and (max-width: 900px) {
.chlamydia-free-tests #main p { padding: 0 0 20px 0; }
.chlamydia-free-tests .header1 .header1-left { padding: 30px; }
.chlamydia-free-tests #main .header1 .header1-left h2 { font-size: 2.4em; margin: 0 0 10px 0; }
.chlamydia-free-tests #main .header1 .header1-left ul li { font-size: 1.65em; }
.chlamydia-free-tests .header2-right { padding: 30px; }
.chlamydia-free-tests #main .header2 .header2-right h2 { font-size: 2.4em; margin: 0 0 10px 0; }
.chlamydia-free-tests #main .header2 .header2-right p { font-size: 1.65em; }
.chlamydia-free-tests .header3 { padding: 40px 15px; }
.chlamydia-free-tests .cell { padding: 0 15px; }
}
@media screen and (max-width: 768px) {
.chlamydia-free-tests #main .inner h1 { padding: 0 24px; }
.chlamydia-free-tests .header1 { display: block; }
.chlamydia-free-tests .header1 .header1-left { width: 100%; display: block; padding: 30px 24px; }
.chlamydia-free-tests .header1 .header1-right { width: 100%; display: block; padding: 0 0 57% 0; background: url(/img/chlamydia-free-tests/header1.jpg) center center no-repeat; background-size: cover; }
.chlamydia-free-tests .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.chlamydia-free-tests .header2 .header2-left { width: 100%; padding: 0 0 62% 0; background: url(/img/chlamydia-free-tests/header2.jpg) center center no-repeat; background-size: cover; order: 2; }
.chlamydia-free-tests .header2 .header2-right { width: 100%; order: 1; padding: 35px 24px 40px 24px; }
.chlamydia-free-tests #main .header2 .header2-right p { font-size: 1.6em; }
.chlamydia-free-tests #main .header3 p { font-size: 1.6em; }
.chlamydia-free-tests .cell img { border: 5px solid #b81355; }
.chlamydia-free-tests .header3 { padding: 40px 12px; }
.chlamydia-free-tests .cell { padding: 0 12px; }
}
@media screen and (max-width: 600px) {
.chlamydia-free-tests .header3 { display: block; padding: 30px 24px; }
.chlamydia-free-tests .header3 .cell { display: block; width: 100%; padding: 0; text-align: center; }
.chlamydia-free-tests .cell img { max-width: 150px; display: inline-block; border: 3px solid #b81355; }
.chlamydia-free-tests #main .header3 p { padding: 15px 0 50px 0 !important; }
}
@media screen and (max-width: 400px) {
.chlamydia-free-tests #main .header1 .header1-left h2 { font-size: 2.3em; }
}








/* Porn  */
.pg-online p.blue-button a, .pg-online a p.blue-button { color: #fff; display: inline-block; background: #1984cb; border-radius: 8px; line-height: 1; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 1.2em; padding: 13px 25px 16px 25px; margin: 10px 0; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pg-online p.blue-button a:hover { background: #005d9c; color: #fff; }
.pg-online .porn .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #050412 url(/assets/misc/porn-heading-bg.jpg) bottom right no-repeat; background-size: auto 100%; padding: 2% 1% 2% 4%; margin: 0 0 30px 0; min-height: 453px; }
.pg-online .porn .heading h2 { max-width: 36%; color: #e83c87; font-size: 2.8em; line-height: 1.2; margin: 0 0 4% 0; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.pg-online .porn .heading p { max-width: 36%; color: #cdc9cb; font-size: 1.6em; line-height: 1.2; }
.pg-online .porn .subheading { height: 386px; background: #050412 url(/assets/misc/porn-clapperboard.jpg) right 50px top 50px no-repeat; background-size: 382px 286px;; padding: 50px 550px 50px 50px; display: table; width: 100%; }
.pg-online .porn .subheading .cell { vertical-align: middle; display: table-cell; }
.pg-online .porn .subheading p { color: #cdc9cb; font-size: 1.7em; line-height: 1.4; }
.pg-online .porn .subheading p.last { margin-bottom: 0; }
.pg-online .porn .remember { max-width: 830px; margin: 40px auto 50px auto; }
.pg-online .porn .remember p { color: #504f50; text-align: center; font-style: italic; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 2em; margin: 0; }
.pg-online .porn .remember h3 { color: #504f50; text-align: center; font-style: italic; text-transform: uppercase; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; margin: 25px 0 15px 0; }
.pg-online .porn .remember p.pink { color: #e83c87; font-size: 1.8em; }
.pg-online .porn .clapperboard-container { background: #fecbe5; display: table; width: 100%; padding: 32px 0 20px 60px; }
.pg-online .porn .clapperboard-container .text { display: table-cell; width: auto; vertical-align: top; padding: 25px 80px 30px 0; }
.pg-online .porn .clapperboard-container .text p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.3; font-size: 1.7em; }
.pg-online .porn .clapperboard-container .text p.pink { color: #e83c87; }
.pg-online .porn .clapperboards { display: table-cell; width: 790px; vertical-align: top; }
.pg-online .porn .clapperboards div { float: left; margin: 0 30px 30px 0; width: 233px; height: 215px; background: url(/assets/misc/porn-clapperboard-black.png) 0 0 no-repeat; background-size: 233px 215px; position: relative; }
.pg-online .porn .clapperboards span { font-style: italic; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; color: #fd008a; font-size: 6em; position: absolute; top: 85px; left: 15px; line-height: 1; }
.pg-online .porn .clapperboards p { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; color: #fff; padding: 95px 15px 0 67px; margin: 0; font-size: 1.5em; line-height: 1.2; }
.pg-online .porn .useful-links-heading h3 { text-align: center; padding: 50px 0; background:url(/assets/misc/porn-down-arrow.png) bottom center no-repeat; background-size: 38px 33px; }




.pg-online .porn .useful-links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; }
.pg-online .porn .useful-links .useful-link { width: 32%; text-align: center; background: #232122; padding: 40px 40px 30px 40px; float: left; text-decoration: none; position: relative; }
.pg-online .porn .useful-links .useful-link.pink { background: #fecbe5; margin: 0 2%; }

.pg-online .porn .useful-links h4 { font-size: 2.3em; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; color: #e83c87; }
.pg-online .porn .useful-links h5 { display: block; font-family: FiraSans-Extrabold, Arial, Helvetica, sans-serif; font-weight: 900; color: #fff; font-size: 2.2em; max-width: 260px; margin: auto; line-height: 1.1; padding: 10px 0 85px 0; text-decoration: underline; }
.pg-online .porn .useful-links .useful-link.pink h5 { color: #000; }

.pg-online .porn .useful-links p.blue-button { font-size: 1em; }
.pg-online .porn .useful-links p.blue-button a { position: absolute; bottom: 55px; left: 0; right: 0; margin: auto; font-size: 2em; width: 200px; display: inline-block; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 700; padding: 10px 25px 14px 25px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pg-online .porn .useful-links p.blue-button a:hover { background: #005d9c; }

@media screen and (max-width: 1300px) {
.pg-online .porn .heading { min-height: 0; background-size: auto 90%; padding: 4%; }
.pg-online .porn .heading h2 { max-width: 50%; }
.pg-online .porn .heading p { max-width: 40%; }
.summer-covered-side h3 { font-size: 4.5em; }
}

@media screen and (max-width: 1200px) {
.pg-online .porn .clapperboard-container { display: block; width: 100%; padding: 30px; }
.pg-online .porn .clapperboard-container .text { display: block; padding: 0 0 30px 0; }
.pg-online .porn .clapperboards { display: block; width: 100%; max-width: 760px; margin: auto; }
.pg-online .porn .clapperboards div:nth-child(3n) { margin-right: 0; }
}

@media screen and (max-width: 1140px) {
.pg-online .porn .subheading { background: #050412 url(/assets/misc/porn-clapperboard.jpg) right 6% top 20% no-repeat; padding: 4% 45% 4% 4%; background-size: 32% auto; }
}

@media screen and (max-width: 1000px) {
.pg-online .porn .heading h2 { max-width: 50%; font-size: 2em; }
.pg-online .porn .heading p { max-width: 40%; }
}

@media screen and (max-width: 900px) {
.pg-online .porn .heading { background-size: auto 80%; }
}

@media screen and (max-width: 870px) {
.pg-online .porn .clapperboards { max-width: 496px; }
.pg-online .porn .clapperboards div:nth-child(3n) { margin-right: 30px; }
.pg-online .porn .clapperboards div:nth-child(2n) { margin-right: 0; }
}

@media screen and (max-width: 860px) {
.pg-online .porn .heading { background-size: auto 70%; }
}

@media screen and (max-width: 800px) {
.pg-online .porn .subheading { height: auto; padding: 4% 4% 53% 4%; background: #050412 url(/assets/misc/porn-clapperboard.jpg) center bottom 30px no-repeat; background-size: 60% auto; }
}


@media screen and (max-width: 768px) {
.pg-online .porn .heading { background-size: auto 60%; }
.pg-online .porn .heading p { max-width: 50%; }
.pg-online .porn .heading h2 { max-width: 70%; }
}

@media screen and (max-width: 700px) {
.pg-online .porn .heading p, .pg-online .porn .heading h2 { max-width: none; }
.pg-online .porn .heading { padding: 4% 4% 48% 4%; background-size: 140% auto; }
.pg-online .porn .useful-links { display: block; margin-top: 20px; }
.pg-online .porn .useful-links a, .pg-online .porn .useful-links a.pink { width: 100%; float: none; padding: 20px 20px 30px 20px; margin: 0 0 30px 0; }
.pg-online .porn .useful-links a p.blue-button { bottom: 25px; }
}

@media screen and (max-width: 610px) {
.pg-online .porn .clapperboards { max-width: 233px; }
.pg-online .porn .clapperboards div, .pg-online .porn .clapperboards div:nth-child(3n), .pg-online .porn .clapperboards div:nth-child(2n) { margin-right: 0; }
}


@media screen and (max-width: 600px) {
.pg-online .porn .subheading { padding: 4% 4% 80% 4%; background: #050412 url(/assets/misc/porn-clapperboard.jpg) center bottom 25px no-repeat; background-size: 90% auto; }
}

@media screen and (max-width: 343px) {
.pg-online .porn .clapperboard-container { padding: 10px 0; }
.pg-online .porn .clapperboard-container .text { padding: 0 20px 30px 20px; }
}

@media screen and (min-width: 1301px) and (max-width: 1400px) {
.pg-online .porn .heading p { max-width: 30%; }
}

@media screen and (max-width: 800px) {
.pg-online .porn .useful-links p.blue-button a { font-size: 1.8em; width: 180px; padding: 10px 25px 12px 25px; }
}
@media screen and (max-width: 700px) {
.pg-online .porn .useful-links { display: block; margin-top: 20px; }
.pg-online .porn .useful-links .useful-link,
.pg-online .porn .useful-links .useful-link.pink { width: 100%; float: none; padding: 20px 20px 0 20px; margin: 0 0 30px 0; }
.pg-online .porn .useful-links p.blue-button a { bottom: 30px; }
}




/* Kingston survey services page  */
.kingston-survey { margin-top: 30px; background: url(/img/banners/achieving-for-children-bg.png); background-size: cover; padding: 8px 10px; }
.kingston-survey a { text-decoration: none; background: #fff; padding: 10px 20px; border-radius: 10px; display: block; }
.kingston-survey h3 { color: #19a0bb; margin: 0 0 7px 0; font-size: 1.8em; line-height: 1.1; text-align: center; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
.kingston-survey h4 { color: #abc620; margin: 0; font-size: 1.6em; line-height: 1.1; text-align: center; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; }
@media screen and (max-width: 1400px) {
.kingston-survey h3 { font-size: 1.4em; }
.kingston-survey h4 { font-size: 1.3em; }
}
@media screen and (max-width: 830px) {
.kingston-survey { padding: 5px; }
.kingston-survey a { padding: 10px; border-radius: 6px; }
.kingston-survey h3 { font-size: 1.3em; }
.kingston-survey h4 { font-size: 1.1em; }
}
@media screen and (max-width: 660px) {
.kingston-survey { padding: 12px 20px; }
.kingston-survey a { padding: 10px 20px; border-radius: 10px; }
.kingston-survey h3 { font-size: 1.6em; }
.kingston-survey h4 { font-size: 1.4em; }
}






/* A-Z of sex word meanings (Nov 2020) */
.a-to-z #main { padding-bottom: 50px; }
.a-to-z #main .inner { padding: 0; min-height: 0; }
.a-to-z #main h1 { padding: 20px 30px; margin: 0; line-height: 1; }
.a-to-z #main p { color: #333; font-size: 1.7em; line-height: 1.3; }

.a-to-z .header1 { display: table; width: 100%; padding: 0; background: #b81355; height: 401px; }
.a-to-z .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.a-to-z #main .header1 .header1-left h2 { color: #fff; font-size: 5.5em; margin: 0 0 30px 0; }
.a-to-z #main .header1 .header1-left h2 span { display: block; }
.a-to-z #main .header1 .header1-left p { color: #fff; font-size: 4.2em; line-height: 1.2; margin: 0; }
.a-to-z #main .header1 .header1-left p span { display: block; }
.a-to-z .header1 .header1-right { width: auto; display: table-cell; background: url(/img/a-to-z/header1.jpg) center center no-repeat; background-size: cover; }

.a-to-z.emotional .header1 { display: table; width: 100%; padding: 0; background: #60429e; height: 401px; }
.a-to-z.emotional #main h1 { color: #60429e; }
.a-to-z.emotional #main .header1 .header1-left h2 { color: #fff; font-size: 4.5em; margin: 0; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; line-height: 1.4; }
.a-to-z.emotional .header1 .header1-right { width: auto; display: table-cell; background: url(/img/a-to-z-emotional/header1.jpg) center center no-repeat; background-size: cover; }


.a-to-z .boroughlistintro { text-align: center; width: 90%; max-width: 930px; margin: 0 auto; }
.a-to-z .boroughlistintro { text-align: center; width: 90%; max-width: 930px; margin: 0 auto; }
.a-to-z .red-line { padding: 0 30px 35px 30px; margin: 0 auto; max-width: 1300px; }

.a-to-z .atoz-container { display: table; width: 100%; padding: 0 60px 0 80px; }
.a-to-z .atoz-container .heading { display: table-cell; vertical-align: top; width: 265px; }
.a-to-z .atoz-container dl.atoz { display: table-cell; vertical-align: top; width: auto; padding: 10px 0 10px 70px; }
.a-to-z .atoz-container .atoz h2 { font-family: 'Sedgwick Ave', cursive; margin: 5px 0 0 0; color: #b81355; font-size: 3em; letter-spacing: 0.04em; }
.a-to-z .atoz-container .atoz dd { border-bottom: none; }

.a-to-z.emotional .atoz-container .atoz h2 { color: #60429e; }
.a-to-z.emotional #main p.dashed-line { padding: 0; margin: 0 0 30px 0; }
.a-to-z.emotional #main p.dashed-line:last-child { display: none; }


.a-to-z ul.letters { padding: 0; margin: 30px auto 10px auto; }
.a-to-z ul.letters li a, .a-to-z .letters span, .a-to-z ul.letters a:link, .a-to-z ul.letters a:visited { background: none; position: relative; }
.a-to-z .letters li, .a-to-z .letters li a, .a-to-z .letters span { padding: 0; height: 106px; margin: 0; }
.a-to-z ul.letters li a:hover { transform: scale(1.2); }
.a-to-z ul.letters li:nth-child(3) a:hover { transform: scale(1.3); }
.a-to-z ul.letters li.current a:hover { transform: scale(1); }
.a-to-z ul.letters li a { -webkit-transition: -webkit-transform 250ms; transition: -webkit-transform 250ms; -o-transition: transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; }

.a-to-z ul.letters li.a a { width: 52px; }
.a-to-z ul.letters li.b a { width: 52px; }
.a-to-z ul.letters li.c a { width: 43.5px; }
.a-to-z ul.letters li.d a { width: 52px; }
.a-to-z ul.letters li.e a { width: 49px; }
.a-to-z ul.letters li.f a { width: 43px; }
.a-to-z ul.letters li.g a { width: 56.5px; }
.a-to-z ul.letters li.h a { width: 53.5px; }
.a-to-z ul.letters li.i a { width: 28.5px; }
.a-to-z ul.letters li.j a { width: 31.5px; }
.a-to-z ul.letters li.k a { width: 50px; }
.a-to-z ul.letters li.l a { width: 28px; }
.a-to-z ul.letters li.m a { width: 69.5px; }
.a-to-z ul.letters li.n a { width: 48.5px; }
.a-to-z ul.letters li.o a { width: 54px; }
.a-to-z ul.letters li.p a { width: 52.5px; }
.a-to-z ul.letters li.q a { width: 54px; }
.a-to-z ul.letters li.r a { width: 39px; }
.a-to-z ul.letters li.s a { width: 45.5px; }
.a-to-z ul.letters li.t a { width: 40.5px; }
.a-to-z ul.letters li.u a { width: 49px; }
.a-to-z ul.letters li.v a { width: 51.5px; }
.a-to-z ul.letters li.w a { width: 72.5px; }
.a-to-z ul.letters li.x a { width: 53.5px; }
.a-to-z ul.letters li.y a { width: 51px; }
.a-to-z ul.letters li.z a { width: 47.5px; }

.a-to-z ul.letters li.a { width: 52px; }
.a-to-z ul.letters li.b { width: 52px; }
.a-to-z ul.letters li.c { width: 43.5px; }
.a-to-z ul.letters li.d { width: 52px; }
.a-to-z ul.letters li.e { width: 49px; }
.a-to-z ul.letters li.f { width: 43px; }
.a-to-z ul.letters li.g { width: 56.5px; }
.a-to-z ul.letters li.h { width: 53.5px; }
.a-to-z ul.letters li.i { width: 28.5px; }
.a-to-z ul.letters li.j { width: 31.5px; }
.a-to-z ul.letters li.k { width: 50px; }
.a-to-z ul.letters li.l { width: 28px; }
.a-to-z ul.letters li.m { width: 69.5px; }
.a-to-z ul.letters li.n { width: 48.5px; }
.a-to-z ul.letters li.o { width: 54px; }
.a-to-z ul.letters li.p { width: 52.5px; }
.a-to-z ul.letters li.q { width: 54px; }
.a-to-z ul.letters li.r { width: 39px; }
.a-to-z ul.letters li.s { width: 45.5px; }
.a-to-z ul.letters li.t { width: 40.5px; }
.a-to-z ul.letters li.u { width: 49px; }
.a-to-z ul.letters li.v { width: 51.5px; }
.a-to-z ul.letters li.w { width: 72.5px; }
.a-to-z ul.letters li.x { width: 53.5px; }
.a-to-z ul.letters li.y { width: 51px; }
.a-to-z ul.letters li.z { width: 47.5px; }

@media screen and (max-width: 1400px) {
.a-to-z #main .header1 .header1-left h2 { font-size: 4em; margin: 0 0 10px 0; }
.a-to-z #main .header1 .header1-left p { font-size: 3em; }
.a-to-z .atoz-container { padding: 0 30px; }
.a-to-z .atoz-container .heading { width: 200px; }
.a-to-z .atoz-container dl.atoz { padding: 10px 0 10px 50px; }
.a-to-z ul.letters { max-width: 790px; }
.a-to-z.emotional #main .header1 .header1-left h2 { font-size: 4em; }
}


@media screen and (max-width: 1200px) {
.a-to-z.emotional #main .header1 .header1-left h2 span { display: inline; }
.a-to-z.emotional #main .header1 .header1-left h2 { font-size: 3.7em; }
}


@media screen and (max-width: 1100px) {
.a-to-z .header1, .a-to-z.emotional .header1 { height: auto; }
.a-to-z.emotional #main .header1 .header1-left h2 { font-size: 3em; }

}
@media screen and (max-width: 950px) {
.a-to-z #main .header1 .header1-left h2 span, .a-to-z #main .header1 .header1-left p span { display: inline; }
}
@media screen and (max-width: 900px) {
.a-to-z .header1 .header1-left { padding: 60px 30px; }
.a-to-z #main .header1 .header1-left h2 { font-size: 3em; }
.a-to-z #main .header1 .header1-left p { font-size: 2.2em; }
.a-to-z .atoz-container .heading { width: 120px; }
.a-to-z .atoz-container dl.atoz { padding: 10px 0 10px 30px; }
.a-to-z .atoz-container .atoz h2 { font-size: 2.5em; }
.a-to-z.emotional #main .header1 .header1-left h2 { font-size: 2.5em; }
}
@media screen and (max-width: 768px) {
.a-to-z .header1, .a-to-z.emotional .header1 { display: block; padding: 0; }
.a-to-z .header1 .header1-left, .a-to-z.emotional .header1 .header1-left { width: 100%; display: block; padding: 35px 24px; }
.a-to-z .header1 .header1-right { width: 100%; display: block; padding-bottom: 55%; }
.a-to-z ul.letters, .a-to-z .atoz-container { padding: 0 24px; }
.a-to-z ul.letters { max-width: 530px; }

.a-to-z.emotional .header1 .header1-right { width: 100%; display: block; padding-bottom: 44%; background: url(/img/a-to-z-emotional/header1.jpg) bottom center no-repeat; background-size: cover; }
.a-to-z #main h1 { line-height: 1.2; }
}

@media screen and (max-width: 600px) {
.a-to-z .atoz-container .heading { display: block; }
.a-to-z .atoz-container dl.atoz { display: block; padding: 20px 0 0 0; }
}
@media screen and (max-width: 530px) {
.a-to-z ul.letters { max-width: 420px; }

}
@media screen and (max-width: 440px) {
.a-to-z ul.letters { max-width: 290px; }
}




/* 8 July 2021  */
.asking-for-help .header11 { padding-bottom: 30px; }
.asking-for-help .header11 .table { display: table; }
.asking-for-help .header11 .table .cell { width: 50%; padding: 0 30px 30px 0; }
.asking-for-help .header11 .table .cell.final { padding: 0 0 30px 30px; }


@media screen and (max-width: 1100px) {
.asking-for-help .header11 .table .cell { padding: 0 20px 30px 0; }
.asking-for-help .header11 .table .cell.final { padding: 0 0 30px 20px; }
}

@media screen and (max-width: 900px) {
.asking-for-help .header11 .table .cell { padding: 0 15px 30px 0; }
.asking-for-help .header11 .table .cell.final { padding: 0 0 30px 15px; }
}

@media screen and (max-width: 768px) {
.asking-for-help .header11 .table .cell { max-width: none; margin: 0; display: table-cell; padding: 0 15px 30px 0; }
}

@media screen and (max-width: 550px) {
.asking-for-help .header11 .table { display: block; }
.asking-for-help .header11 .table .cell { max-width: 100%; margin: 0 auto; display: block; padding: 0 0 50px 0 !important; width: 100%; }
}



/* Update 12 July 2021  */
.lgbtq .header8b { display: table; width: 100%; padding: 0; background: #872c5d; }
.lgbtq .header8b-left { width: 50%; display: table-cell; padding: 0; vertical-align: middle; text-align: center; }
.lgbtq #main .header8b-left p { padding: 12px 0 0 0; margin: 0; font-weight: 400 !important; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-size: 1.9em; }
.lgbtq #main .header8b-left a { text-decoration: none; color: #fff !important; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.lgbtq #main .header8b-left a, .lgbtq #main .header8b-left a img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.lgbtq #main .header8b-left a:hover img { -webkit-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); box-shadow: 0px 0px 16px 7px rgba(255,255,255,0.6); }
.lgbtq #main .header8b-left span a { text-decoration: underline; }
.lgbtq .header8b-right { width: auto; display: table-cell; padding: 120px; vertical-align: middle; background: #833c73; position: relative; }
.lgbtq .header8b-right:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #833c73; border-width: 52px; margin-top: -52px; }
.lgbtq .header8b-right h2 { color: #fff; font-size: 2.5em; line-height: 1.5; margin: 0; }

@media screen and (max-width: 1400px) {
.lgbtq .header8b-right { padding: 60px; }
.lgbtq .header8b-right:before { border-width: 40px; margin-top: -40px; }
.lgbtq .header8b-right h2 { font-size: 2.2em; }

}

@media screen and (max-width: 1200px) {
.lgbtq .header8b-right h2 { font-size: 2em; }
}

@media screen and (max-width: 1100px) {
.lgbtq #main .header8b-left p { font-size: 1.7em; }
}

@media screen and (max-width: 1000px) {
.lgbtq #main .header8b-left p { font-size: 1.6em; }
.lgbtq .header8b-right h2 { font-size: 1.8em; }
}

@media screen and (max-width: 768px) {
.lgbtq .header8b { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.lgbtq .header8b .header8b-left { width: 100%; display: block; padding: 40px 24px; order: 2; }
.lgbtq .header8b .header8b-right { width: 100%; display: block; padding: 40px 24px; order: 1; }
.lgbtq .header8b-right:before { display: none; }
.lgbtq .header8b-right h2 { font-size: 1.7em; }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
.lgbtq .header8b-left { padding: 60px; }
}


/* Update Aug 2021 */
.drugs-and-your-health .drugs.cannabis-edibles .cell.image:before { background: url(/img/drugs-and-your-health/cannabis-edibles.jpg) center center no-repeat; }
.drugs-and-your-health .drugs.cannabis-edibles ul { margin-top: -10px !important; }
.drugs-and-your-health #main .drugs.cannabis-edibles h4 { font-size: 2.3em; margin: 5px 0 7px 0; color: #27a5c1 !important; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }







/* Vaping  */
.vaping #main { padding-bottom: 50px; }
.vaping #main .inner { padding: 0; min-height: 0; }
.vaping #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #fff; }
.vaping #main .inner p:last-child { padding: 0; }
.vaping #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.vaping #main .inner h2 { color: #fff; font-weight: 600; }
.vaping #main .inner a { font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.vaping #main .inner a:hover { color: #fd8a02; }
.vaping #main h1 { padding: 20px 30px 25px 30px; font-size: 3.2em; margin: 0; line-height: 1; color: #023564; }

.vaping .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 409px; }
.vaping .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.vaping .header1 .header1-right { width: auto; display: table-cell; background: url(/img/vaping/header1.jpg) center center no-repeat; background-size: cover; }

.vaping .header2 { display: table; height: 452px; width: 100%; padding: 0; background: #b81355; }
.vaping .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/vaping/header2.jpg) center bottom no-repeat; background-size: cover; }
.vaping .header2-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.vaping .header2-right h2 { color: #fff; font-size: 3.3em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }

.vaping .header3 { display: table; width: 100%; padding: 0; height: 323px; }
.vaping .header3 .header3-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.vaping .header3 .header3-right { width: auto; vertical-align: middle; padding: 60px; text-align: right; display: table-cell; background: url(/img/vaping/header3.jpg) left top no-repeat; background-size: cover; }
.vaping #main .header3 .header3-left h2 { color: #023564 !important; }
.vaping #main .header3 .header3-left p { color: #333; }

@media screen and (max-width: 900px) {
.vaping .header1 { height: auto; }
.vaping .header1 .header1-left { padding: 40px 30px; }
.vaping .header2 { height: auto; }
.vaping .header2-right { padding: 40px 30px; }
.vaping .header3 { height: auto; }
.vaping .header3 .header3-left { padding: 40px 30px; }
.vaping .header3 .header3-right { padding: 40px 30px; }
}

@media screen and (max-width: 768px) {
.vaping #main .inner p, .smoking #main .inner ul li { font-size: 1.7em; }
.vaping #main .inner  h1 { padding-left: 24px; }

.vaping #main .header1 { display: block; }
.vaping #main .header1 .header1-left { width: 100%; display: block; padding: 40px 24px; }
.vaping .header1 .header1-right { padding-bottom: 45%; display: block; }

.vaping .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.vaping .header2 .header2-left { width: 100%; padding-bottom: 61%; order: 2; }
.vaping .header2 .header2-right { width: 100%; order: 1; padding: 30px 24px; }

.vaping #main .header3 { display: block; }
.vaping #main .header3 .header3-left { width: 100%; display: block; padding: 40px 24px; }
.vaping .header3 .header3-right { display: block; text-align: center; padding: 0 24px 40px 24px; }
}

@media screen and (min-width: 470px) {
.vaping .header3 .header3-right img { max-width: 370px; }
}

@media screen and (min-width: 769px) and (max-width: 790px) {
.vaping #main .header3 .header3-left h2 { font-size: 2.45em; }
}


.displaynone { display:none; }
/* Smoking  */
.smoking #main { padding-bottom: 50px; }
.smoking #main .inner { padding: 0; min-height: 0; }
.smoking #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #fff; }
.smoking #main .inner p:last-child { padding: 0; }
.smoking #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.smoking #main .inner ul { padding: 0 0 0 17px; margin: 0; }
.smoking #main .inner ul li { font-size: 1.85em; line-height: 1.4; color: #fff; font-weight: 400; padding: 0 0 10px 10px; }
.smoking #main .inner .tick ul { padding: 0 0 0 17px; margin: 0; }
.smoking #main .inner .tick ul li { font-size: 1.6em; line-height: 1.4; color: #fff; padding: 0 0 10px 40px; position: relative; list-style: none; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.smoking #main .inner .tick ul li:before { position: absolute; top: 0; left: 0; width: 30px; height: 30px; display: inline-block; content: ''; background: url(/img/smoking/tick.png) 0 0 no-repeat; background-size: 30px 30px;  }
.smoking #main .inner h2 { color: #fff; font-weight: 600; }
.smoking #main .inner h3 { color: #fff; }
.smoking #main .inner a { font-weight: 600; text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.smoking #main .inner a:hover { color: #fd8a02; }
.smoking #main .upper { text-transform: uppercase; }

.smoking #main h1 { padding: 20px 30px 25px 30px; font-size: 3.2em; margin: 0; line-height: 1; color: #023564; }

.smoking .header1 { display: table; width: 100%; padding: 0; background: #023564; height: 410px; }
.smoking .header1 .header1-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.smoking .header1 .header1-right { width: auto; display: table-cell; background: url(/img/smoking/header1.jpg) left top no-repeat; background-size: cover; }

.smoking .header2 { display: table; height: 456px; width: 100%; padding: 0; background: #b81355; }
.smoking .header2-left { width: auto; display: table-cell; padding: 0; background: url(/img/smoking/header2.jpg) center center no-repeat; background-size: cover; }
.smoking .header2-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.smoking .header2-right h2 { color: #fff; font-size: 3.3em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }

.smoking .header3-heading { padding: 60px 60px 30px 60px; }
.smoking #main .header3-heading h2 { color: #2caeca; font-size: 3.3em; }

.smoking .header3 { display: table; padding: 0 44px 44px 44px; }
.smoking .header3 .header3-cell { width: 30%; display: table-cell; }
.smoking .header3 .header3-cell.two { width: 40%; padding: 0 5%; }
.smoking #main .header3 .header3-cell p { text-align: center; }
.smoking #main .header3 .header3-cell p img { border-radius: 50%; border: 6px solid #2caeca; max-width: 215px; display: inline-block; }
.smoking #main .header3 .header3-cell ul li { color: #333 !important; }

.smoking .header4-heading { background: #023564; padding: 60px 60px 50px 60px; }
.smoking #main .header4-heading h2 { color: #fff; margin: 0; font-size: 3.3em; }

.smoking .header4 { background: #023564; display: table; padding: 0 60px 50px 60px; }
.smoking .header4 .header4-cell { width: 30%; display: table-cell; }
.smoking .header4 .header4-cell.two { width: 40%; padding: 0 5%; }
.smoking #main .header4 .header4-cell p { text-align: center; }
.smoking #main .header4 .header4-cell p img { border-radius: 50%; border: 4px solid #2caeca; max-width: 215px; display: inline-block; }

.smoking .header5-heading { padding: 60px 60px 30px 60px; }
.smoking #main .header5-heading h2 { color: #023564; font-size: 4.3em; }

.smoking .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 60px 20px 60px; }
.smoking .header5 .header5-panel { width: 50%; }
.smoking .header5 .header5-panel.one p:last-child { padding: 0 0 0 70px !important; max-width: 360px; }
.smoking .header5 .header5-panel.three p:last-child { padding: 0 0 0 70px !important; max-width: 360px; }
.smoking .header5 .header5-table { display: table; padding-bottom: 50px; }
.smoking #main .inner .header5 .header5-table p { padding: 0; display: table-cell; color: #333 !important; vertical-align: middle; }
.smoking .header5 .header5-table p:first-child { width: 260px; }
.smoking #main .header5 p a { color: #333; }

.smoking .header5-footer { padding: 0 24px 60px 24px; }
.smoking #main .header5-footer p { text-align: center; color: #333 !important; }
.smoking #main .header5-footer p a { color: #333; }

.smoking .header6 { display: table; width: 100%; padding: 40px 0; background: #023564; }
.smoking .header6 .header6-left { width: 50%; display: table-cell;  padding: 0 60px; vertical-align: middle; }
.smoking #main .header6 .header6-left h2 { font-size: 3.3em; line-height: 1; margin: 0 0 40px 0; }
.smoking .header6 .header6-right { width: auto; display: table-cell; text-align: center; padding: 0 30px; }
.smoking .header6 .header6-right img { border-radius: 50%; max-width: 350px; display: inline-block; }

.smoking .header7 { display: table; height: 628px; width: 100%; padding: 0; background: #b81355; }
.smoking .header7-left { width: auto; display: table-cell; padding: 0; background: url(/img/smoking/header7.jpg) center center no-repeat; background-size: cover; }
.smoking .header7-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.smoking .header7-right h2 { color: #fff; font-size: 3.4em; line-height: 1.3; margin: 0; padding: 0 0 20px 0; }
.smoking #main .header7-right a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.smoking #main .header7-right p { line-height: 1.3; }
.smoking #main .header7-right p:last-child { padding: 0; }

.smoking .header8 { display: table; width: 100%; padding: 0; background: #023564; height: 432px; }
.smoking .header8 .header8-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.smoking .header8 .header8-right { width: auto; display: table-cell; background: url(/img/smoking/header8.jpg) center center no-repeat; background-size: cover; }

@media screen and (max-width: 1400px) {
.smoking .header1 { height: auto; }
.smoking .header2 { height: auto; }
.smoking .header2-right h2 { font-size: 3em; padding: 0 0 10px 0; }
.smoking .header5-heading { padding: 30px 60px 20px 60px; }
.smoking #main .header5-heading h2 { font-size: 4em; }
.smoking .header7 { height: auto; }
.smoking .header8 { height: auto; }
}

@media screen and (max-width: 1200px) {
.smoking #main .header5-heading h2 { font-size: 3.7em; }
.smoking .header5 .header5-table p:first-child { width: 180px; }
.smoking .header5 .header5-panel.one p:last-child,
.smoking .header5 .header5-panel.three p:last-child { padding: 0 0 0 20px !important; }
}

@media screen and (max-width: 1100px) {
.smoking .header3-heading { padding: 30px 60px 20px 60px; }
.smoking #main .header3-heading h2 { font-size: 2.7em; }
.smoking .header4-heading { padding: 30px 60px 40px 60px; }
.smoking #main .header4-heading h2 { font-size: 2.7em; }
}

@media screen and (max-width: 950px) {
.smoking #main .header6 .header6-left h2 { font-size: 3.1em; }
}

@media screen and (max-width: 900px) {
.smoking .header1 .header1-left { padding: 40px 30px; }
.smoking .header2-right { padding: 40px 30px; }

.smoking .header3 { padding: 0 30px 40px 12px; }
.smoking .header3-heading { padding: 30px 30px 20px 30px; }
.smoking #main .header3 .header3-cell p img { border-radius: 50%; border: 4px solid #2caeca; max-width: 160px; }
.smoking .header3 .header3-cell { width: 32%; }
.smoking .header3 .header3-cell.two { width: 36%; padding: 0 2%; }

.smoking #main .inner .tick ul li { font-size: 1.45em; padding: 0 0 10px 30px; }
.smoking #main .inner .tick ul li:before { width: 20px; height: 20px; background-size: 20px 20px; }

.smoking .header4 { padding: 0 30px 40px 12px; }
.smoking .header4-heading { padding: 30px 30px 20px 30px; }
.smoking #main .header4 .header4-cell p img { border-radius: 50%; border: 4px solid #2caeca; max-width: 160px; }
.smoking .header4 .header4-cell { width: 32%; }
.smoking .header4 .header4-cell.two { width: 36%; padding: 0 2%; }

.smoking .header5-heading { padding: 20px 30px 10px 30px; }
.smoking .header5 { padding: 0 30px 20px 26px; }

.smoking #main .header6 .header6-left h2 { font-size: 3em; margin: 0 0 20px 0; }

.smoking .header6 { padding: 30px 0; }
.smoking .header6 .header6-left { padding: 0 30px; width: 60%; }
.smoking .header6 .header6-right img { max-width: 100%; }

.smoking .header7-right { padding: 30px 30px 38px 30px; }
.smoking .header8 .header8-left { padding: 40px 30px; }
}

@media screen and (max-width: 768px) {
.smoking #main .inner p, .smoking #main .inner ul li { font-size: 1.7em; }
.smoking #main .inner  h1 { padding-left: 24px; }
.smoking #main .header1 { display: block; }
.smoking #main .header1 .header1-left { width: 100%; display: block; padding: 35px 24px; }
.smoking .header1 .header1-right { padding-bottom: 56%; display: block; }

.smoking .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.smoking .header2 .header2-left { width: 100%; padding-bottom: 50%; order: 2; background: url(/img/smoking/header2.jpg) top center no-repeat; background-size: cover; }
.smoking .header2 .header2-right { width: 100%; order: 1; padding: 30px 24px; }

.smoking .header3-heading { padding: 24px 24px 20px 24px; }
.smoking .header3 { padding: 0 24px 40px 6px; }

.smoking .header4-heading { padding: 24px 24px 20px 24px; }
.smoking .header4 { padding: 0 24px 40px 6px; }

.smoking .header5-heading { padding: 15px 24px 10px 24px; }
.smoking #main .header5-heading h2 { font-size: 3.4em; }

.smoking .header5 { padding: 0 24px 20px 21px; }
.smoking .header5 .header5-table p:first-child { width: 140px; }
.smoking .header5 .header5-table { padding-bottom: 30px; }

.smoking #main .header5-footer p { text-align: left; }

.smoking .header6 .header6-left { padding: 0 24px; }

.smoking .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.smoking .header7 .header7-left { width: 100%; padding-bottom: 69%; order: 2; background: url(/img/smoking/header7.jpg) top center no-repeat; background-size: cover; }
.smoking .header7 .header7-right { width: 100%; order: 1; padding: 30px 24px; }

.smoking .header8 .header8-left { padding: 40px 24px; }
.smoking #main .header8 { display: block; }
.smoking #main .header8 .header8-left { width: 100%; display: block; padding: 35px 24px; }
.smoking .header8 .header8-right { padding-bottom: 47%; display: block; }
}

@media screen and (max-width: 700px) {
.smoking #main .header3-heading h2 { font-size: 2.4em; }
.smoking #main .header4-heading h2 { font-size: 2.4em; }
}

@media screen and (max-width: 650px) {
.smoking #main .header6 .header6-left h2 { font-size: 2.8em; }
}

@media screen and (max-width: 600px) {
.smoking .header3 { display: block; }
.smoking .header3 .header3-cell, .smoking .header3 .header3-cell.two { display: block; width: 100%; padding: 0 0 0 18px; }
.smoking #main .header3 .header3-cell p { text-align: left; }
.smoking .header3 .header3-cell.two, .smoking .header3 .header3-cell.three { padding-top: 60px; }

.smoking #main .inner .tick ul { padding: 0; }

.smoking .header4 { display: block; }
.smoking .header4 .header4-cell, .smoking .header4 .header4-cell.two { display: block; width: 100%; padding: 0 0 0 18px; }
.smoking #main .header4 .header4-cell p { text-align: left; }
.smoking .header4 .header4-cell.two, .smoking .header4 .header4-cell.three { padding-top: 60px; }

.smoking .header5 .header5-panel { width: 100%; }

.smoking .header5 .header5-panel .header5-table p:first-child { position: relative;  }
.smoking .header5 .header5-panel .header5-table p:first-child img { position: absolute; top: 0; }

.smoking .header5 .header5-panel.one .header5-table p:first-child { height: 110px; }
.smoking .header5 .header5-panel.one .header5-table p:first-child img { left: -23px; }

.smoking .header5 .header5-panel.two .header5-table p:first-child { height: 85px; }
.smoking .header5 .header5-panel.two .header5-table p:first-child img { left: -40px; }

.smoking .header5 .header5-panel.three .header5-table p:first-child { height: 60px; }
.smoking .header5 .header5-panel.three .header5-table p:first-child img { left: 0; }

.smoking .header5 .header5-panel.four .header5-table p:first-child { height: 90px; }
.smoking .header5 .header5-panel.four .header5-table p:first-child img { left: -46px; }

.smoking #main .inner .header5 p:last-child { padding: 0 0 0 50px !important; }

.smoking .header6 { display: block; }
.smoking .header6 .header6-left { display: block; width: 100%; position: relative; padding: 0 24px 140px 24px; }
.smoking #main .header6 .header6-left:after { position: absolute; bottom: -5px; left: 24px; width: 130px; height: 130px; display: inline-block; content: ''; background: url(/img/smoking/header6.png) 0 0 no-repeat; background-size: 130px 130px; border-radius: 50%; }
.smoking .header6 .header6-right { display: none; }
.smoking #main .header6 .header6-left h2 { position: relative; }

.smoking .header7-right h2 { font-size: 3em; padding: 0 0 10px 0; }
}

@media screen and (max-width: 400px) {
.smoking .header5 .header5-table p:first-child { width: 110px; }
.smoking #main .inner .header5 p:last-child { padding: 0 0 0 20px !important; }
.smoking #main .inner .header5 .header5-table p { font-size: 1.5em; }
.smoking #main .header5-heading h2 { font-size: 2.7em; }
}

@media screen and (max-width: 350px) {
.smoking #main .header6 .header6-left h2 { font-size: 2.6em; }
}





/* Update 06 Sep 2021  */
.pg-home .table { display: table; width: 100%; }
.pg-home .table .cell { display: table-cell; vertical-align: middle; width: 50%; }
.pg-home #main p { font-size: 2em; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.pg-home .local-services, .pg-home #main .local-services .inner { background: #b81355; }
.pg-home .local-services .table { padding: 35px 0 100px 0; width: 1278px; margin: 0 auto; }
.pg-home .local-services .text h1 { color: #fff; font-size: 3.5em; font-weight: 700; text-align: center; margin: 0 0 5px 0; }
.pg-home .local-services .text h2 { font-family: 'Barlow', sans-serif; text-transform: uppercase; color: #ffd453; font-size: 6em; text-align: center; line-height: 1; margin: 0; }
.pg-home .local-services .text h2 span { display: block; }

.pg-home #main { padding-top: 0; }
.pg-home #main .inner.margin-top { margin-top: 0; padding: 0; min-height: 0; }
.pg-home #main .inner { background: #eff2f3; }

.pg-home .intro { height: 400px; background: #fff; margin-top: -25px;}
.pg-home .intro .left { padding: 40px 110px; }
.pg-home .intro .intro-logo { max-width: 350px; }
.pg-home .intro .left h3 { color: #58278f; line-height: 1.5; }
.pg-home .intro .right { border-top: 20px solid #fff; border-right: 100px solid #fff; border-bottom: 20px solid #fff; background: url(/img/home/teenagers-on-wall.jpg) center center no-repeat; background-size: cover; }

.pg-home .are-you13-19 { background: #b81355; margin: 30px auto 0 auto; width: 1280px; }
.pg-home .are-you13-19 .left { padding: 30px 60px 50px 60px; }
.pg-home .are-you13-19 .right { padding: 60px; }
.pg-home .are-you13-19 .right p { max-width: 400px; color: #fff; font-weight: 700; }
.pg-home .are-you13-19 .right p span { color: #ffd453; }
.pg-home .are-you13-19 .right p.yellow { color: #ffd453; max-width: 450px; }
.pg-home #main .are-you13-19 .right p.sml { font-size: 1.5em; max-width: 480px; }

.pg-home .are-you13-19 ul { margin: 0; padding: 25px 0 0 0; max-width: 450px; }
.pg-home .are-you13-19 ul li { list-style: none; margin: 0; padding: 0; }
.pg-home .are-you13-19 ul li a { font-family: 'Bebas Neue', sans-serif; font-weight: 400; padding: 0 0 15px 0; line-height: 1; color: #ffd453; font-size: 3.5em; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.pg-home .are-you13-19 ul li a:hover { color: #fff; }

.pg-home #main .overview .inner { background: #066276; margin-top: 30px; padding: 40px 30px 80px 30px; margin: 30px auto 0 auto; width: 1280px; }
.pg-home .overview p.text { text-align: center; color: #fff; max-width: 740px; margin: 0 auto; font-size: 1.85em; padding: 0 0 40px 0; text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.pg-home .overview p.image { max-width: 1080px; margin: 0 auto; padding: 0; -webkit-box-shadow: 0 0 10px 7px #fff; box-shadow: 0 0 10px 10px #fff; }
.pg-home .campaigns-heading h3 { color: #58278f; line-height: 1.5; padding: 20px 30px; margin: 0 auto; max-width: 810px; text-align: center; }
.pg-home .campaigns .cell { width: 31.3333%; vertical-align: bottom; position: relative; padding: 80px 0 0 0; }
.pg-home .campaigns .cell a { display: inline-block;}
.pg-home #main .campaigns .sti p.text { max-width: 290px; margin: 0 auto; }
.pg-home .campaigns .skills { width: 36.3333%; padding-left: 3%; padding-right: 3%; }
.pg-home #main .campaigns .covid p.text { max-width: 300px; margin: 0 auto; }
.pg-home #main .campaigns p.text { font-size: 1.7em; text-align: center; line-height: 1.5; }

.pg-home #main .campaigns .cell:before { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 85px; height: 78px; display: inline-block; content: ''; }
.pg-home #main .campaigns .sti:before { background: url(/img/home/sti-testing-icon.png) 0 0 no-repeat; background-size: 85px 78px; }
.pg-home #main .campaigns .skills:before { background: url(/img/home/skills-icon.png) 0 0 no-repeat; background-size: 85px 78px; }
.pg-home #main .campaigns .covid:before { background: url(/img/home/covid-icon.png) 0 0 no-repeat; background-size: 85px 78px; }

.pg-home .home-feedback { background: #fff; margin: 40px 0; padding: 30px 30px 50px 30px; text-align: center; }
.pg-home .home-feedback h3 { color: #58278f; text-transform: uppercase; font-size: 3em; margin: 20px 0 10px 0; }
.pg-home .home-feedback p { max-width: 900px; margin: 0 auto; }
.pg-home .home-feedback p.line { position: relative; padding: 0 0 50px 0; }
.pg-home .home-feedback p.line:after { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 15px; height: 4px; display: block; content: ''; background: #58278f; }
.pg-home .home-feedback p a { color: #58278f; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.pg-home .home-feedback p a:hover { color: #ffd453; }

.pg-home .help { max-width: 1270px; margin: 0 auto; background: #b81355; text-align: center; padding: 30px 24px; }
.pg-home #main .help p { color: #fff; max-width: 490px; margin: 0 auto; font-size: 2.2em; line-height: 1.5; }
.pg-home .help p.image { padding: 20px 0; }
.pg-home #main .help p.emergency { font-size: 5.5em; border: 1px solid #fff; display: inline-block; padding: 2px 45px 12px 45px; line-height: 1; margin: 20px 0 0 0; }
.pg-home .help p a { color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.pg-home .help p a:hover { color: #ffd453; }

.pg-home .more-info { background: #fff; padding: 30px; margin: 70px 0 0 0; }
.pg-home #main .more-info p { font: 62.5% FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.6em; line-height: 1.5; }
.pg-home #main .more-info p:last-child { margin: 0; }

@media screen and (min-width: 900px) {
.pg-home .are-you13-19 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
}
@media screen and (min-width: 400px) and (max-width: 768px)  {
.pg-home .are-you13-19 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
}
@media screen and (max-width: 1460px) {
.pg-home #main .inner.margin-top { margin-top: 20px; }
.pg-home .campaigns { padding: 0 30px; }
}
@media screen and (max-width: 1400px) {
.pg-home .home-feedback p.image img { max-width: 130px; }
.pg-home .home-feedback h3 { font-size: 2.7em; }
}
@media screen and (max-width: 1338px) {
.pg-home .local-services .table { width: 100%; }
.pg-home .local-services .text { padding-left: 20px; }
.pg-home .intro .left { padding: 40px 60px; }
.pg-home .intro .right { border-top: 30px solid #fff; border-right: 30px solid #fff; border-bottom: 30px solid #fff; }
.pg-home .are-you13-19 { width: 100%; }
}
@media screen and (max-width: 1280px) {
.pg-home .are-you13-19 ul li a { font-size: 3em; }
.pg-home #main .overview .inner { width: 100%; }
}
@media screen and (max-width: 1100px) {
.pg-home .local-services video { width: 500px; height: 361px; }
.pg-home .local-services .text h2 { font-size: 5em; }
.pg-home .intro .left h3 { font-size: 1.9em; }
.pg-home .intro .intro-logo { max-width: 300px; }
.pg-home .are-you13-19 .left { padding: 30px 0 30px 40px; }
}
@media screen and (max-width: 1000px) {
.pg-home .local-services video { width: 430px; height: 322px; }
.pg-home .local-services .text h2 { font-size: 4.5em; }
.pg-home .local-services .table { padding: 5px 0 70px 0; }
.pg-home .intro .left { padding: 30px; }
.pg-home .are-you13-19 ul li a { font-size: 2.7em; }
.pg-home #main .overview .inner {  padding: 40px 30px 50px 30px; }
}
@media screen and (max-width: 900px)  {
.pg-home #main p { font-size: 1.8em; }
.pg-home .are-you13-19 .left { padding: 80px 0 30px 40px; vertical-align: top; }
.pg-home #main .help p.image { max-width: 120px; }
.pg-home #main .help p { font-size: 1.8em; }
}
@media screen and (max-width: 768px)  {
.pg-home .local-services .table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 70px 0; }
.pg-home .local-services .table .cell { display: block; width: 100%; }
.pg-home .local-services .table .video { order: 2; text-align: center; }
.pg-home .local-services .table .text { order: 1; padding-left: 0; }

.pg-home .local-services .text h2 span { display: inline; }
.pg-home .intro { display: block; height: auto; }
.pg-home .intro .left { padding: 30px 24px 10px 24px; display: block; width: 100%; }
.pg-home .intro .right { border: none; padding-bottom: 41%; display: block; width: 100%; }

.pg-home .are-you13-19 { padding: 40px 24px; display: block; width: 100%; }
.pg-home .are-you13-19 .left { display: block; width: 100%; padding: 0; text-align: center; }
.pg-home .are-you13-19 .left img { max-width: 300px; }
.pg-home .are-you13-19 .right { display: block; width: 100%; padding: 30px 0 0 0; }
.pg-home .are-you13-19 .right p,
.pg-home .are-you13-19 .right p.yellow,
.pg-home #main .are-you13-19 .right p.sml { max-width: none; margin: 0; }
.pg-home #main .overview .inner { padding: 20px 24px 40px 24px; }

.pg-home .campaigns-heading { padding-bottom: 30px; }
.pg-home .campaigns { display: block; width: 100%; padding: 0 24px; }
.pg-home .campaigns .cell { display: block; width: 100%; padding: 80px 0 50px 0; }
.pg-home .campaigns .cell.covid { padding-bottom: 0; }
.pg-home #main .campaigns .sti p.text { max-width: none; }
.pg-home #main .campaigns p.image { text-align: center; }
.pg-home .campaigns-heading h3 { font-size: 1.8em; line-height: 1.4; padding: 20px 24px; }
.pg-home .home-feedback { padding: 30px 24px 50px 24px; }
}
@media screen and (max-width: 500px)  {
.pg-home .local-services video { width: 352px; height: 278px; }
.pg-home #main .help p.emergency { font-size: 4.5em; padding: 2px 35px 12px 35px; }
}
@media screen and (max-width: 400px)  {
.pg-home .local-services video { width: 272px; height: 233px; }
.pg-home .intro .intro-logo { max-width: 100%; }
}
@media screen and (max-width: 350px)  {
.pg-home .are-you13-19 .left img { max-width: 100%; }
}



/* What is an abusive relationship? UPDATE Nov 2021 */
.relationship-abuse #main .header2 .info-panel.five ul:before { background: url(/img/relationship-abuse/header2e.jpg) center center no-repeat; }
.relationship-abuse .header2 .info-panel.three,
.relationship-abuse .header2 .info-panel.four { padding: 0 0 20px 0; }
.relationship-abuse .header2 .info-panel { min-height: 330px; }
.relationship-abuse .header2 .info-panel.six { padding: 0 0 0 77px; }
.relationship-abuse .header2 .info-panel.six p { color: #ed0461; }
.relationship-abuse .header2 .info-panel.six h2 { line-height: 1.2; }
.relationship-abuse .header4 .info-panel.five { padding-bottom: 90px; }
.relationship-abuse #main .header4 .info-panel.seven:before { top: -8px; background: url(/img/relationship-abuse/sea-logo.png) top center no-repeat; background-size: 250px 180px !important; width: 250px; height: 180px; }
@media screen and (max-width: 1400px) {
.relationship-abuse #main .header4 .info-panel.seven:before { top: -4px; background-size: 180px 130px !important; width: 180px; height: 130px; }
}
@media screen and (max-width: 1200px) {
.relationship-abuse .header2 .info-panel { min-height: 250px; }
.relationship-abuse #main .header4 .info-panel.seven:before { background-size: 150px 108px !important; width: 150px; height: 108px; }
}
@media screen and (max-width: 1000px) {
.relationship-abuse .header2 .info-panel { min-height: 210px; }
.relationship-abuse .header2 .info-panel.six { min-height: 0; }
.relationship-abuse #main .header4 .info-panel.seven:before { background-size: 170px 122px !important; width: 170px; height: 122px; left: 8px; }
}
@media screen and (max-width: 768px) {
.relationship-abuse #main .header4 .info-panel.seven:before { background-size: 150px 108px !important; width: 150px; height: 108px; left: 0; }
}
@media screen and (max-width: 500px) {
.relationship-abuse .header2 .info-panel.four { padding: 0 0 50px 0 !important; }
.relationship-abuse .header2 .info-panel.five { padding: 0 0 20px 0 !important; }
.relationship-abuse .header2 .info-panel.six h2 { margin: 0 0 10px 0 !important; font-size: 2.2em !important; text-align: left !important; }
.relationship-abuse #main .header4 .info-panel.seven:before { top: -4px; background: url(/img/relationship-abuse/sea-logo.png) top center no-repeat; background-size: 160px 115px !important; width: 160px; height: 115px; }
}
@media screen and (max-width: 450px) {
.relationship-abuse #main .header4 .info-panel.seven { padding: 110px 0 70px 0 !important; }
.relationship-abuse #main .header4 .info-panel.seven:before { top: -7px; }
}



@media screen and (min-width: 769px)  {
.pg-home .campaigns .middle { width: 36.3333%; padding-left: 3%; padding-right: 3%; }
}

.pg-home #main .campaigns .abuse-get-help:before { background: url(/img/home/abuse-get-help-icon.png) 0 0 no-repeat; background-size: 85px 78px; }
.pg-home #main .campaigns .testing:before { background: url(/img/home/chlamydia-icon.png) 0 0 no-repeat; background-size: 85px 78px; }
.pg-home #main .campaigns .resilience:before { background: url(/img/home/skills-icon.png) 0 0 no-repeat; background-size: 85px 78px; }


.pg-home #main .campaigns .abuse-get-help p.text { max-width: 300px; margin: 0 auto; }
.pg-home #main .campaigns .testing p.text { max-width: 300px; margin: 0 auto; }


.feedback-form-footer { padding: 10px 20px 20px 10px;	text-align: center; }
.feedback-form-submit-button {	width: auto;	min-width: 100px;	color: #fff;	background: #902c8e;	font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif;	font-size: 1.7em;	font-weight: 700;	border: none;	padding: 2px 12px;	overflow: visible;	-webkit-border-radius: 0;	-moz-border-radius: 0;	border-radius: 0; margin-top: 10px;}
.feedback-form-heading, .title { font-size: 1rem; margin-right: 1.5rem; font-weight: bold; margin: 10px; }
.feedback-form-heading{ display: inline-block; }
.feedback-form-button-group { display: inline; }



/* Sexting March 2022 update  */
.sexting .header5 { background: #d7777e; }

.sexting .header6-heading { background: #60add8; padding: 40px 60px 15px 60px; text-align: center; }
.sexting .header6-heading h2 { color: #fff; text-transform: uppercase; background: #22455c; display: inline-block; padding: 11px 30px 14px 30px; line-height: 1; font-size: 4.5em; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; margin: 0; }

.sexting .header6new { background: #60add8; padding: 0 75px 60px 75px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.sexting .header6new .header6new-left { width: 47%; margin-right: 38px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background: #ec556a url(/img/sexting/header6new.jpg) top right no-repeat; background-size: cover; position: relative; padding: 30px 340px 120px 30px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); }
.sexting .header6new .header6new-left h2 { color: #fff; font-size: 3.5em; line-height: 1.1; margin: 0; }
.sexting .header6new .header6new-left p.text { color: #fff; font-size: 1.6em; line-height: 1.3; margin: 0 0 10px 0; }
.sexting .header6new .header6new-right { width: 47%; margin-left: 38px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background: #fff; position: relative; padding: 30px 330px 120px 30px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); }
.sexting .header6new .header6new-right:after { position: absolute; top: 30px; right: 30px; width: 283px; height: 222px; display: inline-block; content: ''; background: url(/img/sexting/report-remove.png) 0 0 no-repeat; background-size: 283px 222px; }
.sexting .header6new .header6new-right h2 { color: #22455c; font-size: 3.5em; line-height: 1.1; margin: 0; }
.sexting .header6new .header6new-right p.text { color: #22455c; font-size: 1.6em; line-height: 1.3; margin: 0 0 10px 0; }
.sexting .header6new .header6new-right .grey-button { font-size: 1em; }
.sexting .header6new .header6new-right .grey-button a { background: #22455c; }
.sexting .header6new .header6new-right .grey-button a:hover { background: #00283b; }
.sexting .header6new p.pink-button,
.sexting .header6new p.grey-button { position: absolute; left: 0; right: 0; margin: auto; bottom: 40px; display: inline-block; width: 250px; }
.sexting .header6new .pink-button a,
.sexting .header6new .grey-button a { box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); text-align: center; width: 250px; display: inline-block; text-decoration: none; border-radius: 9px; font-size: 2em; line-height: 1; padding: 19px 66px; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

@media screen and (max-width: 1400px) {
.sexting .header6new { padding: 0 60px 60px 60px; }
.sexting .header6new .header6new-left,
.sexting .header6new .header6new-right { width: 47%; }
.sexting .header6new .header6new-left { margin-right: 30px; }
.sexting .header6new .header6new-right { margin-left: 30px; }
}
@media screen and (max-width: 1300px) {
.sexting .header6new .header6new-left { padding: 30px 30px 120px 30px; background: #ec556a url(/img/sexting/header6new2.jpg) top right no-repeat; background-size: cover; }
.sexting .header6new .header6new-right:after { width: 200px; height: 157px; background-size: 200px 157px; }
.sexting .header6new .header6new-right { padding: 30px 250px 120px 30px; }
.sexting .header6new .pink-button a,
.sexting .header6new .grey-button a { width: 200px; padding: 15px; }
.sexting .header6new .pink-button,
.sexting .header6new .grey-button { width: 200px;}
}
@media screen and (max-width: 1100px) {
.sexting .header6new .header6new-left { padding: 30px 30px 120px 30px; }
.sexting .header6new .header6new-right { padding: 30px 30px 310px 30px; }
.sexting .header6new .header6new-right:after { top: auto; left: 0; right: 0; margin: auto; bottom: 130px; }
}
@media screen and (max-width: 900px) {
.sexting .header6new { padding: 0 30px 40px 30px; }
.sexting .header6new .header6new-left { margin-right: 15px; }
.sexting .header6new .header6new-right { margin-left: 15px; }
.sexting .header6-heading h2 { font-size: 3.5em; }
}
@media screen and (max-width: 768px) {
.sexting .header6new { padding: 0 30px 40px 30px; display: block; }
.sexting .header6new .header6new-left,
.sexting .header6new .header6new-right { padding: 30px; width: 100%; max-width: 500px; margin-left: auto !important; margin-right: auto !important; }
.sexting .header6new .header6new-left { margin: 0 0 30px 0;}
.sexting .header6new .header6new-right { margin: 0; }
.sexting .header6new p.pink-button,
.sexting .header6new p.grey-button { position: relative; left: auto; right: auto; margin: 20px auto 0 auto; bottom: auto; text-align: center; width: 100%; }
.sexting .header6new .pink-button a,
.sexting .header6new .grey-button a { display: inline-block; margin: auto; }
.sexting .header6new .header6new-right:after { display: none; }
.sexting .header6new .header6new-right p.text { position: relative; padding-bottom:180px; }
.sexting .header6new .header6new-right p.text:after { position: absolute; left: 0; right: 0; margin: auto; bottom: 0; width: 200px; height: 157px; display: inline-block; content: ''; background: url(/img/sexting/report-remove.png) 0 0 no-repeat; background-size: 200px 157px; }
}
@media screen and (max-width: 450px) {
.sexting .header6-heading h2 { font-size: 3em; }
.sexting .header6new { padding: 0; }
.sexting .header6new .header6new-left,
.sexting .header6new .header6new-right { margin: 0; padding: 20px 20px 30px 20px; box-shadow: none; }
.sexting .header6new .header6new-left h2,
.sexting .header6new .header6new-right h2 { font-size: 2.8em; }
}







#main .updated { text-align: right; padding: 10px 20px; }
#main .updated p { font-size: 1.3em !important; font-style: italic; }

footer .links a:visited { color: #7c1f7a; }



.pg_resources .resources { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.pg_resources .resources .resource { width: 45%; margin: 0 0 30px 0; }
.pg_resources .resources .resource a { font-size: 1.8em; color: #7c1f7a; display: inline-block; position: relative; padding: 10px 0 10px 45px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.pg_resources .resources .resource a:hover { color: #d100cd; }
.pg_resources .resources .resource a:before { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 40px; height: 50px; display: inline-block; content: ''; background: url(/assets/icons/resources.png) -9px -4px no-repeat; background-size: 50px 250px; }
.pg_resources .resources .resource a.word:before { background-position: -9px -106px; }
.pg_resources .resources .resource a.link:before { background-position: -9px -193px; }

@media screen and (max-width: 768px) {
.pg_resources .resources .resource { width: 100%; margin: 0 0 50px 0; }
.pg_resources .resources .resource a { font-size: 1.6em; }
}



.sexting .header8 { display: table; height: 594px; width: 100%; padding: 0; background: #083560; }
.sexting .header8 .header8-left { width: 50%; display: table-cell; padding: 100px; vertical-align: middle; position: relative; }
.sexting .header8 .header8-right { width: auto; display: table-cell; padding: 0; background: url(/img/sexting/header8.jpg) bottom center no-repeat; background-size: cover; }
.sexting .header8 .header8-left:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #083560; border-width: 52px; margin-top: -52px; }
.sexting .header8 .header8-left h2 { font-size: 3em; line-height: 1.3; margin: 0; padding: 0 0 10px 0; color: #fff; }
.sexting .header8 .header8-left p { font-size: 2em; line-height: 1.6; margin: 0; padding: 0; color: #fff; }
.sexting .header8 .header8-left ul { margin: 5px 0 15px 0; padding: 0 0 0 15px; }
.sexting .header8 .header8-left ul li { font-size: 2em; line-height: 1.6; margin: 0; padding: 0; color: #fff; }

.sexting .header9 { background: #d7777e; padding: 40px 100px; }
.sexting .header9 h2 { font-size: 3em; line-height: 1.3; margin: 0; padding: 0 0 10px 0; color: #fff; }
.sexting .header9 p { font-size: 2em; line-height: 1.6; color: #fff; margin: 0 0 12px 0; padding: 0; }

.sexting .header10-heading { background: #083560; padding: 30px 100px; }
.sexting .header10-heading h2 { font-size: 2.5em; line-height: 1.3; margin: 0; padding: 0; color: #fff; }

.sexting .header10 { background: #083560; text-align: center; padding: 0 100px 40px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.sexting .header10 h2 { font-size: 2.2em; line-height: 1.3; margin: 0; padding: 3px 0 7px 0; color: #fff; background: #061432; }
.sexting .header10 p { font-size: 1.5em; line-height: 1.4; margin: 0; padding: 10px; color: #083560; }
.sexting .header10 a { color: #083560; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.sexting .header10 a:hover { color: #d7777e; }

.sexting .header10 > div { width: calc((100% / 4) - 20px); background: #fff; padding: 8px 0 0 0; }


@media screen and (max-width: 1400px) {
.sexting .header8 { height: auto; }
.sexting .header8 .header8-left { padding: 60px; }
.sexting .header9 { padding: 40px 60px; }
.sexting .header10-heading { padding: 30px 60px; }
.sexting .header10 { padding: 0 60px 40px 60px; }
.sexting .header10 h2 { font-size: 2em; }
}

@media screen and (max-width: 900px) {
.sexting .header8 .header8-left { padding: 30px 30px; }
.sexting .header9 { padding: 40px 30px; }
.sexting .header10-heading { padding: 20px 30px; }
.sexting .header10 { padding: 0 30px 40px 30px; }
.sexting .header8 .header8-left p,
.sexting .header8 .header8-left ul li,
.sexting .header9 p { font-size: 1.75em; }
.sexting .header10 p { font-size: 1.4em; }
.sexting .header8 .header8-left h2 { font-size: 2.4em; }
.sexting .header9 h2 { font-size: 2.7em; }
.sexting .header10-heading h2 { font-size: 2em; }
}

@media screen and (max-width: 800px) {
.sexting .header10 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexting .header10 > div { width: calc((100% / 2) - 15px); margin: 0 0 30px 0; }
.sexting .header10 { padding: 0 30px; }
.sexting .header10 p { font-size: 1.5em; }
}

@media screen and (max-width: 768px) {
.sexting .header8 { display: block; }
.sexting .header8 .header8-left { width: 100%; display: block; }
.sexting .header8 .header8-right { width: 100%; display: block; padding-bottom: 73%; background: url(/img/sexting/header8.jpg) top center no-repeat; background-size: cover; }
.sexting .header9 { padding: 20px 30px; }
}


@media screen and (max-width: 500px) {
.sexting .header10 > div { width: 100%; }
}



/* Valentine's Day */
.celebrate-valentines-day #main { padding-bottom: 50px; }
.celebrate-valentines-day #main .inner { padding: 0; min-height: 0; }
.celebrate-valentines-day #main .inner h1 { color: #333; font-weight: 600; max-width: 500px; font-size: 3.35em; }
.celebrate-valentines-day #main .inner h2 { color: #333; font-weight: 600; margin: 0 0 20px 0; font-size: 3.6em; }
.celebrate-valentines-day #main .inner h3 { color: #333; font-weight: 600; margin: 0 0 20px 0; font-size: 2.2em; }
.celebrate-valentines-day #main .inner h4 { color: #333; font-weight: 600; margin: 10px 0 5px 0; font-size: 1.85em; }
.celebrate-valentines-day #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #333; }
.celebrate-valentines-day #main .inner p:last-child { padding: 0; }
.celebrate-valentines-day #main .inner p.bold,
.celebrate-valentines-day #main .inner p strong { font-family: FiraSans-Extrabold; font-weight: 900; }
.celebrate-valentines-day #main .inner p.linebreak { padding: 0 0 5px 0; }

.celebrate-valentines-day #main .inner .header.purple p,
.celebrate-valentines-day #main .inner .header.purple h2,
.celebrate-valentines-day #main .inner .header.red p,
.celebrate-valentines-day #main .inner .header.red h2 { color: #fff; }
.celebrate-valentines-day #main .inner h2.linebreak { margin: 0 0 3px 0; }
.celebrate-valentines-day #main .inner a { color: #333; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.celebrate-valentines-day #main .inner a:hover { color: #fd8a02; }
.celebrate-valentines-day #main .inner .yellow a:hover { color: #793d9c; }
.celebrate-valentines-day #main .inner .red a { color: #fff; }
.celebrate-valentines-day #main .inner .red a:hover { color: #f3d33c; }
.celebrate-valentines-day #main .inner .purple a { color: #fff; }
.celebrate-valentines-day #main .inner .purple a:hover { color: #f3d33c; }

.celebrate-valentines-day #main .inner .white h1,
.celebrate-valentines-day #main .inner .white h2,
.celebrate-valentines-day #main .inner .white h3,
.celebrate-valentines-day #main .inner .white h4,
.celebrate-valentines-day #main .inner .white p,
.celebrate-valentines-day #main .inner .white a { color: #fff; }

.celebrate-valentines-day #main .inner .white a.sms:hover { color: #fff; }

.celebrate-valentines-day .header { display: table; width: 100%; padding: 50px; }
.celebrate-valentines-day .header .left { width: 50%; display: table-cell; vertical-align: middle; padding: 0 25px 0 0; }
.celebrate-valentines-day .header .right { width: auto; display: table-cell; vertical-align: middle; padding: 0 0 0 25px; }
.celebrate-valentines-day .header.red { background: #dd4e55; }
.celebrate-valentines-day .header.yellow { background: #f3d33c; }
.celebrate-valentines-day .header.purple { background: #793d9c; }


.celebrate-valentines-day #main .inner .instagram { margin: 60px 0 10px 0; }
.celebrate-valentines-day #main .inner .instagram a { position: relative; padding: 10px 70px 10px 10px; text-decoration: none; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-size: 1.5em; letter-spacing: 0.01em; line-height: 1; }
.celebrate-valentines-day #main .inner .instagram a:after { position: absolute; top: 6px; right: 0; width: 51px; height: 51px; display: inline-block; content: ''; background: url(/img/celebrate-valentines-day/instagram.png) 0 0 no-repeat; background-size: 51px 51px; }

.celebrate-valentines-day #main .inner h2.margintop { margin-top: 40px; }

@media screen and (max-width: 1200px) {
.celebrate-valentines-day #main .inner h1 { max-width: none; }
}
@media screen and (max-width: 900px) {
.celebrate-valentines-day .header { padding: 30px; }
}
@media screen and (max-width: 768px) {
.celebrate-valentines-day #main .inner p { font-size: 1.75em; }
.celebrate-valentines-day .header { display: block; padding: 24px; }
.celebrate-valentines-day .header .left { display: block; width: 100%; padding: 0; }
.celebrate-valentines-day .header .right { display: block; width: 100%; padding: 0; }
.celebrate-valentines-day .header.reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px; }
.celebrate-valentines-day .header.reverse .left { order: 2; width: 100%; padding: 0; }
.celebrate-valentines-day .header.reverse .right { order: 1; width: 100%; padding: 0 0 40px 0; }
.celebrate-valentines-day .header img { max-width: 500px; margin: 0 auto; display: block; }
.celebrate-valentines-day .header .left { padding-bottom: 30px; }
.celebrate-valentines-day .header.reverse .left { padding-bottom: 0; }
}
@media screen and (max-width: 560px) {
.celebrate-valentines-day .header img { max-width: 100%; }
.celebrate-valentines-day #main .inner h1 { font-size: 3em; }
}
@media screen and (min-width: 1050px) {
.celebrate-valentines-day #main .inner h1 span,
.celebrate-valentines-day #main .inner h2 span { display: block; }
}


#main .header1 .subnav h3 { color: #fff; font-size: 2.7em; margin: 0 0 10px 0; }
#main .header1 .subnav ul { padding: 0; margin: 0; }
#main .header1 .subnav ul li { position: relative; padding: 0 0 0 15px; margin: 0; list-style: none; }
#main .header1 .subnav ul li:before { display: inline-block; content: "\003e"; color: #fff; font-size: 1.2em; line-height: 1; position: absolute; top: 3px; left: 0; }
#main .header1 .subnav ul li a { color: #fff; text-decoration: none; font-size: 16px; }
#main .header1 .subnav ul li a:hover { color: #fd8a02; }

#main .header1 .header1-left h1 { color: #fff; font-size: 6.5em; margin: 0 0 30px 0; }

/* Puberty */
.puberty #main { padding-bottom: 0; }
.puberty #main .inner { padding: 0; min-height: 0; }
.puberty #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #000; }
.puberty #main .inner p:last-child { padding: 0; }
.puberty #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.puberty #main .inner a { font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; text-decoration: underline; color: #000; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.puberty #main .inner a:hover { color: #fd8a02; }
.puberty #main .inner .upper {text-transform: uppercase; }

.puberty #main ul { padding: 0; margin: 0; }
.puberty #main ul li { position: relative; padding: 0 0 15px 25px; margin: 0; list-style: none; font-size: 1.85em; }
.puberty #main ul li:before { content: "\2022"; color: #fff; font-size: 70px; line-height: 1; position: absolute; top: -22px; left: -4px; }

.puberty .header1 { display: table; width: 100%; background: #5c6ff0; }
.puberty .header1 .header1-left { width: 66%; background: #5c6ff0; display: table-cell; vertical-align: top; padding: 40px 60px; }
.puberty .header1 .subnav { width: auto; background: #919df4; display: table-cell; vertical-align: top; padding: 30px 50px; }

.puberty .header2 {  background: #5b2993; padding: 50px 150px; }
.puberty .header2 .header2-inner { background: #5952cd; padding: 0 30px 40px 30px; }
.puberty #main .header2 .header2-inner h2 { text-align: center; color: #fff; max-width: 740px; margin: 30px auto; line-height: 1.4; font-size: 2.8em; }
.puberty #main .header2 .header2-inner p { text-align: center; color: #fff; max-width: 740px; margin: 0 auto; font-size: 2.5em; }
.puberty .header2 .hero-image { text-align: center; padding: 50px 0 0 0; }

.puberty .header3 { background: #5b2993; padding: 10px 150px 40px 150px; }
.puberty .header3 .header3-avatars { position: relative; min-height: 460px; }
.puberty .header3 .header3-avatars:before { position: absolute; top: -60px; left: 20px; width: 250px; height: 500px; display: inline-block; content: ''; background: url(/img/puberty/header2a.png) 0 0 no-repeat; background-size: 250px 500px; }
.puberty .header3 .header3-avatars:after { position: absolute; top: -60px; right: 20px; width: 250px; height: 500px; display: inline-block; content: ''; background: url(/img/puberty/header2b.png) 0 0 no-repeat; background-size: 250px 500px; }

.puberty #main .header3 h2 { text-align: center; color: #fff; max-width: 740px; margin: 0 auto; line-height: 1.4; font-size: 3.4em; padding-bottom: 30px; }
.puberty #main .header3 p { text-align: center; color: #fff; font-size: 2.5em; }
.puberty .header3-white-panel { background: #fff; padding: 40px 280px 40px 280px; margin: 0 0 30px 0; }
.puberty #main .header3-white-panel p { color: #5b2993; text-align: center; font-size: 2.5em; }

.puberty .header4 { margin: 50px 30px 0 30px; }
.puberty #main .header4 h2 { color: #aa3844; font-size: 4em; text-align: center; line-height: 1.3; }
.puberty #main .header4 h3 { background: #aa3844; color: #fff; font-size: 2.8em; text-align: center; padding: 10px 24px; }

.puberty .header4 .header4-circles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 20px 0 40px 0; }
.puberty .header4 .header4-circles .header4-circle { width: 33.33%; padding: 0 50px 30px 50px; }
.puberty #main .header4 .header4-circles .header4-circle p { color: #5b2993; padding: 15px 0 0 0; max-width: 290px; margin: 0 auto; font-size: 2em; line-height: 1.2; }
.puberty #main .header4 .header4-circles .header4-circle:nth-child(1) p { max-width: 150px; }
.puberty #main .header4 .header4-circles .header4-circle:nth-child(5) p { max-width: 200px; }

.puberty .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 30px; }
.puberty .header5 .header5-left { width: 50%; margin-right: 30px; }
.puberty .header5 .header5-right { width: 50%; margin-left: 30px; }
.puberty .header5 .header5-mobile { display: none; }
.puberty #main .header5 .header5-left h2 { color: #fff; text-align: center; padding: 10px; background: #5672a7; }
.puberty #main .header5 .header5-right h2 { color: #fff; text-align: center; padding: 10px; background: #d5707b; }
.puberty .header5 .males, .puberty .header5 .females { display: -webkit-box; display: -ms-flexbox; display: flex; }
.puberty .header5 .captions { width: 50%; }
.puberty #main .header5 .captions p { color: #5b2993; text-align: center; line-height: 1.3; font-size: 1.8em; }
.puberty #main .header5 .captions p a { color: #5b2993; }
.puberty #main .header5 .captions p a:hover { color: #fd8a02; }
.puberty #main .header5 .females .captions p { max-width: 230px; margin: 0 auto; }
.puberty .header5 .cartoon { width: 50%; margin-left: 5px; }
.puberty .header5 .males .captions .caption { border: 2px solid #84c8f2; padding: 10px 20px; }
.puberty .header5 .males .captions .caption.one { margin: 60px 0 40px 0; }
.puberty .header5 .males .captions .caption.two { margin-bottom: 50px; }
.puberty .header5 .males .captions .caption.three { margin-bottom: 45px; }
.puberty .header5 .males .captions .caption.four { margin-bottom: 60px; }
.puberty .header5 .females .captions .caption { border: 2px solid #bf65a0; padding: 10px 20px; }
.puberty .header5 .females .captions .caption.one { margin: 165px 0 100px 0; }
.puberty .header5 .females .captions .caption.two { margin-bottom: 120px; }
.puberty .header5 .females .captions .caption.three { margin-bottom: 80px; }

.puberty .header6 { display: table; height: 816px; width: 100%; padding: 0; background: #cc76a7; }
.puberty .header6 .header6-left { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.puberty #main .header6 .header6-left h2 { color: #fff; font-size: 4em; margin: 0 0 40px 0; }
.puberty #main .header6 .header6-left h3 { color: #fff; font-size: 2.8em; margin: 20px 0; }
.puberty #main .header6 .header6-left p { color: #fff; font-size: 2.5em; }
.puberty .header6 .header6-right { width: auto; display: table-cell; padding: 0; background: url(/img/puberty/header5.jpg) top center no-repeat; background-size: cover; }

.puberty .header7 { display: table; height: 656px; width: 100%; padding: 0; background: #cc76a7; }
.puberty .header7 .header7-left { width: auto; display: table-cell; padding: 0; background: url(/img/puberty/header6.jpg) top center no-repeat; background-size: cover; }
.puberty .header7 .header7-right { width: 50%; display: table-cell; padding: 60px; vertical-align: middle; }
.puberty #main .header7 .header7-right h2 { color: #fff; font-size: 4em; margin: 0 0 40px 0; }
.puberty #main .header7 .header7-right p { color: #fff; font-size: 2.5em; line-height: 1.5; }

.puberty .header8 { padding: 30px; background: #5b2993; }
.puberty #main .header8 h3 { color: #fff; font-size: 2.7em; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; margin: 0; text-align: center; line-height: 1.3; }
.puberty #main .header8 h3 a { color: #fff; text-decoration: underline; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.puberty #main .header8 h3 a:hover, .puberty #main .header8 h3 a:focus { color: #fd8a02; }

@media screen and (max-width: 1400px) {
.puberty #main .header1 .header1-left h1 { font-size: 5em; margin: 0 0 20px 0; }
.puberty #main .header1 .subnav { padding: 30px; }
.puberty #main .header1 .subnav ul li { font-size: 1.7em; }
.puberty .header2 { padding: 50px; }
.puberty #main .header3-white-panel p { font-size: 2.2em; }

.puberty .header5 { display: block; margin: 0 auto; max-width: 640px; }
.puberty .header5 .header5-left,
.puberty .header5 .header5-right { width: 100%; margin: 0 0 60px 0; }

.puberty .header6 { height: auto; }
.puberty #main .header6 .header6-left h2 { font-size: 3.5em; margin: 0 0 20px 0; }
.puberty #main .header6 .header6-left p { font-size: 2.2em; }
.puberty #main .header6 .header6-left h3 { font-size: 2.5em; margin: 10px 0 10px 0; }

.puberty .header7 { height: auto; }
.puberty #main .header7 .header7-right h2 { font-size: 3.5em; margin: 0 0 20px 0; }
.puberty #main .header7 .header7-right p { font-size: 2.2em; }
}

@media screen and (max-width: 1300px) {
.puberty .header3 .header3-avatars:before{ left: 10px; top: -20px; width: 210px; height: 420px; background-size: 210px 420px; }
.puberty .header3 .header3-avatars:after { top: -20px; width: 210px; height: 420px; background-size: 210px 420px; }
.puberty #main .header3 h2 { font-size: 3em; }
.puberty .header3-white-panel { padding: 30px 230px; }
.puberty .header3 .header3-avatars { min-height: 420px; }
.puberty #main .header3 p { font-size: 2.2em; }
}

@media screen and (max-width: 1200px) {
.puberty .header3 { padding: 10px 50px 40px 50px; }
.puberty #main .header4 h2 { font-size: 3.5em; }
.puberty #main .header4 h3 { font-size: 2.5em; padding: 7px 24px; }
.puberty #main .header4 .header4-circles .header4-circle p { font-size: 1.7em; }
.puberty .header4 .header4-circles .header4-circle { padding: 0 30px 30px 30px; }
.puberty #main .header8 h3 { font-size: 2.3em; }
}

@media screen and (max-width: 1090px) {
.puberty .header2 .hero-image { padding: 30px 0 0 0; }
.puberty .header3 .header3-avatars:after { right: -10px; }
}

@media screen and (max-width: 1000px) {
.puberty #main .header2 .header2-inner h2 { margin: 20px auto; font-size: 2.4em; }
.puberty #main .header2 .header2-inner p { font-size: 2.2em; }
.puberty #main .header3 h2 { font-size: 2.7em; padding-bottom: 20px; }
.puberty #main .header3-white-panel p { font-size: 2em; }
.puberty #main .header3 p { font-size: 2em; }
.puberty .header4 { margin: 30px 30px 0 30px; }
.puberty #main .header4 h2 { font-size: 3em; }
}

@media screen and (max-width: 900px) {
.puberty #main .header1 .header1-left h1 { font-size: 4em; }
.puberty #main .header1 .subnav h3 { font-size: 2.4em; }
.puberty .header1 .header1-left { padding: 30px; }
.puberty .header2 { padding: 30px; }
.puberty .header3 { padding: 0 30px 30px 30px; }
.puberty .header3 .header3-avatars { min-height: 350px; }
.puberty .header3 .header3-avatars:before { left: -20px; top: -2px; width: 170px; height: 340px; background-size: 170px 340px; }
.puberty .header3 .header3-avatars:after { top: -5px; right: -40px; width: 170px; height: 340px; background-size: 170px 340px; }
.puberty .header3-white-panel { padding: 20px 160px; }
.puberty .header4 .header4-circles { margin: 0 -30px; }

.puberty .header6 .header6-left { padding: 30px; }
.puberty #main .header6 .header6-left h2 { font-size: 3em; margin: 0 0 10px 0; }
.puberty #main .header6 .header6-left h3 { font-size: 2.2em; margin: 0 0 10px 0; }

.puberty .header7 .header7-right { padding: 30px; }
.puberty #main .header7 .header7-right h2 { font-size: 3em; margin: 0 0 10px 0; }
}

@media screen and (max-width: 768px) {
.puberty .header1 .header1-left { padding: 30px 24px; }
.puberty #main .header1 .subnav { padding: 30px 24px; }
.puberty .header2 { padding: 24px; }
.puberty .header2 .hero-image { padding: 24px 0 0 0; }
.puberty .header2 .header2-inner { padding: 0 24px 30px 24px; }
.puberty .header3 { padding: 0 24px 24px 24px; }
.puberty #main .header3-white-panel p { font-size: 1.8em; }
.puberty #main .header3 p { font-size: 1.8em; }
.puberty .header4 { margin: 20px 24px 0 24px; }
.puberty #main .header4 h2 { font-size: 2.7em; }
.puberty #main .header4 h3 { font-size: 2.2em; padding: 7px 24px 9px 24px; }
.puberty #main .header4 h3 { margin: 0 -24px; }
.puberty .header4 .header4-circles { margin: 0 -10px; padding: 30px 0 0 0; }
.puberty .header4 .header4-circles .header4-circle { padding: 0 10px 30px 10px; }

.puberty .header6 { display: block; width: 100%; }
.puberty .header6 .header6-left { display: block; width: 100%; padding: 30px 24px; }
.puberty .header6 .header6-right { display: block; width: 100%; padding-bottom: 75%; }
.puberty #main .header6 .header6-left p { font-size: 1.8em; }

.puberty .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.puberty .header7 .header7-left { width: 100%; order: 2; padding-bottom: 73%; }
.puberty .header7 .header7-right { width: 100%; order: 1; padding: 30px 24px; }
.puberty #main .header7 .header7-right p { font-size: 1.8em; }

.puberty .header8 { padding: 24px; }
.puberty #main .header8 h3 { font-size: 2em; }
}

@media screen and (max-width: 688px) {
.puberty .header5 { margin: 0; max-width: none; padding: 0 24px; }
.puberty .header5 .males,
.puberty .header5 .females { display: none; }
.puberty .header5 .header5-left .header5-mobile { display: block; margin: 0 -1%; }
.puberty .header5 .header5-right .header5-mobile { display: block; margin: 0 -2%; }
.puberty .header5 .header5-left, .puberty .header5 .header5-right { margin: 0 0 20px 0; }
.puberty #main .header5 h2 { font-size: 2em; }
}

@media screen and (max-width: 600px) {
.puberty #main .header1 .header1-left h1 { font-size: 3.5em; margin: 0 0 10px 0; }
.puberty .header1  { display: block; }
.puberty .header1 .header1-left,
.puberty #main .header1 .subnav { display: block; width: 100%; }
.puberty #main .header2 .header2-inner h2 { font-size: 2em; }
.puberty #main .header2 .header2-inner p { font-size: 1.8em; }
.puberty .header3 .header3-avatars { min-height: 0; }
.puberty .header3 .header3-avatars:before { top: 30px; width: 130px; height: 260px; background-size: 130px 260px; }
.puberty .header3 .header3-avatars:after { top: 30px; width: 130px; height: 260px; background-size: 130px 260px; right: -30px; }
.puberty #main .header3 h2 { font-size: 2.3em; }
.puberty .header3-white-panel { padding: 20px 90px 20px 115px; margin: 0 0 20px 0; }
.puberty .header4 .header4-circles { margin: 0 -20px; }
.puberty .header4 .header4-circles .header4-circle { width: 50%; padding: 0 20px 30px 20px; }
}

@media screen and (max-width: 450px) {
.puberty .header3-white-panel { margin: 230px 0 20px 0; padding: 20px; }
.puberty .header3 .header3-avatars:before { top: 40px; left: 30px; }
.puberty .header3 .header3-avatars:after { top: 40px; right: 30px; }
.puberty .header4 .header4-circles { margin: 0; }
.puberty .header4 .header4-circles .header4-circle { width: 100%; padding: 0 0 40px 0; }
}

@media screen and (max-width: 350px) {
.puberty #main .header3 h2 { font-size: 2.1em; }
.puberty .header3 .header3-avatars:before { left: 20px; }
.puberty .header3 .header3-avatars:after { right: 20px; }
}





/* Period Products */
.period-products #main { padding-bottom: 0; }
.period-products #main .inner { padding: 0; min-height: 0; }
.period-products #main .inner h1 { color: #fff; font-size: 7.2em; line-height: 1; margin: 0; padding: 0 0 30px 0; }
.period-products #main .inner h2 { color: #fff; font-size: 4em; line-height: 1.2; margin: 0 0 30px 0; }
.period-products #main .inner h3 { color: #fff; font-size: 2.5em; margin: 0 0 20px 0; }
.period-products #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 2.5em; line-height: 1.4; color: #fff; }
.period-products #main .inner p:last-child { padding: 0; }

.period-products .header1 { background: #762646; padding: 75px 75px 65px 75px; }

.period-products .products { background: #762646; padding: 0 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.period-products .product { width: calc(50% - 37.5px); background: #fff; padding: 18.75px 18.75px 40px 18.75px; margin-bottom: 75px; }
.period-products .product:nth-child(3), .period-products .product:nth-child(4) { margin-bottom: 55px; }
.period-products #main .inner .products h2 { color: #762646; text-align: center; font-size: 3em; margin: 0 30px 15px 30px; }
.period-products #main .inner .products p { color: #762646; text-align: center; margin-left: 30px; margin-right: 30px; }
.period-products #main .inner .products p.bold-italics { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.period-products #main .inner .products p.product-image { margin-left: 0; margin-right: 0; }

.period-products .header3 { background: #762646; padding: 0 75px 65px 75px; }
.period-products #main .inner .header3 h3 { margin: 0 auto; text-align: center; max-width: 980px; font-style: italic; line-height: 1.4; font-size: 3em; }

.period-products .header4 { display: table; width: 100%; background: #d96da1; padding: 75px 75px 55px 75px; }
.period-products .header4 .header4-left { width: 50%; display: table-cell; vertical-align: top; padding: 0 75px 0 0; }
.period-products .header4 .header4-right { width: auto; display: table-cell; vertical-align: top; text-align: right; }

.period-products .header5 { background: #d96da1; padding: 0 75px 55px 75px; }
.period-products .header5 .header5-inner { background: #762646; padding: 20px 40px; }
.period-products #main .inner .header5 p { margin: 0; padding: 0; text-align: center;}

@media screen and (max-width: 1400px) {
.period-products #main .inner p { font-size: 2em; }
.period-products .header1 { padding: 60px 60px 50px 60px; }
.period-products #main .inner h1 { font-size: 6em; }
.period-products .products { padding: 0 60px; }
.period-products .product { width: calc(50% - 30px); margin-bottom: 60px; }
.period-products #main .inner .products h2 { font-size: 2.7em; margin: 0 30px 10px 30px; }
.period-products .header3 { padding: 0 60px 50px 60px; }
.period-products #main .inner .header3 h3 { font-size: 2.7em; }
.period-products .header4 { padding: 60px 60px 40px 60px; }
.period-products .header4 .header4-left { padding: 0 60px 0 0; }
.period-products .header5 { padding: 0 60px 40px 60px; }
}

@media screen and (max-width: 1200px) {
.period-products #main .inner h1 { font-size: 5em; padding: 0 0 20px 0; }
}

@media screen and (max-width: 900px) {
.period-products .header1 { padding: 30px 30px 40px 30px; }
.period-products #main .inner h1 { font-size: 4.5em; }
.period-products #main .inner p { font-size: 1.8em; }
.period-products .products { padding: 0 30px; }
.period-products .product { width: calc(50% - 15px); margin-bottom: 30px; }
.period-products .product:nth-child(3), .period-products .product:nth-child(4) { margin-bottom: 30px; }
.period-products .header3 { padding: 0 30px 35px 30px; }
.period-products #main .inner .header3 h3 { font-size: 2.4em; }
.period-products .header4 { padding: 30px; }
.period-products .header4 .header4-left { width: 60%; }
.period-products #main .inner .header4 h2 { font-size: 3.5em; margin: 0 0 10px 0; }

.period-products .header5 { padding: 0 30px 30px 30px; }
.period-products .header5 .header5-inner { padding: 20px; }
}

@media screen and (max-width: 768px) {
.period-products .header1 { padding: 30px 24px 40px 24px; }
.period-products #main .inner h1 { font-size: 4em; }
.period-products .product { width: 100%; margin-bottom: 24px; padding-top: 40px; }
.period-products #main .inner .products p { margin-left: 24px; margin-right: 24px; }
.period-products .header3 { padding: 0 24px 30px 24px; }
.period-products #main .inner .header3 h3 { font-size: 2em; }

.period-products .header4 { display: block; padding: 24px 24px 40px 24px; }
.period-products .header4 .header4-left { display: block; width: 100%; padding: 0 0 30px 0; }
.period-products .header4 .header4-right { display: block; width: 100%; text-align: center; }
.period-products .header4 .header4-right img { display: inline-block; max-width: 400px; }
.period-products .header5 { padding: 0 24px 30px 24px; }
.period-products #main .inner .header4 h2 { font-size: 3.2em; }
}

@media screen and (max-width: 650px) {
.period-products .product { padding-top: 18px; }
}

@media screen and (max-width: 600px) {
.period-products .product { padding: 0 0 20px 0; }
.period-products .product { width: 100%; margin-bottom: 24px; }
}

@media screen and (max-width: 500px) {
.period-products #main .inner p { font-size: 1.7em; }
.period-products #main .inner h1 { font-size: 3.5em; }
}

@media screen and (max-width: 444px) {
.period-products .header4 .header4-right img { max-width: 100%; }
.period-products .header5 { padding: 0 0 35px 0; }
}



/* Periods */
.periods #main { padding-bottom: 0; }
.periods #main .inner { padding: 0; min-height: 0; }
.periods #main .inner h2 { color: #fff; font-size: 4em; line-height: 1.2; margin: 0 0 30px 0; }
.periods #main .inner h3 { color: #fff; font-size: 2.5em; margin: 0 0 20px 0; }
.periods #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 2.5em; line-height: 1.4; color: #fff; }
.periods #main .inner p:last-child { padding: 0; }
.periods #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.periods #main .inner a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.periods #main .inner a:hover { color: #fd8a02; }
.periods #main .inner .upper {text-transform: uppercase; }

.periods #main ul { padding: 0; margin: 0; }
.periods #main ul li { position: relative; padding: 0 0 8px 25px; margin: 0; list-style: none; font-size: 2.5em; line-height: 1.4; color: #fff; }
.periods #main ul li:before { content: "\2022"; color: #fff; font-size: 32px; line-height: 1; position: absolute; top: -3px; left: 0; }

.periods .header1 { display: table; width: 100%; background: #d96da1; }
.periods .header1 .header1-left { width: 66%; background: #d96da1; display: table-cell; vertical-align: top; padding: 40px 280px 40px 60px; position: relative; }
.periods .header1 .subnav { width: auto; background: #e29abf; display: table-cell; vertical-align: middle; padding: 30px 50px; }
.periods #main .inner .header1 .header1-left h1 { color: #fff; font-size: 7.2em; line-height: 1; margin: 0; padding: 0; }
.periods #main .inner .header1 .subnav h3 { color: #fff; font-size: 2.7em; margin: 0 0 10px 0; }
.periods #main .inner .header1 .subnav ul { padding: 0; margin: 0; font-size: 1em; }
.periods #main .inner .header1 .subnav ul li { position: relative; padding: 0 0 0 15px; margin: 0; list-style: none; font-size: 1.85em; line-height: 1.5; }
.periods #main .inner .header1 .subnav ul li:before { display: inline-block; content: "\003e"; color: #fff; font-size: 1.2em; line-height: 1; position: absolute; top: 3px; left: 0; }
.periods #main .inner .header1 .subnav ul li a { color: #fff; text-decoration: none; font-size: 16px; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
.periods #main .inner .header1 .subnav ul li a:hover { color: #ffcc00; }

.periods .header2-heading { background: #762646; padding: 60px 75px 40px 75px; }
.periods #main .inner .header2-heading h2 { font-size: 4.2em; line-height: 1.3; }
.periods .header2 { display: table; width: 100%; background: #762646; padding: 0 75px; }
.periods .header2 .header2-left { width: 50%; display: table-cell; vertical-align: middle; background: #fff; padding: 30px; }
.periods .header2 .header2-right { width: auto; display: table-cell; vertical-align: middle; background: #fff; padding: 30px; text-align: center; }
.periods #main .inner .header2 .header2-left p { color: #762646; font-size: 2.2em; }

.periods .header3 { display: table; width: 100%; background: #762646; padding: 60px 0; }
.periods .header3 .header3-left { width: 50%; display: table-cell; vertical-align: top; padding: 20px 45px 0 0; }
.periods .header3 .header3-right { width: auto; display: table-cell; vertical-align: top; padding: 0 75px 0 45px; }
.periods #main .inner .header3 .header3-right h2 { font-size: 3em;  }
.periods .header3 .header3-right h2 span { display: block; }
.periods #main .inner .header3 .header3-right p { max-width: 480px; }
.periods #main .inner .header3 .header3-left p.spoon { padding: 0; }
.periods #main .inner .header3 .header3-left p.caption { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-align: center; font-size: 3em; padding-left: 170px; }

.periods .header4 { background: #f7e2e0; padding: 30px 75px 40px 75px; }
.periods #main .inner .header4 h2 { color: #762646; text-align: center; margin: 0 0 15px 0; }
.periods #main .inner .header4 p { color: #762646; text-align: center; max-width: 1130px; margin: 0 auto; }
.periods #main .inner .header4 p.group { padding: 10px 0 40px 0; max-width: none; }

.periods .header5 { display: table; width: 100%; background: #762646; height: 717px; }
.periods .header5 .header5-left { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/periods/header5.jpg) center center no-repeat; background-size: cover; }
.periods .header5 .header5-right { width: auto; display: table-cell; vertical-align: middle; padding: 60px 75px; position: relative; }
.periods .header5 .header5-right:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #762646; border-width: 52px; margin-top: -52px; }

.periods .header6 { display: table; width: 100%; background: #556d63; height: 624px; }
.periods .header6 .header6-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 40px 75px; }
.periods .header6 .header6-right { width: auto; display: table-cell; vertical-align: middle;  background: url(/img/periods/header6.jpg) top center no-repeat; background-size: cover; }
.periods .header6 .header6-left:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #556d63; border-width: 52px; left: 0; right: 0; margin: auto; bottom: -102px; rotate: 270deg; }

.periods .header7 { background: #5e968c; padding: 70px 75px 60px 75px; }
.periods #main .inner .header7 h2 { font-size: 2.9em; margin: 0 0 15px 0; }
.periods .header7 .header7-text-container { display: table; width: 100%; }
.periods .header7 .header7-text-container .header7-text-left { width: 50%; display: table-cell; vertical-align: top; padding: 0 40px 0 0; }
.periods .header7 .header7-text-container .header7-text-right { width: auto; display: table-cell; vertical-align: top; padding: 0 0 0 40px; }

.periods #main .inner .header7 .header7-text-container ul li:before { font-size: 46px; top: -7px; }
.periods #main .inner .header7 p { margin: 20px 0 0 27px; }

.periods .header8 { display: table; width: 100%; background: #556d63; height: 805px; }
.periods .header8 .header8-left { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/periods/header8.jpg) top center no-repeat; background-size: cover; }
.periods .header8 .header8-right { width: auto; display: table-cell; vertical-align: middle; padding: 60px 75px; position: relative; }

.periods .header9 { background: #5e968c; padding: 60px 75px; }

.periods .header10 { background: #d96da1; padding: 60px 75px; }

.periods .header11 { display: table; width: 100%; background: #d44862; height: 752px; }
.periods .header11 .header11-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 75px; }
.periods .header11 .header11-right { width: auto; display: table-cell; vertical-align: middle;  background: url(/img/periods/header11.jpg) center center no-repeat; background-size: cover; }

.periods .header12 { display: table; width: 100%; background: #d44862; height: 615px; }
.periods .header12 .header12-left { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/periods/header12.jpg) top center no-repeat; background-size: cover; }
.periods .header12 .header12-right { width: auto; display: table-cell; vertical-align: middle; padding: 60px 75px; position: relative; }

.periods .header13 { display: table; width: 100%; height: 836px; background: #762646 url(/img/periods/header13.jpg) top center no-repeat; background-size: cover; border-left: 75px solid #762646; border-right: 75px solid #762646; border-top: 50px solid #762646; border-bottom: 50px solid #762646; }
.periods .header13 .header13-left { width: 50%; display: table-cell; vertical-align: top; padding: 60px 30px; }
.periods .header13 .header13-right { width: auto; display: table-cell; }
.periods #main .inner .header13 h2 { color: #762646; font-size: 3.7em; max-width: 500px; }
.periods #main .inner .header13 p { color: #762646; }
.periods .header13-footer { background: #762646; padding: 0 75px 50px 75px; }
.periods #main .inner .header13-footer p { text-align: center; }

.periods .header14 { display: table; width: 100%; background: #5c6a95; height: 664px; }
.periods .header14 .header14-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 75px; }
.periods .header14 .header14-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/periods/header14.jpg) top center no-repeat; background-size: cover; border-top: 75px solid #5c6a95; border-right: 75px solid #5c6a95; border-bottom: 75px solid #5c6a95; }

.periods .header15 { background: #5c6a95; padding: 0 75px 75px 75px; }
.periods #main .inner .header15 p { text-align: center; }
.periods .header15 .header15-white { background: #fff; padding: 30px; }
.periods .header15 .spectra-logo-container { display: table; width: 100%; }
.periods .header15 .spectra-logo-container .spectra-logo { width: 218px; display: table-cell; vertical-align: middle; }
.periods .header15 .spectra-logo-container .spectra-text { width: auto; display: table-cell; vertical-align: middle; padding: 0 0 0 30px; }
.periods #main .inner .header15 .header15-white p { color: #002a60; }
.periods #main .inner .header15 .header15-white p span { display: block; }
.periods #main .inner .header15 .header15-white p a { color: #002a60; }
.periods #main .inner .header15 .header15-white p a:hover { color: #fd8a02; }

@media screen and (max-width: 1400px) {
.periods #main .inner p, .periods #main ul li { font-size: 2.2em; }
.periods #main .inner h2 { margin: 0 0 20px 0; }

.periods #main .inner .header1 .header1-left h1 { font-size: 6em; }
.periods #main .header1 .subnav { padding: 30px; }
.periods #main .inner .header1 .subnav ul li { font-size: 1.7em; }

.periods #main .inner .header2-heading h2 { font-size: 3.5em; }
.periods .header2-heading { padding: 40px 60px 15px 60px; }
.periods .header2 { padding: 0 60px; }

.periods #main .inner .header3 .header3-left p.caption { font-size: 2.5em; }

.periods .header3 .header3-right { padding: 0 60px 0 45px; }

.periods .header4 { padding: 30px 60px 40px 60px; }

.periods .header5 { height: auto; }
.periods .header5 .header5-right { padding: 60px; }
.periods .header5 .header5-right:after { border-width: 40px; margin-top: -40px; }

.periods .header6 { height: 550px; }
.periods .header6 .header6-left { padding: 60px; }
.periods .header6 .header6-left:after { bottom: -80px; border-width: 40px; margin-top: -40px; }

.periods .header7 { padding: 60px 60px 40px 60px; }
.periods #main .inner .header7 .header7-text-container ul li:before { font-size: 38px; top: -4px; }

.periods .header8 { height: auto; }
.periods .header8 .header8-right { padding: 60px; }

.periods .header9 { padding: 50px 60px 45px 60px; }

.periods .header10 { padding: 40px 60px 50px 60px; }

.periods .header11 { height: auto; }
.periods .header11 .header11-left { padding: 40px 60px; }

.periods .header12 { height: auto; }
.periods .header12 .header12-right { padding: 40px 60px; }

.periods .header13 { height: 680px; border-left: 60px solid #762646; border-right: 60px solid #762646; }
.periods .header13-footer { padding: 0 60px 30px 60px; }

.periods .header14 .header14-left { padding: 40px 60px; }
.periods .header14 .header14-right { border-top: 60px solid #5c6a95; border-right: 60px solid #5c6a95; border-bottom: 60px solid #5c6a95; }

.periods .header15 { padding: 0 60px 60px 60px; }
}

@media screen and (max-width: 1200px) {
.periods #main .inner h2, .periods #main .inner .header13 h2 { font-size: 3.5em; }
.periods #main .inner .header2 .header2-left p { font-size: 2em; }
.periods .header6 { height: auto; }
.periods .header7 .header7-text-container .header7-text-left { padding: 0 20px 0 0; }
.periods .header7 .header7-text-container .header7-text-right { padding: 0 0 0 20px; }

.periods #main .inner .header13 h2 { max-width: none; }
.periods .header14 { height: auto; }
.periods .header15 .spectra-logo-container .spectra-logo { width: 160px; }
}

@media screen and (max-width: 1100px) {
.periods .header13 { height: auto; }
}

@media screen and (max-width: 1000px) {
.periods .header3 .header3-right h2 span { display: inline; }
}

@media screen and (max-width: 900px) {
.periods #main .inner h2, .periods #main .inner .header13 h2 { font-size: 3em; }
.periods #main .inner p, .periods #main ul li { font-size: 2em; }
.periods .header1 .header1-left { padding: 30px; }
.periods #main .inner .header1 .header1-left h1 { font-size: 5em; }
.periods #main .inner .header1 .subnav h3 { font-size: 2.4em; }
.periods .header2-heading { padding: 40px 30px 15px 30px; }
.periods #main .inner .header2-heading h2 { font-size: 3em; }
.periods .header2 { padding: 0 30px; }
.periods #main .inner .header2 .header2-left p { font-size: 1.8em; }
.periods .header2 .header2-left { padding: 30px 15px 30px 30px; }
.periods .header2 .header2-right { padding: 30px 30px 30px 15px; }
.periods .header3 .header3-left { width: 40%; }
.periods .header3 .header3-right { padding: 0 30px 0 0; }
.periods #main .inner .header3 .header3-left p.caption { font-size: 2em; padding-top: 10px; padding-left: 110px; }
.periods .header4 { padding: 30px 30px 40px 30px; }
.periods .header5 .header5-right { padding: 30px; }
.periods .header6 .header6-left { padding: 40px 30px; }
.periods .header7 { padding: 60px 30px 40px 30px; }
.periods .header8 .header8-right { padding: 40px 30px; }
.periods .header9 { padding: 40px 30px 35px 30px; }
.periods .header10 { padding: 30px 30px 40px 30px; }
.periods .header11 .header11-left { padding: 40px 30px; }
.periods .header12 .header12-right { padding: 40px 30px; }

.periods .header13 { border-left: 30px solid #762646; border-right: 30px solid #762646; border-top: 30px solid #762646; border-bottom: 30px solid #762646; }
.periods .header13-footer { padding: 0 30px 30px 30px; }
.periods .header14 .header14-left { padding: 40px 30px; }
.periods .header14 .header14-right { border-top: 30px solid #5c6a95; border-right: 30px solid #5c6a95; border-bottom: 30px solid #5c6a95; }
.periods .header15 { padding: 0 30px 30px 30px; }
}

@media screen and (max-width: 768px) {
.periods #main .inner p, .periods #main ul li { font-size: 1.8em; }
.periods #main .inner h2, .periods #main .inner .header13 h2 { margin: 0 0 10px 0; }
.periods .header1 .header1-left { padding: 30px 24px; }
.periods #main .header1 .subnav { padding: 30px 24px; }
.periods .header2-heading { padding: 30px 24px 15px 24px; }
.periods #main .inner .header2-heading h2 { font-size: 2.5em; }
.periods .header2 { padding: 0 24px; }
.periods .header2 { display: block; width: 100%; }
.periods .header2 .header2-left { display: block; width: 100%; padding: 30px 24px 0 24px; }
.periods .header2 .header2-right { display: block; width: 100%; padding: 30px 20px 40px 20px; }
.periods .header3 .header3-right { padding: 0 24px 0 0; }
.periods #main .inner .header3 .header3-right h2 { font-size: 2.7em; }
.periods #main .inner .header3 .header3-left p.caption { padding: 10px 20px 0 0; text-align: right; }
.periods .header4 { padding: 20px 24px 40px 24px; }
.periods .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.periods .header5 .header5-left { display: block; width: 100%; padding-bottom: 93%; order: 2; }
.periods .header5 .header5-right { display: block; width: 100%; padding: 30px 24px; order: 1; }
.periods .header5 .header5-right:after { border: none; }
.periods .header6 { display: block; width: 100%; }
.periods .header6 .header6-left { display: block; width: 100%; padding: 30px 24px; }
.periods .header6 .header6-right { display: block; width: 100%; padding-bottom: 90%; }
.periods .header6 .header6-left:after { border: none; }
.periods .header7 { padding: 40px 30px; }
.periods .header7 .header7-text-container { display: block; }
.periods .header7 .header7-text-container .header7-text-left { display: block; width: 100%; padding: 0; }
.periods .header7 .header7-text-container .header7-text-right { display: block; width: 100%; padding: 0; }

.periods .header8 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.periods .header8 .header8-left { display: block; width: 100%; padding-bottom: 70%; order: 2; }
.periods .header8 .header8-right { display: block; width: 100%; padding: 30px 24px; order: 1; }

.periods .header9 { padding: 40px 24px 35px 24px; }
.periods .header10 { padding: 30px 24px 40px 24px; }

.periods .header11 { display: block; width: 100%; }
.periods .header11 .header11-left { display: block; width: 100%; padding: 30px 24px; }
.periods .header11 .header11-right { display: block; width: 100%; padding-bottom: 80%; }

.periods .header12 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.periods .header12 .header12-left { display: block; width: 100%; padding-bottom: 70%; order: 2; }
.periods .header12 .header12-right { display: block; width: 100%; padding: 30px 24px; order: 1; }

.periods .header13 { background: #fce3e9; display: block; width: 100%; border-left: 24px solid #762646; border-right: 24px solid #762646; border-top: 24px solid #762646; border-bottom: 24px solid #762646; }
.periods .header13 .header13-left { display: block; width: 100%; padding: 30px 24px 0 24px; }
.periods .header13 .header13-right { display: block; width: 100%; background: url(/img/periods/header13-mobile.jpg) top center no-repeat; background-size: cover; padding-bottom: 55%; }
.periods .header13-footer { padding: 0 24px 30px 24px; }

.periods .header14 { display: block; width: 100%; }
.periods .header14 .header14-left { display: block; width: 100%; padding: 30px 24px; }
.periods .header14 .header14-right { display: block; width: 100%; padding-bottom: 80%; border: none; }
.periods .header15 { padding: 24px; }
.periods .header15 .spectra-logo-container .spectra-logo { width: 130px; }

.periods .header15 .header15-white { padding: 30px 24px; }
}
@media screen and (max-width: 700px) {
.periods .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 40px 0; }
.periods .header3 .header3-left { display: block; width: 100%; order: 2; padding: 20px 24px 0 0; }
.periods .header3 .header3-right { display: block; width: 100%; order: 1; padding: 20px 20px 0 24px; }
.periods #main .inner .header3 .header3-left p.spoon { max-width: 400px; }
.periods #main .inner .header3 .header3-left p.caption { padding: 0px 20px 0 200px; text-align: left; }
}

@media screen and (max-width: 600px) {
.periods #main .inner .header1 .header1-left h1 { font-size: 4em; }
.periods .header1  { display: block; }
.periods .header1 .header1-left,
.periods #main .header1 .subnav { display: block; width: 100%; }

.periods .header15 .spectra-logo-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.periods .header15 .spectra-logo-container .spectra-logo { display: block; width: 100%; order: 2; text-align: center; padding: 24px 24px 0 24px; }
.periods .header15 .spectra-logo-container .spectra-text { display: block; width: 100%; order: 1; padding: 0; }
.periods .header15 .spectra-logo-container .spectra-logo img { display: inline-block; max-width: 130px; }
}

@media screen and (max-width: 500px) {
.periods #main .inner p, .periods #main ul li { font-size: 1.7em; }
}

@media screen and (max-width: 400px) {
.periods #main .inner .header3 .header3-left p.caption { padding: 5px 0 0 90px; text-align: center; }
}


/* Accordion Sub nav menu */
#main .header { display: table; width: 100%; height: 85px; }
#main .header .heading { display: table-cell; width: auto; vertical-align: middle; padding: 23px 35px; }
.pg-emotional #main .header .heading h1 { color: #8543ee; }
#main .header .heading h1 { margin: 0; }

#main .header .subnav { display: table-cell; width: 465px; vertical-align: middle; background: #9804ed; padding: 0 0 0 40px; position: relative; }
#main .header .subnav nav { display: none; position: absolute; background: #c1adfc; width: 465px; right: 0; top: 85px; padding: 0 30px 20px 50px; z-index: 30; }
#main .header .subnav nav ul { padding: 0; margin: 0; font-size: 1em; }
#main .header .subnav nav ul li { position: relative; padding: 0 0 10px 15px; margin: 0; list-style: none; font-size: 1.85em; line-height: 1.1; }
#main .header .subnav nav ul li:before { display: inline-block; content: "\003e"; color: #fff; font-size: 1.2em; line-height: 1; position: absolute; top: 0; left: 0; }
#main .header .subnav nav ul li a { color: #fff; text-decoration: none; font-size: 16px; font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; }
#main .header .subnav nav ul li a:hover { color: #333; }
#main .subnav h4 { display: inline-block; color: #fff; font-size: 2.5em; margin: 0; position: relative; text-decoration: none; padding: 10px 40px 10px 10px; }
#main #accordion-container #accordion { cursor: pointer; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
#main #accordion-container .content { display: none; }
#main .subnav h4:after { position: absolute; top: 21px; right: 0; width: 23px; height: 15px; display: inline-block; content: ''; background: url(/assets/icons/subnav-arrow.png) 0 0 no-repeat; background-size: 23px 15px; }
#main .subnav .active h4:after { rotate: 180deg; }

.pg-emotional #main .header .subnav { background: #c1adfc; }

@media screen and (max-width: 1000px) {
#main .header .heading h1 { font-size: 2.7em; }
#main .header .subnav { width: 320px; padding: 0 0 0 10px; }
#main .header .subnav nav { width: 320px; padding: 0 20px 15px 20px; }
#main .subnav h4 { font-size: 2.2em; padding: 10px 30px 10px 10px; }
#main .subnav h4:after { top: 19px; width: 20px; height: 13px; background-size: 20px 13px; }
#main .header .subnav nav ul li a { font-size: 15px; }
}

@media screen and (max-width: 768px) {
.body-image #main .inner p, .body-image #main ul.list li { font-size: 1.7em; }
#main .header .heading { padding: 23px 20px; }
#main .header .subnav, #main .header .subnav nav { width: 250px; }
}
@media screen and (max-width: 600px) {
#main .header { display: block; height: auto; }
#main .header .heading,
#main .header .subnav,
#main .header .subnav nav,
#main .header .heading { display: block; width: 100%; }
#main .subnav h4:after { display: none; }
#main #accordion-container .content { display: block !important; position: relative; right: auto; top: auto; width: 100%; padding: 0 20px 0 10px; }
#main .header .subnav { padding: 5px 0 15px 10px; }
#main #accordion-container #accordion { pointer-events: none; }
}



/* Eating Disorders */
.eating-disorders #main { padding-bottom: 0; }
.eating-disorders #main .inner { padding: 0; min-height: 0; }
.eating-disorders #main .inner h2 { color: #fff; font-size: 3.3em; line-height: 1.2; margin: 0 0 25px 0; }
.eating-disorders #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; line-height: 1.4; color: #fff; }
.eating-disorders #main .inner p:last-child { padding: 0; }
.eating-disorders #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.eating-disorders #main .inner a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.eating-disorders #main .inner a:hover { color: #fd8a02; }
.eating-disorders #main .inner a[href^="tel"]:link:hover { color: #333 !important; }

.eating-disorders #main .inner .upper {text-transform: uppercase; }
.eating-disorders #main ul { padding: 0; margin: 0; }
.eating-disorders #main ul li { position: relative; padding: 0 0 8px 25px; margin: 0; list-style: none; font-size: 1.9em; line-height: 1.4; color: #fff; }
.eating-disorders #main ul li:before { content: "\2022"; color: #fff; font-size: 42px; line-height: 1; position: absolute; top: -8px; left: 0; }

.eating-disorders .header1 { display: table; width: 100%; background: #3d5dab; height: 561px; }
.eating-disorders .header1 .header1-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 40px 60px; }
.eating-disorders .header1 .header1-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/eating-disorders/header1.jpg) top center no-repeat; background-size: cover; }

.eating-disorders .header2 { display: table; width: 100%; background: #6d98d0; height: 545px; }
.eating-disorders .header2 .header2-left { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/eating-disorders/header2.jpg) center center no-repeat; background-size: cover; }
.eating-disorders .header2 .header2-right { width: auto; display: table-cell; vertical-align: middle; padding: 40px 60px; }

.eating-disorders .header3 { background: url(/img/eating-disorders/heading3-bg.png) top center no-repeat; background-size: cover; padding: 40px 0; }
.eating-disorders .header3 .header3-heading { background: #d17e19; padding: 17px; text-align: center; }
.eating-disorders #main .inner .header3 .header3-heading h2 { margin: 0; font-size: 2.7em; }

.eating-disorders .header3 .disorders { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 60px; }
.eating-disorders .header3 .disorder { position: relative; background: #fdf7dd; width: 45%; padding: 0 0 40px 0; border-radius: 35px; -webkit-box-shadow: 3px 5px 9px 0px rgba(0,0,0,0.36) inset; -moz-box-shadow: 3px 5px 9px 0px rgba(0,0,0,0.36) inset; box-shadow: 3px 5px 9px 0px rgba(0,0,0,0.36) inset; }
.eating-disorders .header3 .disorder:nth-child(1),
.eating-disorders .header3 .disorder:nth-child(2) { margin-bottom: 50px; }
.eating-disorders .header3 .disorder-content { text-align: center; padding: 0 30px; }

.eating-disorders #main .inner .header3 .accordion { background: #d17e19; border-radius: 35px; padding: 7px 20px; text-align: center; margin-bottom: 10px; min-height: 100px; -webkit-box-shadow: 3px 9px 9px 0px rgba(0,0,0,0.36) inset; -moz-box-shadow: 3px 9px 9px 0px rgba(0,0,0,0.36) inset; box-shadow: 3px 9px 9px 0px rgba(0,0,0,0.36) inset; }
.eating-disorders #main .inner .header3 .accordion a { color: #fff; display: inline-block; padding: 10px; text-align: center; text-decoration: none; font-size: 2.7em; line-height: 64px; position: relative; cursor: pointer; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.eating-disorders #main .inner .header3 .accordion a:after { position: absolute; top: 38px; right: -24px; width: 23px; height: 15px; display: inline-block; content: ''; background: url(/assets/icons/subnav-arrow.png) 0 0 no-repeat; background-size: 23px 15px; }

.eating-disorders #main .inner .header3 .show .accordion a.accordion-button:after,
.eating-disorders #main .inner .header3 .show .accordion.spanned span:after { rotate: 180deg; }

.eating-disorders #main .inner .header3 .accordion a:hover { color: #333; }

.eating-disorders #main .inner .header3 .disorder .accordion.spanned a { line-height: 1.2; }
.eating-disorders #main .inner .header3 .disorder .accordion.spanned a:after { display: none; }
.eating-disorders #main .inner .header3 .disorder .accordion.spanned a span { position: relative; display: inline-block; }
.eating-disorders #main .inner .header3 .disorder .accordion.spanned a span:after { position: absolute; top: 10px; right: -34px; width: 23px; height: 15px; display: inline-block; content: ''; background: url(/assets/icons/subnav-arrow.png) 0 0 no-repeat; background-size: 23px 15px; }

.eating-disorders #main .disorder-image { text-align: center; padding: 0 15px; }

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

.eating-disorders #main .disorder-text { padding: 0 40px; display: none; }
.eating-disorders #main .show .disorder-text { display: block; padding: 20px 40px 0 40px; background: #fdf7dd; margin: 0 20px; -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s; }

.eating-disorders #main .show .disorder-image { display: none; }

.eating-disorders #main .header3 .disorder p,
.eating-disorders #main .header3 .disorder a { color: #333; }
.eating-disorders #main .header3 .disorder a:hover { color: #fd8a02; }

.eating-disorders #main .header3 .osfed { background: #fdf7dd; margin: 0 60px 30px 60px; padding: 0 0 30px 0; border-radius: 35px; }
.eating-disorders #main .header3 .osfed .osfed-content { text-align: center; padding: 20px 30px 0 30px; }
.eating-disorders #main .header3 .osfed p,
.eating-disorders #main .header3 .osfed a { color: #333; }
.eating-disorders #main .header3 .osfed a:hover { color: #fd8a02; }
.eating-disorders #main .header3 .osfed p { max-width: 720px; margin: 0 auto; text-align: center; padding: 10px 20px 0 20px; }

.eating-disorders #main .header3 .osfed h2 { background: #d17e19; border-radius: 35px; padding: 34px 20px; text-align: center; margin-bottom: 10px; -webkit-box-shadow: 3px 9px 9px 0px rgba(0,0,0,0.36) inset; -moz-box-shadow: 3px 9px 9px 0px rgba(0,0,0,0.36) inset; box-shadow: 3px 9px 9px 0px rgba(0,0,0,0.36) inset; color: #fff; text-decoration: none; font-size: 2.7em; }

.eating-disorders #main .inner .header3 .findoutmore { background: #d17e19; padding: 15px 17px 23px 17px; text-align: center; }
.eating-disorders #main .inner .header3 .findoutmore p { font-size: 1em; }
.eating-disorders #main .inner .header3 .findoutmore a { margin: 0; font-size: 2.7em; line-height: 1.2; }
.eating-disorders #main .inner .header3 .findoutmore a:hover { color: #333; }

.eating-disorders .header4 { display: table; width: 100%; background: #873d3e; height: 559px; }
.eating-disorders .header4 .header4-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 40px 60px; }
.eating-disorders .header4 .header4-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/eating-disorders/header4.jpg) top center no-repeat; background-size: cover; }

.eating-disorders .header5 { display: table; width: 100%; background: #ba4a41; height: 670px; }
.eating-disorders .header5 .header5-left { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/eating-disorders/header5.jpg) center center no-repeat; background-size: cover; }
.eating-disorders .header5 .header5-right { width: auto; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.eating-disorders #main .inner .header5 .header5-right h2.last { margin-top: 50px; }

.eating-disorders .nss-heading { background: #873d3e; text-align: center; padding: 40px 30px 30px 30px; }
.eating-disorders  #main .inner .nss-heading h2 { margin: 0 0 15px 0; }

.eating-disorders .nss { background: #873d3e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 60px 60px 60px; }
.eating-disorders .nss .nss-service { width: 48%; background: #fff; text-align: center; padding: 40px 20px; }
.eating-disorders #main .inner .nss p { color: #333; max-width: 420px; margin: 0 auto; }
.eating-disorders #main .inner .nss a { color: #333; }
.eating-disorders #main .inner .nss a:hover { color: #fd8a02; }
.eating-disorders #main .inner .nss p.linebreak { padding-bottom: 0; }
.eating-disorders #main .inner .nss span img { display: inline-block; margin-bottom: 20px; }

@media screen and (max-width: 1400px) {
.eating-disorders .header1 { height: auto; }
.eating-disorders .header2 { height: auto; }
.eating-disorders #main .inner .header3 .accordion { border-radius: 20px; padding: 0 20px; min-height: 70px; }
.eating-disorders #main .inner .header3 .accordion a { font-size: 2em; line-height: 50px; }
.eating-disorders #main .inner .header3 .disorder .accordion.spanned a { max-width: 400px; }
.eating-disorders #main .inner .header3 .accordion a:after { top: 32px; right: -20px; width: 20px; height: 13px; background-size: 20px 13px; }
.eating-disorders #main .inner .header3 .disorder .accordion.spanned a span:after { top: 7px; right: -30px; width: 20px; height: 13px; background-size: 20px 13px; }
.eating-disorders .header3 .disorder { width: calc(50% - 30px); border-radius: 20px; }

.eating-disorders #main .header3 .osfed h2 { border-radius: 20px; padding: 22px 20px 21px 20px; font-size: 2.3em; }

.eating-disorders #main .inner .header3 .findoutmore a { font-size: 2.3em; }
.eating-disorders .header4 { height: auto; }
.eating-disorders .header5 { height: auto; }
}

@media screen and (max-width: 1200px) {
.eating-disorders  #main .inner p, .eating-disorders  #main ul.list li { font-size: 1.8em; }
.eating-disorders #main ul.list li { padding: 0 0 8px 20px; }
.eating-disorders #main ul.list li:before { font-size: 32px; top: -4px; }
.eating-disorders .nss { padding: 0 30px 30px 30px; }

.eating-disorders .header3 .disorders { padding: 30px; }

.eating-disorders .header3 .disorder { width: calc(50% - 15px); }

.eating-disorders #main .header3 .osfed { margin: 0 30px 30px 30px; }
}

@media screen and (max-width: 1000px) {
.eating-disorders #main .header3 .disorder p { font-size: 1.6em; padding-bottom: 10px; }
.eating-disorders #main .show .disorder-text { padding: 20px 20px 0 20px; }
}

@media screen and (max-width: 900px) {
.eating-disorders .header1 .header1-left { padding: 40px 30px; }
.eating-disorders .header2 .header2-right { padding: 40px 30px; }
.eating-disorders .header4 .header4-left { padding: 40px 30px; }
.eating-disorders .header5 .header5-right { padding: 40px 30px; }
}

@media screen and (max-width: 768px) {
.eating-disorders #main .inner p, .eating-disorders #main ul.list li { font-size: 1.7em; }
.eating-disorders .nss { display: block; padding: 0 24px 30px 24px; }
.eating-disorders .nss .nss-service { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
.eating-disorders .nss .nss-beat { margin-bottom: 30px; }

.eating-disorders .header1 { display: block; height: auto; }
.eating-disorders .header1 .header1-left { width: 100%; display: block; padding: 20px 24px 30px 24px; }
.eating-disorders .header1 .header1-right { width: 100%; display: block; padding-bottom: 71%; }

.eating-disorders .header2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.eating-disorders .header2 .header2-left { width: 100%; padding: 0 0 65% 0; order: 2;}
.eating-disorders .header2 .header2-right { width: 100%; padding: 20px 24px; order: 1; }

.eating-disorders .header3 { padding: 30px 0; }
.eating-disorders #main .inner .header3 .header3-heading h2 { font-size: 2.3em; }

.eating-disorders .header3 .disorders { display: block; padding: 30px 24px; }
.eating-disorders .header3 .disorder { width: 100%; max-width: 500px; margin: 0 auto 30px auto !important; }

.eating-disorders #main .header3 .osfed { margin: 0 24px 30px 24px; }

.eating-disorders .header4 { display: block; height: auto; }
.eating-disorders .header4 .header4-left { width: 100%; display: block; padding: 20px 24px 30px 24px; }
.eating-disorders .header4 .header4-right { width: 100%; display: block; padding-bottom: 71%; }

.eating-disorders .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.eating-disorders .header5 .header5-left { width: 100%; padding: 0 0 65% 0; order: 2;}
.eating-disorders .header5 .header5-right { width: 100%; padding: 20px 24px; order: 1; }
.eating-disorders #main .inner .header5 .header5-right h2.last { margin-top: 20px; }
}

@media screen and (max-width: 400px) {
.eating-disorders .nss { padding: 0 0 40px 0; }
}

@media screen and (max-width: 320px) {
.eating-disorders #main .disorder-image { padding: 0 20px; }
}

/* Body Image */
.body-image #main { padding-bottom: 0; }
.body-image #main .inner { padding: 0; min-height: 0; }
.body-image #main .inner h2 { color: #fff; font-size: 2.7em; line-height: 1.2; margin: 0 0 25px 0; }
.body-image #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; line-height: 1.4; color: #fff; }
.body-image #main .inner p:last-child { padding: 0; }
.body-image #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.body-image #main .inner a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.boroughlistheading { margin-top: 1.5em !important; }
.body-image #main .inner ul.boroughlist a { text-decoration: none; color: #fff; }

.body-image #main .inner a:hover { color: #fd8a02; }
.body-image #main .inner a[href^="tel"]:link:hover { color: #333 !important; }

.body-image #main .inner .upper {text-transform: uppercase; }
.body-image #main ul.list { padding: 0; margin: 0; }
.body-image #main ul.list li { position: relative; padding: 0 0 8px 25px; margin: 0; list-style: none; font-size: 1.9em; line-height: 1.4; color: #fff; }
.body-image #main ul.list li:before { content: "\2022"; color: #fff; font-size: 42px; line-height: 1; position: absolute; top: -8px; left: 0; }

.body-image .header1 { background: #314270; padding: 40px 24px 30px 24px; text-align: center; }
.body-image #main .inner .header1 h2 { max-width: 700px; margin: 0 auto; }
.body-image .header1-video { background: #314270; padding: 0 24px 40px 24px; text-align: center; }
.body-image .header1-video .video-inner { max-width: 560px; margin: 0 auto; }

.body-image .header2-container { background: #314270; padding: 0 60px 50px 60px; }
.body-image .header2-inner-bg { background: #a589fc; padding:  30px 35px 50px 35px; }
.body-image #main .inner .header2-container h2 { text-align: center; margin-bottom: 40px; }

.body-image .header2 { display: table; width: 100%; height: 426px; }
.body-image .header2 .header2-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 30px 30px 30px 0; }
.body-image .header2 .header2-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/body-image/header2.jpg) top center no-repeat; background-size: cover; }

.body-image .header3 { display: table; width: 100%; height: 395px; padding: 50px 0 0 0; }
.body-image .header3 .header3-left { width: auto; display: table-cell; border-right: 60px solid #314270; vertical-align: middle; background: url(/img/body-image/header3.jpg) bottom center no-repeat; background-size: cover; }
.body-image .header3 .header3-right { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 30px 60px; }
.body-image .header3 .white-box { background: #fff; padding: 20px 30px; margin-top: 20px; }
.body-image #main .inner .header3 .white-box p { color: #314270; }

.body-image .header4 { background: #bd4bb3; padding: 40px 60px 30px 60px; }
.body-image #main .inner .header4 .header4-image { text-align: center; margin: 20px 0; }
.body-image #main .inner .header4 h2 { margin: 0 0 10px 0; }

.body-image .top-tip { background: #fff; padding: 20px 24px; border-bottom: 40px solid #bd4bb3; }
.body-image #main .inner .top-tip p { color: #bd4bb3; text-align: center; padding: 0; font-style: italic; }

.body-image .header5 { display: table; width: 100%; background: #5b8583; padding: 40px 60px 60px 60px; }
.body-image .header5 .header5-left { width: 50%; display: table-cell; vertical-align: middle; padding-right: 60px; }
.body-image .header5 .header5-right { width: auto; display: table-cell; vertical-align: middle; }

.body-image #main .inner .header5 h2 { margin: 0 0 10px 0; }

.body-image .header5 .stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.body-image #main .inner .header5 .stat p { color: #28398a; text-align: center; line-height: 1.2; max-width: 170px; margin: 0 auto; }
.body-image #main .inner .header5 .stat p span { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; display: block; font-size: 2em; line-height: 1.1; }
.body-image #main .inner .header5 .source p { padding: 0 0 0 90px; text-align: center; }

.body-image .header5 .stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 260px; background: #fff; position: relative; margin: 0 20px 20px 0; border-radius: 12px; padding: 30px 30px 45px 30px; overflow: hidden; }

.body-image #main .inner .header5 .stat:before { content: ""; position: absolute; border-radius: inherit; border: 3px solid #28398a; inset: 7px; }

.body-image #main .inner .header5 .start-quotes { position: absolute; width: 55px; height: 40px; top: 5px; left: -3px; }
.body-image #main .inner .header5 .end-quotes { position: absolute; width: 55px; height: 40px; bottom: 5px; right: 0; }

.body-image .header5b { display: table; width: 100%; background: #5b8583; height: 740px; padding: 0 60px 60px 60px; }
.body-image .header5b .header5b-left { width: auto; display: table-cell; border-right: 50px solid #5b8583; vertical-align: middle; background: url(/img/body-image/header5.jpg) top center no-repeat; background-size: cover; }
.body-image .header5b .header5b-right { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 30px 60px; }

.body-image .header6 { display: table; width: 100%; background: #314270; height: 560px; }
.body-image .header6 .header6-left { width: auto; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.body-image .header6 .header6-right { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/body-image/header6.jpg) center center no-repeat; background-size: cover; }

.body-image .header7 { display: table; width: 100%; background: #bd4bb3; height: 789px; }
.body-image .header7 .header7-left { width: 50%; display: table-cell; vertical-align: middle; background: url(/img/body-image/header7.jpg) center center no-repeat; background-size: cover; }
.body-image .header7 .header7-right { width: auto; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.body-image .header7 .header7-right .white-box { background: #fff; padding: 10px 20px 15px 20px; margin: 30px 0 0 0; }
.body-image #main .inner .header7 .header7-right .white-box p { color: #bd4bb3; text-align: center; max-width: 300px; margin: 0 auto; line-height: 1.3; }
.body-image #main .inner .header7 .header7-right .white-box p a { color: #bd4bb3; }
.body-image #main .inner .header7 .header7-right .white-box p a:hover { color: #333; }

.body-image .where-help-heading { background: #5b8583; text-align: center; padding: 40px 24px 30px 24px; }
.body-image #main .inner .where-help-heading h2 { margin: 0 0 15px 0; }
.body-image #main .inner .where-help-heading p { margin: 0 auto; max-width: 590px; }
.body-image .where-help { background: #5b8583; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 60px 60px 60px; }
.body-image .where-help .where-help-service { width: 48%; background: #fff; text-align: center; padding: 40px 20px; }
.body-image #main .inner .where-help p { color: #333; max-width: 420px; margin: 0 auto; }
.body-image #main .inner .where-help a { color: #333; }
.body-image #main .inner .where-help a:hover { color: #fd8a02; }
.body-image #main .inner .where-help p.linebreak { padding-bottom: 0; }
.body-image #main .inner .where-help span img { display: inline-block; margin-bottom: 20px; }

@media screen and (max-width: 1400px) {
.body-image .header5b { height: auto; }
.body-image .header6 { height: auto; }
.body-image .header7 { height: auto; }
}

@media screen and (max-width: 1200px) {
.body-image .header2-container { padding: 0 30px 30px 30px; }
.body-image #main .inner .header2-container h2 { font-size: 2.4em; }
.body-image .header2-inner-bg { padding: 20px 30px 30px 20px; }

.body-image #main .inner p, .body-image #main ul.list li { font-size: 1.8em; }

.body-image #main ul.list li { padding: 0 0 8px 20px; }
.body-image #main ul.list li:before { font-size: 32px; top: -4px; }
.body-image .header3 { height: auto; padding: 30px 0 0 0; }
.body-image .header3 .header3-right { padding: 0 30px 0 0; }

.body-image .header5 .header5-left { padding-right: 60px; vertical-align: top; }
.body-image .header5 .header5-right { width: 370px; vertical-align: top; }
.body-image .header5 .stats { display: block; }
.body-image .header5 .stat.one { display: block; margin: 0 auto 30px auto; }
.body-image .header5 .stat.two { display: block; margin: 0 auto 20px auto; }
.body-image #main .inner .header5 .source p { padding: 0; text-align: center; }

.body-image .header5b .header5b-left { border-right: 30px solid #5b8583; }
.body-image .header5b .header5b-right { padding: 20px 0 20px 30px; }

.body-image .where-help { padding: 0 30px 30px 30px; }
}

@media screen and (max-width: 1000px) {
.body-image #main .inner .header1 h2 { font-size: 2.3em; }
.body-image .header3 .header3-right { padding: 0; }
.body-image .header3 .header3-left { border-right: 30px solid #314270; }
.body-image .header3 { height: auto; padding: 30px 0; }
.body-image #main .inner .header5 .source a { font-size: 0.9em; }
.body-image #main .inner .header7 .header7-right .white-box p { max-width: none; }
}

@media screen and (max-width: 900px) {
.body-image .header2-container { padding: 0; }
.body-image .header3 .header3-right { padding: 0 30px 0 0; }
.body-image .header4 { padding: 25px 30px 30px 30px; }
.body-image .header5 { padding: 30px 30px 60px 30px; }
.body-image .header5 .header5-left { padding-right: 30px; }
.body-image .header5 .header5-right { padding-top: 10px; }
.body-image .header5b { padding: 0 30px 30px 30px; }
.body-image .header6 .header6-left { padding: 30px; }
.body-image .header7 .header7-right { padding: 30px; }
}

@media screen and (max-width: 768px) {
.body-image #main .inner p, .body-image #main ul.list li { font-size: 1.7em; }

.body-image #main .inner .header2-container h2 { padding: 20px 24px 0 24px; margin: 0; }
.body-image .header2-inner-bg { padding: 0; }
.body-image .header2 { display: block; height: auto; }
.body-image .header2 .header2-left { width: 100%; display: block; padding: 20px 24px; }
.body-image .header2 .header2-right { width: 100%; display: block; padding-bottom: 64%; }

.body-image .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.body-image .header3 .header3-left { width: 100%; padding: 0 0 60% 0; order: 2; border: none; }
.body-image .header3 .header3-right { width: 100%; padding: 20px 24px; order: 1; }
.body-image #main .inner .header4 .header4-image { margin: 0; }
.body-image .header4 { padding: 25px 24px 30px 24px; }
.body-image .top-tip { border-bottom: 30px solid #bd4bb3; }

.body-image .header5 { display: block; padding: 30px 24px 60px 24px; }
.body-image .header5 .header5-left { width: 100%; display: block; padding: 0 0 30px 0; }
.body-image .header5 .header5-right { width: 100%; display: block; }
.body-image .header5 .stats { text-align: center; }
.body-image .header5 .stat { display: inline-block !important; margin: 0 15px 15px 15px !important; }
.body-image #main .inner .header5 .source a { font-size: 1.1em; }

.body-image .header5b { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.body-image .header5b .header5b-left { width: 100%; padding: 0 0 107% 0; order: 2; border: none; }
.body-image .header5b .header5b-right { width: 100%; padding: 20px 24px; order: 1; }

.body-image .header6 { display: block; height: auto; }
.body-image .header6 .header6-left { width: 100%; display: block; padding: 20px 24px 30px 24px; }
.body-image .header6 .header6-right { width: 100%; display: block; padding-bottom: 51%; }

.body-image .header7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.body-image .header7 .header7-left { width: 100%; padding: 0 0 77% 0; order: 2; border: none; background: url(/img/body-image/header7.jpg) top center no-repeat; background-size: cover; }
.body-image .header7 .header7-right { width: 100%; padding: 20px 24px; order: 1; }

.body-image .where-help { display: block; padding: 0 24px 30px 24px; }
.body-image .where-help .where-help-service { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
.body-image .where-help .where-help-beat { margin-bottom: 24px; }
}

@media screen and (max-width: 650px) {
.body-image .header5 .stat { display: block !important; margin: 0 auto 25px auto !important; }
}

@media screen and (max-width: 500px) {
.body-image #main .inner .header5 .source a { font-size: 1em; }
}

@media screen and (max-width: 400px) {
.body-image .where-help { padding: 0 0 40px 0; }
}


/* Feeling excited for a fresh start at Sixth Form/College/University's */
.starting-sixth-form-college-university #main { padding-bottom: 0; }
.starting-sixth-form-college-university #main .inner { padding: 0; min-height: 0; }
.starting-sixth-form-college-university #main .inner h2 { color: #fff; font-size: 3.3em; line-height: 1.2; margin: 0 0 25px 0; }
.starting-sixth-form-college-university #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; line-height: 1.4; color: #fff; }
.starting-sixth-form-college-university #main .inner p:last-child { padding: 0; }
.starting-sixth-form-college-university #main .inner a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; color: #1c2865; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.starting-sixth-form-college-university #main .inner a:hover { color: #fd8a02; }
.starting-sixth-form-college-university #main .inner .boroughlist a { text-decoration: none; color: #fff; }
.starting-sixth-form-college-university #main .inner .boroughlist a:hover { color: #fff; }

.starting-sixth-form-college-university #main .hero-bg { min-height: 1035px; padding: 25px 60px 0 60px; position: relative; background-color: #2d8dd0; background-color: -moz-linear-gradient(left, #2d8dd0 0%, #3366a1 100%); background-color: -webkit-linear-gradient(left,  #2d8dd0 0%,#3366a1 100%); background-color: linear-gradient(to right, #2d8dd0 0%,#3366a1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d8dd0', endColorstr='#3366a1',GradientType=1 ); background-image: url("/img/starting-sixth-form-college-university/hero.png"); background-position: bottom left; background-repeat: no-repeat; background-size: contain; }

.starting-sixth-form-college-university #main .hero-bg h1 { font-family: 'FiraSans-Extrabold'; text-align: center; font-size: 7em; color: #1c2865; text-shadow: 0px 0px 0px rgb(255, 255, 255),0px 0px 5px rgb(255, 255, 255),0px 0px 10px rgb(255, 255, 255),0px 0px 15px rgb(255, 255, 255); -moz-text-fill-color: #1c2865; -webkit-text-fill-color: #1c2865; -moz-text-stroke-color: #fff; -webkit-text-stroke-color: #fff; -moz-text-stroke-width: 1px; -webkit-text-stroke-width: 1px; margin-bottom: 35px; }

.starting-sixth-form-college-university #main .hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.starting-sixth-form-college-university #main .hero .hero-panel { width: 48%; }

.starting-sixth-form-college-university #main .hero-freshers { position: absolute; width: 600px; height: fit-content; border-radius: 40px; background: rgba(255,255,255,0.8); padding: 40px; right: 75px; bottom: 50px; }
.starting-sixth-form-college-university #main .hero-freshers h2 { color: #1c2865; margin: 0 0 15px 0; font-size: 2.7em; }
.starting-sixth-form-college-university #main .hero-freshers p { color: #1c2865; }

.starting-sixth-form-college-university #main .tips-bg { background: #fff url("/img/starting-sixth-form-college-university/pattern-bg.png") 0 0 repeat-y; background-size: 100% auto; padding: 40px 60px 0 60px; }
.starting-sixth-form-college-university #main .tips-bg h2 { color: #cf5c17; font-size: 3em; margin: 0 0 40px 0; }

.starting-sixth-form-college-university #main .tips { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.starting-sixth-form-college-university #main .tips .panel { width: calc((100% - 50px)/3); padding: 20px; margin-bottom: 25px; position: relative; }

.starting-sixth-form-college-university #main .tips .panel.seven,
.starting-sixth-form-college-university #main .tips .panel.eight,
.starting-sixth-form-college-university #main .tips .panel.nine { margin-bottom: 0; }

.starting-sixth-form-college-university #main .tips .panel.blue { background: rgba(191,230,252,0.6); }
.starting-sixth-form-college-university #main .tips .panel.orange { background: rgba(252,203,159,0.6); }
.starting-sixth-form-college-university #main .tips .panel.two { padding-bottom: 230px; }
.starting-sixth-form-college-university #main .tips .panel.nine p { padding-right: 135px; }

.starting-sixth-form-college-university #main .tips .panel h2 { color: #1c2865; margin: 0 0 25px 0; }
.starting-sixth-form-college-university #main .tips .panel p { color: #1c2865; }

.starting-sixth-form-college-university #main .tips .panel.one img { float: right; padding: 0 0 20px 20px; width: 185px; }
.starting-sixth-form-college-university #main .tips .panel.two img { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
.starting-sixth-form-college-university #main .tips .panel.three img { float: right; padding: 20px 0 20px 20px; width: 170px; }
.starting-sixth-form-college-university #main .tips .panel.four img { float: right; padding: 0 0 10px 20px; width: 170px; }
.starting-sixth-form-college-university #main .tips .panel.five img { float: right; padding: 0 0 10px 10px; width: 185px; }
.starting-sixth-form-college-university #main .tips .panel.six img { float: right; padding: 0 0 10px 10px; width: 210px; }
.starting-sixth-form-college-university #main .tips .panel.seven img { float: right; padding: 10px 0 20px 20px; width: 120px; }
.starting-sixth-form-college-university #main .tips .panel.eight img { float: right; padding: 0 0 15px 15px; width: 140px; }
.starting-sixth-form-college-university #main .tips .panel.nine img { position: absolute; bottom: -6px; right: 10px; }

.starting-sixth-form-college-university #main .fun { max-width: 820px; margin: 0 auto; padding: 30px 30px 10px 30px; }
.starting-sixth-form-college-university #main .fun h2 { color: #cf5c17; font-size: 3em; margin: 0; text-align: center; }

.starting-sixth-form-college-university .boroughlistheading { background: #2caeca; }

@media screen and (max-width: 1400px) {
.starting-sixth-form-college-university #main .hero-bg { min-height: 0; padding-bottom: 48%; }
.starting-sixth-form-college-university #main .hero-bg h1 { font-size: 6em; }
.starting-sixth-form-college-university #main .tips-bg h2 { font-size: 2.7em; margin: 0 0 20px 0; }

.starting-sixth-form-college-university #main .tips .panel.two { padding-bottom: 190px; }
.starting-sixth-form-college-university #main .tips .panel.nine p { padding-right: 95px; }
.starting-sixth-form-college-university #main .tips .panel.one img { width: 155px; }
.starting-sixth-form-college-university #main .tips .panel.two img { width: 260px; }
.starting-sixth-form-college-university #main .tips .panel.three img { width: 140px; }
.starting-sixth-form-college-university #main .tips .panel.four img { width: 140px; }
.starting-sixth-form-college-university #main .tips .panel.five img { width: 155px; }
.starting-sixth-form-college-university #main .tips .panel.six img { width: 170px; }
.starting-sixth-form-college-university #main .tips .panel.seven img { width: 80px; }
.starting-sixth-form-college-university #main .tips .panel.eight img { width: 100px; }
.starting-sixth-form-college-university #main .tips .panel.nine img { width: 95px; }
}

@media screen and (max-width: 1100px) {
.starting-sixth-form-college-university #main .hero-bg h1 { font-size: 5em; }
.starting-sixth-form-college-university #main .inner p { font-size: 1.8em; }
.starting-sixth-form-college-university #main .tips .panel { width: calc((100% - 25px)/2); }
.starting-sixth-form-college-university #main .tips .panel.seven,
.starting-sixth-form-college-university #main .tips .panel.eight { margin-bottom: 25px; }
.starting-sixth-form-college-university #main .tips .panel.nine img { bottom: -5px; }
}

@media screen and (max-width: 900px) {
.starting-sixth-form-college-university #main .hero-bg { padding: 20px 30px 450px 30px; }
.starting-sixth-form-college-university #main .hero-bg h1 { font-size: 4.5em; }
.starting-sixth-form-college-university #main .tips-bg { padding: 30px 30px 0 30px; }
}

@media screen and (max-width: 768px) {
.starting-sixth-form-college-university #main .hero { display: block; }
.starting-sixth-form-college-university #main .hero .hero-panel { width: 100%; }
.starting-sixth-form-college-university #main .hero-bg { padding: 20px 30px 40px 30px; }
.starting-sixth-form-college-university #main .hero-freshers { position: relative; width: 100%; height: auto; border-radius: 40px; background: rgba(255,255,255,0.8); padding: 40px; right: auto; bottom: auto; margin: 50px auto 0 auto; max-width: 600px; }
.starting-sixth-form-college-university #main .fun { padding: 30px 24px 10px 24px; }
.starting-sixth-form-college-university #main .fun h2 { font-size: 2.5em; }
}

@media screen and (max-width: 650px) {
.starting-sixth-form-college-university #main .tips .panel,
.starting-sixth-form-college-university #main .tips .panel.seven,
.starting-sixth-form-college-university #main .tips .panel.eight { width: 100%; margin-bottom: 30px; }
}

@media screen and (max-width: 500px) {
.starting-sixth-form-college-university #main .hero-freshers { border-radius: 20px; padding: 20px; }
.starting-sixth-form-college-university #main .tips-bg { background: #fff url("/img/starting-sixth-form-college-university/pattern-bg.png") 0 0 repeat-y; background-size: 200% auto; }
}

@media screen and (max-width: 420px) {
.starting-sixth-form-college-university #main .tips .panel.one { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.starting-sixth-form-college-university #main .tips .panel.one h2 { order: 1; margin: 0 0 10px 0; }
.starting-sixth-form-college-university #main .tips .panel.one img { float: none; padding: 0 0 10px 0; order: 2; margin: 0 auto; }
.starting-sixth-form-college-university #main .tips .panel.one p { order: 3; }

.starting-sixth-form-college-university #main .tips .panel.three img { width: 100px; }
.starting-sixth-form-college-university #main .tips .panel.four img { width: 120px; }
.starting-sixth-form-college-university #main .tips .panel.five img { float: none; padding: 0 0 15px 0; margin: 0 auto; display: block; }
.starting-sixth-form-college-university #main .tips .panel.six img { float: none; padding: 0 0 20px 0; margin: 0 auto; display: block; }

.starting-sixth-form-college-university #main .tips .panel.seven { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.starting-sixth-form-college-university #main .tips .panel.seven h2 { order: 1; margin: 0 0 10px 0; }
.starting-sixth-form-college-university #main .tips .panel.seven img { float: none; padding: 0 0 10px 0; order: 2; margin: 0 auto; }
.starting-sixth-form-college-university #main .tips .panel.seven p { order: 3; }

.starting-sixth-form-college-university #main .tips .panel.eight { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.starting-sixth-form-college-university #main .tips .panel.eight h2 { order: 1; margin: 0 0 10px 0; }
.starting-sixth-form-college-university #main .tips .panel.eight img { float: none; padding: 0 0 10px 0; order: 2; margin: 0 auto; }
.starting-sixth-form-college-university #main .tips .panel.eight p { order: 3; }

.starting-sixth-form-college-university #main .tips .panel.nine p { padding: 0 0 150px 0; }
}
@media screen and (max-width: 500px) {
.feedback-form-button-group { display: block; }
}











/* FGM */
.fgm #main { padding-bottom: 0; }
.fgm #main .inner { padding: 0; min-height: 0; }
.fgm #main .inner h2 { color: #fff; font-size: 2.7em; line-height: 1.2; margin: 0 0 25px 0; }
.fgm #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.9em; line-height: 1.4; color: #fff; }
.fgm #main .inner p:last-child { padding: 0; }
.fgm #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.fgm #main .inner a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.fgm.pg-emotional #main .header .subnav, .fgm #main .header .subnav nav { background: #a16660; }

.fgm #main .header h1 { color: #7a0031 !important; }

.fgm #main .header1 { background: #853896; }

.fgm .header1 { display: table; width: 100%; height: 665px; }
.fgm .header1 .header1-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 60px; }
.fgm .header1 .header1-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/fgm/header1.png) center center no-repeat; background-size: cover; }

.fgm .header1 .inset { background: #4d1b57; padding: 25px; margin-top: 30px; }
.fgm #main .inner .inset p { text-align: center; padding: 0 0 15px 0; }
.fgm .header1 .inset ul { text-align: center; padding: 0; margin: 0; }
.fgm .header1 .inset ul li { display: inline-block; position: relative; padding: 0 20px 10px 20px; margin: 0; list-style: none; color: #fff; font-size: 1.9em; }
.fgm .header1 .inset ul li:before { content:"\2022"; color: #fff; font-size: 2.7em; line-height: 1.3; position: absolute; top: -20px; left: 0; }

.fgm .header2 { background: #5b8584; padding: 60px; }
.fgm .header2 h2 { color: #fff; }
.fgm .header2 p { color: #fff; }
.fgm .header2  ul { padding: 0; margin: 0; }
.fgm .header2  ul li { position: relative; padding: 0 20px 10px 20px; margin: 0; list-style: none; color: #fff; font-size: 1.9em; }
.fgm .header2 ul li:before { content:"\2022"; color: #fff; font-size: 2.7em; line-height: 1.3; position: absolute; top: -20px; left: 0; }

.fgm .header3 { display: table; width: 100%; height: 482px; background: #7b0100; }
.fgm .header3 .header3-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 60px; }
.fgm .header3 .header3-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/fgm/header3.jpg) left center no-repeat; background-size: cover; }
.fgm .header3 h2 { color: #fff; }
.fgm .header3 p { color: #fff; }

.fgm .header4 h2 { color: #fff; }
.fgm .header4 p { color: #fff; }

.fgm .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; }
.fgm .header4 .header4-left { background: #456b9c; width: 50%; padding: 60px; }
.fgm .header4 .map { margin: 0 0 20px 0; }

.fgm .header4 .header4-right { background: #863896; width: 50%; display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.fgm .header4 .header4-right .header4-right-inner { padding: 60px; }
.fgm .header4 .girl { margin-top: auto; }

.fgm .header5 { padding: 40px 60px; }
.fgm .header5-inner { border: 5px solid #4d1b57; padding: 0 0 30px 0; }
.fgm .header5 h2 { background: #4d1b57; text-align: center; padding: 6px 20px 14px 20px; }
.fgm #main .inner .header5 p { color: #4d1b57; text-align: center; padding-left: 60px; padding-right: 60px; }
.fgm #main .inner .header5 a { color: #4d1b57; word-wrap: break-word; }
.fgm #main .inner .header5 a:hover { color: #9804ed; }

.fgm #main .inner .header5 p.linebreak { padding-bottom: 3px; }

.fgm .header5 .purple-bg { background: #eedff2; padding: 20px; margin: 0 40px 20px 40px; }
.fgm #main .inner .header5 .purple-bg p { max-width: 900px; margin: 0 auto; }




@media screen and (max-width: 1350px) {
.fgm .header4 .map { max-width: 380px; margin: 0 auto 20px auto; }


}




@media screen and (max-width: 1200px) {
.fgm .header1 { height: auto; }
.fgm .header1 .header1-left { padding: 40px 60px; }
.fgm .header1 .header1-right { background: #94211d url(/img/fgm/header1.png) center center no-repeat; background-size: contain; }
.fgm .header1 .inset { padding: 15px; margin-top: 0; }
.fgm #main .inner .inset p { padding: 0 0 5px 0; }
.fgm .header1 .inset ul li { padding: 0 10px 7px 18px; }
.fgm .header1 .inset ul li:before, .fgm .header2 ul li:before { font-size: 2em; top: -11px; }
.fgm .header5 { padding: 30px; }
.fgm #main .inner .header5-inner h2 {  margin: 0 0 15px 0; font-size: 2.3em; }

}


@media screen and (max-width: 900px) {
.fgm #main .inner p, .fgm #main ul.list li { font-size: 1.8em; }
.fgm .header1 .header1-left { padding: 30px; }
.fgm #main .inner h2 { margin: 0 0 15px 0; }
.fgm .header2 { padding: 30px; }
.fgm .header3 { height: auto; }
.fgm .header3 .header3-left { padding: 30px; }
.fgm .header4 .header4-left, .fgm .header4 .header4-right .header4-right-inner { padding: 30px; }
.fgm .header5 { padding: 24px; }
.fgm #main .inner .header5 p { padding-left: 30px; padding-right: 30px; }
.fgm .header5 .purple-bg { padding: 10px; margin: 0 30px 20px 30px; }
}


@media screen and (max-width: 768px) {
.fgm #main .inner p, .fgm #main ul.list li { font-size: 1.7em; }
.fgm .header1 .header1-left { padding: 30px 24px; }

.fgm .header1 { display: block; }
.fgm .header1 .header1-left { display: block; width: 100%; }
.fgm .header1 .header1-right { display: block; width: 100%; padding-bottom: 50%; }

.fgm .header3 { display: block; }
.fgm .header3 .header3-left { display: block; width: 100%; padding: 30px 24px; }
.fgm .header3 .header3-right { display: block; width: 100%; padding-bottom: 56%; background: url(/img/fgm/header3.jpg) top center no-repeat; background-size: cover; }

.fgm .header4 { display: block; }
.fgm .header4 .header4-left { display: block; width: 100%; }
.fgm .header4 .header4-right { display: block; width: 100%; }
.fgm .header4 .header4-left, .fgm .header4 .header4-right .header4-right-inner { padding: 30px 24px; }
.fgm .header4 .map { max-width: 240px; margin: 10px auto 20px auto; }
.fgm .header4 .girl { max-width: 300px; padding: 0 0 24px 24px; }
.fgm .header5 { padding: 0; }

.fgm .header5 .purple-bg { margin: 0 24px 20px 24px; }
}


.pg-relationship #main .header .subnav, .pg-relationship #main #accordion-container .content { background: #7a0031 !important; }
.mainnav ul { z-index: 70; }



.relationship-abuse-domestic-violence #main .inner { padding: 0; }
.relationship-abuse-domestic-violence .header8 { display: table; height: 457px; width: 100%; padding: 0; }
.relationship-abuse-domestic-violence .header8-left { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.relationship-abuse-domestic-violence .header8-right { width: auto; display: table-cell; padding: 0; background: url(/img/scared-need-advice/header8.jpg) left center no-repeat; background-size: cover; }
.relationship-abuse-domestic-violence #main .header8 .header8-left h2 { line-height: 1.25; color: #7a0031; font-weight: 700; font-size: 3.3em; margin: 0 0 30px 0; }
.relationship-abuse-domestic-violence #main p.linebreak { padding-bottom: 2px !important; }
.relationship-abuse-domestic-violence #main .header8 .header8-left a { color: #333; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.relationship-abuse-domestic-violence #main .header8 .header8-left a:hover { color: #7a0031; }
.relationship-abuse-domestic-violence #main .header8 .header8-left a.tel:link,
.relationship-abuse-domestic-violence #main .header8 .header8-left a.tel:visited,
.relationship-abuse-domestic-violence #main .header8 .header8-left a[href^="tel"]:link,
.relationship-abuse-domestic-violence #main .header8 .header8-left a[href^="tel"]:visited a:hover { color: #333; }
.relationship-abuse-domestic-violence #main .header8 table tr td { font-size: 1em; vertical-align: middle; }
.relationship-abuse-domestic-violence #main .header8 tr.refuge td.hbv-image,
.relationship-abuse-domestic-violence #main .header8 tr.refuge td.hbv-text { padding-bottom: 30px; }
.relationship-abuse-domestic-violence #main .header8 td.hbv-image { width: 170px; }
.relationship-abuse-domestic-violence #main .header8 td.hbv-text { width: auto; }



@media screen and (max-width: 1400px) {
.relationship-abuse-domestic-violence .header8 { height: auto; }
.relationship-abuse-domestic-violence #main .header8 .header8-left h2 { margin: 0 0 20px 0; font-size: 2.7em; }
.relationship-abuse-domestic-violence #main .header8 .header8-left p { font-size: 1.75em; }
}
@media screen and (max-width: 1200px) {
.relationship-abuse-domestic-violence #main .header8 .header8-left p { font-size: 1.7em; }
}

@media screen and (max-width: 1000px) {
.relationship-abuse-domestic-violence #main .header8 td.hbv-image { width: 130px; padding-right: 20px; }
}
@media screen and (max-width: 900px) {
.relationship-abuse-domestic-violence .header8-left { padding: 30px; }
}
@media screen and (max-width: 768px) {
.relationship-abuse-domestic-violence .header8 { display: block; }
.relationship-abuse-domestic-violence .header8 .header8-left { display: block; width: 100%; padding: 35px 24px 40px 24px; }
.relationship-abuse-domestic-violence .header8 .header8-right { display: block; width: 100%; padding: 0 0 63% 0; background: url(/img/scared-need-advice/header8.jpg) left center no-repeat; background-size: cover; }

}
@media screen and (max-width: 450px) {
.relationship-abuse-domestic-violence #main .header8 table tr td { display: block; width: 100% !important; }
.relationship-abuse-domestic-violence #main .header8 tr.refuge { padding-bottom: 20px; display: block; }
.relationship-abuse-domestic-violence #main .header8 td.hbv-image { padding-bottom: 20px; }
.relationship-abuse-domestic-violence #main .header8 tr.refuge td.hbv-image { padding-bottom: 10px; }
}

.pg-relationship #main .header .subnav nav ul li a:hover { color: #fd8a02; }
.pg-relationship #main .header .subnav, .pg-relationship #main #accordion-container .content { background: #9b5d79 !important; }



@media screen and (max-width: 1400px) {
#main .header1 .subnav { padding: 30px; }
#main .header1 .subnav ul li { font-size: 1.7em; }

.help-left .help-logo { max-width: 230px; }
.help-middle .help-logo { max-width: 140px; }
.help-right .help-logo { max-width: 120px; }
}



@media screen and (max-width: 900px) {
#main .header1 .subnav h3 { font-size: 2.4em; }
}



@media screen and (max-width: 768px) {
#main .header1 .subnav { padding: 30px 24px; }
}


@media screen and (max-width: 600px) {
#main .header1 .subnav { display: block; width: 100%; }
}



#quickclose { bottom: 30px; top: auto; transform: none; }



/* Running Away */
.running-away #main .inner h1 { color: #000; }
.running-away #main { padding-bottom: 50px; }
.running-away #main .inner { padding: 0 0 20px 0; min-height: 0; }
.running-away #main .inner h2 { color: #fff; font-size: 2.7em; line-height: 1.2; margin: 0 0 20px 0; }
.running-away #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #000; }
.running-away #main .inner p:last-child { padding: 0; }
.running-away #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-transform: none; }
.running-away #main .inner a { color: #0c268a; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; text-decoration: underline; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.running-away #main .inner a:hover, .running-away #main .inner a:focus { color: #fd8a02; }
.running-away #main .inner .upper {text-transform: uppercase; }

.running-away #main ul.list-text { padding: 0; margin: 0; }
.running-away #main ul.list-text li { position: relative; padding: 0 0 15px 15px; margin: 0; list-style: none; font-size: 1.85em; }
.running-away #main ul.list-text li:before { content: "\2022"; color: #fff; font-size: 30px; line-height: 1; position: absolute; top: -2px; left: -2px; }

.running-away .header1 { display: table; width: 100%; height: 536px; background: #4c8ba5; }
.running-away .header1 .header1-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 50px; }
.running-away .header1 .header1-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/running-away/header1.jpg) top center no-repeat; background-size: cover; }
.running-away .header1 .header1-left h2 { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }
.running-away #main .inner .header1 .header1-left p, .running-away #main .inner .header1 .header1-left li { color: #fff; }

.running-away .header2-heading { padding: 30px 50px; }
.running-away #main .inner .header2-heading h2 { background: #933144; text-align: center; font-size: 3em; line-height: 1; padding: 15px; margin: 0; }

.running-away .header2 { display: table; width: 100%; padding: 0 50px; margin: 0 0 55px 0; }
.running-away .header2 .header2-left { width: auto; display: table-cell; vertical-align: middle; background: #cc468a; text-align: center; padding: 0 20px; }
.running-away .header2 .header2-right { width: 50%; display: table-cell; vertical-align: middle; padding: 0 50px; }
.running-away #main .inner .header2 .header2-left p { color: #fff; font-size: 2.1em; }
.running-away #main .inner .header2 .header2-left p.first { max-width: 330px; margin: 0 auto; padding: 0; }
.running-away #main .inner .header2 .header2-left p.last { max-width: 460px; margin: 0 auto; padding: 0; }
.running-away .header2-contact { background: #fff; margin: 35px; padding: 15px 20px 20px 20px; }
.running-away #main .inner .header2 .header2-left .header2-contact p { color: #333; padding: 0; max-width: 390px; margin: 0 auto; }
.running-away .header2-contact .header2-logos { display: table; width: 100%; }
.running-away #main .inner .header2-logos a, .running-away #main .inner .header2 .header2-left .header2-logos p.inline { display: table-cell; vertical-align: middle; }
.running-away #main .inner .header2 .header2-left .header2-logos p.inline { padding: 0 8px 0 0; }
.running-away #main .inner .header2-logos a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.running-away #main .inner .header2-logos a:hover, .running-away #main .inner .header2-logos a:focus { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.running-away #main .inner .header2 .header2-right h2 { color: #0c268a; }
.running-away #main .inner .header2 .header2-right p { color: #0c268a; }
.running-away #main .inner .header2 .header2-right ul li { color: #0c268a; }
.running-away #main .inner .header2 .header2-right ul li:before { color: #0c268a; }

.running-away .header3 { display: table; width: 100%; height: 462px; background: #4c8ba5; margin: 0 0 35px 0; }
.running-away .header3 .header3-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 40px 70px; }
.running-away .header3 .header3-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/running-away/header3.jpg) top center no-repeat; background-size: cover; }
.running-away #main .inner .header3 .header3-left p, .running-away #main .inner .header3 .header3-left li { color: #fff; }

.running-away .header4 { display: table; width: 100%; height: 603px; margin: 0 0 50px 0; }
.running-away .header4 .header4-left { width: auto; display: table-cell; vertical-align: middle; background: url(/img/running-away/header4.jpg) center center no-repeat; background-size: cover; }
.running-away .header4 .header4-right { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 0 50px; }
.running-away #main .inner .header4 .header4-right h2 { color: #0c268a; }
.running-away #main .inner .header4 .header4-right p { color: #0c268a; }
.running-away #main .inner .header4 .header4-right ul li { color: #0c268a; }
.running-away #main .inner .header4 .header4-right ul li:before { color: #0c268a; }

.running-away .header5 { padding: 0 50px 50px 50px; }
.running-away #main .inner .header5 h2 { background: #0c268a; text-align: center; font-size: 2.1em; line-height: 1.2; padding: 15px; margin: 0; }

.running-away .help-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 40px; }
.running-away .help { width: 30%; text-align: center; }

.running-away #main .inner .help span { height: 110px; display: table; width: 100%; }
.running-away #main .inner .help span a { display: table-cell; vertical-align: bottom; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.running-away #main .inner .help span a:hover, .running-away #main .inner .help span a:focus { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.running-away #main .inner .help h3 { margin: 10px 0 3px 0; }
.running-away #main .inner .help p { padding: 0; line-height: 1.2; }

.running-away #main .inner a.tel:link
.running-away #main .inner a.tel:link,
.running-away #main .inner a.tel:visited,
.running-away #main .inner a[href^="tel"]:link,
.running-away #main .inner a[href^="tel"]:visited,
.running-away #main .inner a.sms:link,
.running-away #main .inner a.tel:visited,
.running-away #main .inner a[href^="sms"]:link,
.running-away #main .inner a[href^="sms"]:visited { color: #333 !important; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }

.running-away ul.boroughlist-mash { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.running-away ul.boroughlist-mash li { list-style: none; padding: 0; width: 32%; margin: 0 0 2% 0; }
.running-away #main .inner ul.boroughlist-mash li a { display: block; padding: 14px 10px 16px; color: #fff; text-align: center; text-decoration: none; }
.running-away .boroughlist-mash, .running-away .boroughlist-mash a:hover, .running-away .boroughlist-mash a:active, .running-away .boroughlist-mash a:focus { background: #fff; }
.running-away .boroughlist-mash a:link, .running-away .boroughlist-mash a:visited { background: #2e9b88; }
.running-away .boroughlist-mash a:hover, .running-away .boroughlist-mash a:active, .running-away .boroughlist-mash a:focus { background: #5dc5b0; }
.running-away #main .inner-mash { max-width: 746px; margin: 0 auto; padding: 35px; text-align: center; }
.running-away #main .inner-mash.content-mash { background: #fff; margin: 50px auto 0 auto; padding: 0 30px; }
.running-away #main .content-mash h4 { margin: 0 0 20px 0; font-size: 1.85em; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }



@media screen and (max-width: 1400px) {
.running-away .header2-contact { margin: 10px; padding: 10px 10px 15px 10px; }
.running-away #main .inner .header2 .header2-left p { font-size: 1.85em; }
.running-away #main .inner .header2 .header2-right ul li, .running-away #main .inner .header2 .header2-right p { font-size: 1.7em; }
.running-away .header3 { height: auto; }
.running-away .header3 .header3-left { padding: 30px 50px; }
.running-away .header4 { height: auto; }
.running-away #main .inner .header5 h2 { font-size: 1.8em; }

}



@media screen and (max-width: 1200px) {
.running-away #main .inner .header2-heading h2 { font-size: 2.7em; }
.running-away .header4 .header4-right { padding: 0 30px; }

}



@media screen and (max-width: 1100px) {
.running-away .header2-heading { padding: 20px 30px; }
.running-away #main .inner .header2-heading h2 { font-size: 2.3em; margin: 0; }
.running-away #main .inner .header2 .header2-left p { font-size: 1.85em; }
.running-away .header2 { padding: 0 30px; margin: 0 0 40px 0; }
.running-away .header2 .header2-right { padding: 0 30px; }
.running-away #main .inner h2 { font-size: 2.3em; margin: 0 0 15px 0; }
.running-away #main .inner p, .running-away #main .inner ul.list-text li { font-size: 1.7em; }
.running-away #main ul.list-text li { padding: 0 0 10px 15px; }
.running-away .header3 .header3-left { padding: 30px 30px; }
.running-away .header4 { margin: 0 0 40px 0; }
.running-away .header5 { padding: 0 30px 40px 30px; }
.running-away #main .inner .header5 h2 { font-size: 1.7em; }

}


@media screen and (max-width: 1000px) {
.running-away .header1 { height: auto; }
.running-away .header1 .header1-left { padding: 30px; }
.running-away #main .content-mash h4 { font-size: 1.7em; }
}


@media screen and (max-width: 900px) {
.running-away .header2-heading { padding: 20px 0; }
.running-away .header2 { padding: 0; margin: 0 0 20px 0; }
.running-away .header3 { margin: 0 0 20px 0; }
.running-away .header4 { margin: 0 0 20px 0; }
.running-away .header5 { padding: 0 0 30px 0; }
.running-away .help-container { padding: 0 25px 0 0; }

}







@media screen and (max-width: 850px) {
.running-away #main .inner .header2-heading h2 { font-size: 2em; line-height: 1.2; }
.running-away #main .inner .header2 .header2-right ul li,
.running-away #main .inner .header2 .header2-right p,
.running-away #main .inner .header2 .header2-left p { font-size: 1.6em; }
.running-away #main .inner h2 { margin: 0 0 10px 0; }

}









@media screen and (max-width: 768px) {
.running-away .header1 { display: block; }
.running-away .header1 .header1-left { display: block; width: 100%; padding: 30px 24px; }
.running-away .header1 .header1-right { display: block; width: 100%; padding-bottom: 76%; }

.running-away .header2 { display: block;  }
.running-away .header2 .header2-left { display: block; width: 100%; margin: 0 0 30px 0; padding: 20px 20px 25px 20px; }
.running-away .header2 .header2-right { display: block; width: 100%; padding: 0 24px; }
.running-away .header2-contact { padding: 10px 10px 15px 10px; max-width: 540px; margin: 20px auto; }

.running-away .header3 { display: block; }
.running-away .header3 .header3-left { display: block; width: 100%; padding: 30px 24px; }
.running-away .header3 .header3-right { display: block; width: 100%; padding-bottom: 60%; }

.running-away .header4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.running-away .header4 .header4-left { width: 100%; order: 2; padding-bottom: 80%; background: url(/img/running-away/header4.jpg) top center no-repeat; background-size: cover; }
.running-away .header4 .header4-right { width: 100%; order: 1; padding: 10px 24px 40px 24px; }

.running-away #main .inner .help h3 { font-size: 1.7em; }



}



@media screen and (max-width: 600px) {
.running-away .help-container { display: block; padding: 10px 24px 0 24px; }
.running-away .help { width: 100%; padding-bottom: 60px; }
.running-away #main .inner .help span { height: auto; }
.running-away #main .inner-mash.content-mash { margin: 0 auto; padding: 0 24px 0 24px; }
}

@media screen and (max-width: 460px) {
.running-away ul.boroughlist-mash li { width: 48%; margin: 0 0 3% 0; }

}




#main .boroughlist.green { background: none; }
#main .boroughlist.green a,
#main .boroughlist.green a:link,
#main .boroughlist.green a:visited { background: #31a439; padding: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#main .boroughlist.green a:hover { background: #d100cd; }

#main .header .subnav nav ul li a { -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.pg-drugs #main .header .subnav, .pg-drugs #main #accordion-container .content { background: #76a4e7 !important; }
.pg-drugs #main .header .subnav nav ul li a:hover,
.pg-drugs #main .header1 .subnav nav ul li a:hover { color: #000; }


/* Get ready for Summer */
.get-ready-for-summer #main { padding-bottom: 50px; }
.get-ready-for-summer #main .inner { padding: 0 0 20px 0; min-height: 0; }
.get-ready-for-summer #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #fff; }
.get-ready-for-summer #main .inner p:last-child { padding: 0; }
.get-ready-for-summer #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.get-ready-for-summer #main .inner h2,
.get-ready-for-summer #main .inner h3 { color: #fff; }

.get-ready-for-summer #main .inner a { text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.get-ready-for-summer #main .inner a:hover { color: #fd8a02; }
.get-ready-for-summer #main .inner .upper {text-transform: uppercase; }
.get-ready-for-summer #main ul { padding: 0; margin: 0; }
.get-ready-for-summer #main ul li { position: relative; padding: 0 0 15px 20px; margin: 0; list-style: none; font-size: 1.85em; color: #fff; }
.get-ready-for-summer #main ul li:before { content: "\2022"; color: #fff; font-size: 40px; line-height: 1; position: absolute; top: -6px; left: -2px; }

.get-ready-for-summer .header1 { display: table; width: 100%; background: #2f7bde; }
.get-ready-for-summer .header1 .header1-left { width: 66%; background: #2f7bde; display: table-cell; vertical-align: middle; padding: 40px 280px 40px 40px; position: relative; }
.get-ready-for-summer .header1 .subnav { width: auto; background: #76a3e8; display: table-cell; vertical-align: middle; padding: 30px 50px; }
.get-ready-for-summer #main .header1 h1 { display: inline-block; font-family: 'Caveat', cursive; font-size: 21em; color: #ffcc00; line-height: 0.8; margin: 0; padding: 0; text-align: center; }
.get-ready-for-summer #main .header1 h1 span { font-size: 0.52em; display: block }
.get-ready-for-summer .header1 .header1-left:after { position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; width: 240px; height: 240px; display: inline-block; content: ''; background: url(/img/get-ready-for-summer/sun-graphic2.png) 0 0 no-repeat; background-size: 240px 240px; }

.get-ready-for-summer .header2 { display: table; width: 100%; background: #2649a2; height: 352px; }
.get-ready-for-summer .header2 .header2-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.get-ready-for-summer .header2 .header2-right { width: auto; display: table-cell; vertical-align: middle; padding: 0; background: url(/img/get-ready-for-summer/header2.jpg) center center no-repeat; background-size: cover; }
.get-ready-for-summer #main .inner .header2 a { color: #fff; }
.get-ready-for-summer #main .inner .header2 a:hover, .get-ready-for-summer #main .inner .header2 a:focus { color: #ffcc00; }
.get-ready-for-summer #main .inner .header2 .header2-left p { font-size: 2em; }

.get-ready-for-summer .header3 { display: table; height: 839px; width: 100%; padding: 0; background: #8e3226; }
.get-ready-for-summer .header3-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-ready-for-summer/header3.jpg) top center no-repeat; background-size: cover; }
.get-ready-for-summer .header3-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer .header3-right h2 { font-size: 5.5em; font-family: 'Caveat', cursive; line-height: 0.9; margin: 0 0 0 -5px; padding: 0 0 20px 0; }
.get-ready-for-summer .header3-right h3 { font-size: 2.3em; margin: 0; padding: 10px 0 7px 0; }

.get-ready-for-summer .header4 { display: table; width: 100%; padding: 0; background: #6d38cf; height: 1034px; }
.get-ready-for-summer .header4 .header4-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer #main .header4 .header4-left h2 { font-size: 5.7em; line-height: 1.1; margin: 0 0 40px 0; font-family: 'Caveat', cursive; }
.get-ready-for-summer #main .header4 .header4-left h2 span { display: block; }
.get-ready-for-summer #main .header4 .header4-left h3 { font-size: 4.5em; line-height: 1.2; margin: 20px 0 10px 0; font-family: 'Caveat', cursive; }
.get-ready-for-summer .header4 .header4-right { width: auto; display: table-cell; background: url(/img/get-ready-for-summer/header4.jpg) left center no-repeat; background-size: cover; }
.get-ready-for-summer #main .inner .header4 .header4-left  ul li p { font-size: 1em; padding: 12px 0 0 0; }

.get-ready-for-summer .header5 { display: table; height: 730px; width: 100%; padding: 0; background: #1f1f62; }
.get-ready-for-summer .header5-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-ready-for-summer/header5.jpg) center center no-repeat; background-size: cover; }
.get-ready-for-summer .header5-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer .header5-right h2 { font-size: 5.5em; font-family: 'Caveat', cursive; line-height: 1; margin: 0; padding: 0 0 20px 0; }

.get-ready-for-summer .header6 { display: table; width: 100%; padding: 0; background: #8e3226; height: 725px; }
.get-ready-for-summer .header6 .header6-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; position: relative; }
.get-ready-for-summer .header6 .header6-right { width: auto; display: table-cell; background: url(/img/get-ready-for-summer/header6.jpg) left center no-repeat; background-size: cover; }
.get-ready-for-summer .header6 h2 { font-size: 5.5em; font-family: 'Caveat', cursive; line-height: 1; margin: 0; padding: 0 0 20px 0; }
.get-ready-for-summer #main .header6 ul li { padding: 0 0 25px 25px; }
.get-ready-for-summer #main .header6 ul.indented { margin: 0 0 0 25px; }
.get-ready-for-summer #main .header6 ul.indented li { padding: 0 0 0 25px; }

.get-ready-for-summer .header7 { background: #6d38cf; padding: 30px 30px 50px 30px; text-align: center; }
.get-ready-for-summer .header7 h2 { font-size: 5.5em; font-family: 'Caveat', cursive; line-height: 1; margin: 0; padding: 0 0 20px 0; }
.get-ready-for-summer #main .inner .header7 p { max-width: 1000px; margin: 0 auto; }

.get-ready-for-summer .header8 { display: table; height: 1089px; width: 100%; padding: 0; background: #1f1f62; }
.get-ready-for-summer .header8-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-ready-for-summer/header8.jpg) center center no-repeat; background-size: cover; }
.get-ready-for-summer .header8-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer .header8-right h2 { font-size: 5.5em; font-family: 'Caveat', cursive; line-height: 1.1; margin: 0; padding: 0 0 20px 0; }
.get-ready-for-summer .header8-right h2 span { display: block; }
.get-ready-for-summer .header8-right h3 { font-size: 4em; font-family: 'Caveat', cursive; line-height: 1.1; margin: 0; padding: 30px 0 8px 0; color: #fff; }

.get-ready-for-summer .header9 { display: table; width: 100%; height: 723px; padding: 30px 60px; background: #777 url(/img/get-ready-for-summer/header9.jpg) top center no-repeat; background-size: cover; }
.get-ready-for-summer .header9 h2 { display: table-cell; vertical-align: bottom; font-size: 5em; line-height: 1; margin: 0; font-family: 'Caveat', cursive; text-align: center; }
.get-ready-for-summer .header9 h2 a { font-family: inherit !important; }

.get-ready-for-summer .header10 { display: table; width: 100%; padding: 0; background: #2f7bde; height: 993px; }
.get-ready-for-summer .header10 .header10-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer #main .header10 .header10-left h2 { font-size: 5em; line-height: 1; margin: 0 0 10px 0; font-family: 'Caveat', cursive; }
.get-ready-for-summer #main .header10 .header10-left h3 { margin: 0 0 20px 0; font-size: 2em; line-height: 1.4; }
.get-ready-for-summer .header10 .header10-right { width: auto; display: table-cell; background: url(/img/get-ready-for-summer/header10.jpg) top center no-repeat; background-size: cover; }

.get-ready-for-summer .header11 { display: table; height: 859px; width: 100%; padding: 0; background: #1f1f62; }
.get-ready-for-summer .header11-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-ready-for-summer/header11.jpg) top center no-repeat; background-size: cover; }
.get-ready-for-summer .header11-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer .header11-right h2 { font-size: 5.5em; font-family: 'Caveat', cursive; line-height: 1.1; margin: 0; padding: 0 0 20px 0; }

.get-ready-for-summer .header12 { display: table; width: 100%; padding: 0; background: #8e3226; height: 913px; }
.get-ready-for-summer .header12 .header12-left { width: 50%; display: table-cell;  padding: 40px 60px; vertical-align: middle; }
.get-ready-for-summer #main .header12 .header12-left h2 { font-size: 6em; line-height: 1; margin: 0 0 20px 0; font-family: 'Caveat', cursive; }
.get-ready-for-summer #main .header12 .header12-left h3 { font-size: 4em; line-height: 1; margin: 0 0 30px 0; font-family: 'Caveat', cursive; }
.get-ready-for-summer #main .header12 .header12-left h2 span { display: block; }
.get-ready-for-summer .header12 .header12-right { width: auto; display: table-cell; background: url(/img/get-ready-for-summer/header12.jpg) top center no-repeat; background-size: cover; }

.get-ready-for-summer #main .header13 { padding: 50px 60px 50px 400px; background: #2f7bde; position: relative; min-height: 325px; }
.get-ready-for-summer #main .header13:after{ position: absolute; top: 0; bottom: 0; margin: auto; left: 40px; width: 285px; height: 275px; display: inline-block; content: ''; background: url(/img/get-ready-for-summer/sun2.png) 0 0 no-repeat; background-size: 285px 275px ; }
.get-ready-for-summer #main .header13 h2 { font-size: 8em; line-height: 0.9; margin: 0; font-family: 'Caveat', cursive; color: #ffcc00; }
.get-ready-for-summer .header13 h2 span { display: block; }

.get-ready-for-summer #main .header14 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 0 30px 0; }
.get-ready-for-summer #main .header14 .link { width: 18%; text-align: center; margin: 0 20px; }
.get-ready-for-summer #main .header14 .link p { color: #333; padding: 0 0 5px 0; font-size: 1.6em !important; }
.get-ready-for-summer #main .header14 .link p:first-child { padding: 0 0 10px 0; }
.get-ready-for-summer #main .header14 .link p a { color: #2f7bde !important; font-weight: 700; word-break: break-all; }
.get-ready-for-summer #main .header14 .link p a:hover { color: #fd8a02 !important; }
.get-ready-for-summer #main .header14 .link a[href^="tel"]:link,
.get-ready-for-summer #main .header14 .link a[href^="tel"]:visited,
.get-ready-for-summer #main .header14 .link a[href^="tel"]:hover { color: #333 !important; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }

.get-ready-for-summer #main ul.boroughlist { margin: 0 auto 36px; padding: 14px 10px 16px; }
.get-ready-for-summer #main ul.boroughlist li { padding: 8px 20px; }
.get-ready-for-summer #main ul.boroughlist li a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600;display: block; font-size: 1.1em; text-decoration: none; padding: 8px; background: #902c8e; color: #fff; }
.get-ready-for-summer #main ul.boroughlist li a:hover,
.get-ready-for-summer #main ul.boroughlist li a:active,
.get-ready-for-summer #main ul.boroughlist li a:focus { background: #d100cd; color: #fff; }
.get-ready-for-summer #main .boroughlistheading { margin-top: 80px; }
.get-ready-for-summer #main ul.boroughlist li:before { display: none; }
.get-ready-for-summer #main .inner p.boroughlistintro { color: #333; text-align: center; padding: 0 20px; }
.get-ready-for-summer #main .inner p.boroughlistintro a { color: #333; }
.get-ready-for-summer #main .inner p.boroughlistintro a:hover { color: #fd8a02; }

@media screen and (max-width: 1400px) {
.get-ready-for-summer .header1 .subnav { padding: 30px; }
.get-ready-for-summer .header1 .header1-left { padding: 40px 230px 40px 40px; }
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 18em; }
.get-ready-for-summer .header1 .header1-left:after { right: 30px; width: 180px; height: 180px; background-size: 180px 180px; }
.get-ready-for-summer .header2 { height: auto; }
.get-ready-for-summer .header3 { height: auto; }
.get-ready-for-summer .header4 { height: auto; }
.get-ready-for-summer #main .header4 .header4-left h2 { font-size: 5em; margin: 0 0 30px 0; }
.get-ready-for-summer .header5 { height: auto; }
.get-ready-for-summer .header6 { height: auto; }
.get-ready-for-summer .header8 { height: auto; }
.get-ready-for-summer .header9 { height: auto; padding: 50% 30px 30px 30px; }
.get-ready-for-summer .header9 h2 { font-size: 4em; }
.get-ready-for-summer .header10 { height: auto; }
.get-ready-for-summer #main .header10 .header10-left h3 { font-size: 1.8em; }
.get-ready-for-summer .header11 { height: auto; }
.get-ready-for-summer .header12 { height: auto; }
.get-ready-for-summer #main .header12 .header12-left h2 { font-size: 5em; }
.get-ready-for-summer #main .header13 h2 { font-size: 7em; }
}
@media screen and (max-width: 1200px) {
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 15em; }
.get-ready-for-summer #main .header4 .header4-left h2 { margin: 0 0 20px 0; }
.get-ready-for-summer #main .header4 .header4-left:after { right: 30px; top: 40px; width: 130px; height: 76px; background-size: 130px 76px; }
.get-ready-for-summer #main .header4 .header4-left h3 { font-size: 3.5em; }
.get-ready-for-summer #main .header12 .header12-left h2 span { display: inline; }
}
@media screen and (max-width: 1100px) {
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 13em; }
.get-ready-for-summer .header1 .header1-left { padding: 40px 190px 40px 40px; }
.get-ready-for-summer .header1 .header1-left:after { width: 150px; height: 150px; background-size: 150px 150px; }
.get-ready-for-summer #main .header12 .header12-left h2 { font-size: 4.2em; }
.get-ready-for-summer #main .header12 .header12-left h3 { font-size: 3.2em; }
.get-ready-for-summer #main .header13 { padding: 30px 60px 30px 260px; min-height: 174px; }
.get-ready-for-summer #main .header13:after { width: 180px; height: 174px; background-size: 180px auto; }
.get-ready-for-summer #main .header13 h2 { font-size: 6em; }
}

@media screen and (max-width: 1000px) {
.get-ready-for-summer .header1 .header1-left { width: auto; }
.get-ready-for-summer .header1 .subnav { width: 330px; }
.get-ready-for-summer #main .header14 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-ready-for-summer #main .header14 .link { width: 29%; margin: 0 2%; }
}

@media screen and (max-width: 950px) {
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 11em; }
.get-ready-for-summer #main .header4 .header4-left { padding: 40px 30px; }
.get-ready-for-summer .header9 h2 { font-size: 3.5em; }
.get-ready-for-summer .header10 .header10-left { padding: 40px 30px; }
.get-ready-for-summer #main .header10 .header10-left h3 { font-size: 1.65em; }
.get-ready-for-summer .header12 .header12-left { padding: 40px 30px; }
.get-ready-for-summer #main .header13 h2 { font-size: 5em; }
}
@media screen and (max-width: 900px) {
.get-ready-for-summer #main .inner p,
.get-ready-for-summer #main .inner  ul li,
.get-ready-for-summer #main .inner .header2 .header2-left p { font-size: 1.7em; }
.get-ready-for-summer .header1 .header1-left { padding: 30px 30px 20px 20px; vertical-align: top; }
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 13em; display: block; }
.get-ready-for-summer .header1 .header1-left:after { width: 100px; height: 100px; background-size: 100px 100px; left: 0; right: 0; bottom: 20px; top: auto; }
.get-ready-for-summer .header1 .subnav { width: 280px; }
.get-ready-for-summer .header2 .header2-left { padding: 40px 30px; }
.get-ready-for-summer #main .inner .header2 .header2-left p { font-size: 1.85em; }
.get-ready-for-summer .header3-right { padding: 40px 30px; }
.get-ready-for-summer #main .header4 .header4-left h2 { max-width: none; font-size: 4.5em; }
.get-ready-for-summer #main .header4 .header4-left h2 span { display: inline; }
.get-ready-for-summer .header5-right { padding: 40px 30px; }
.get-ready-for-summer .header5-right h2 { font-size: 4.5em; }
.get-ready-for-summer .header6 h2 { font-size: 4.5em; }
.get-ready-for-summer .header6 .header6-left { padding: 30px; }
.get-ready-for-summer .header7 h2 { font-size: 4.5em; }
.get-ready-for-summer .header8-right { padding: 30px; }
.get-ready-for-summer .header8-right h2 { font-size: 4.5em; }
.get-ready-for-summer .header8-right h3 { font-size: 3.5em; }
.get-ready-for-summer .header11-right { padding: 40px 30px; }
.get-ready-for-summer .header11-right h2 { font-size: 4.5em; }
}

@media screen and (max-width: 768px) {
.get-ready-for-summer .header1 .header1-left { padding: 30px 170px 30px 17px; }
.get-ready-for-summer .header1, .get-ready-for-summer .header1 .header1-left, .get-ready-for-summer .header1 .subnav { display: block; width: 100%; }
.get-ready-for-summer .header1 .header1-left .align-left { width: fit-content; }
.get-ready-for-summer .header1 .header1-left:after { width: 120px; height: 120px; background-size: 120px 120px; left: auto; right: 30px; bottom: 0; top: 0; }
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 11em !important; }
.get-ready-for-summer .header1 .subnav { padding: 30px 24px; }
.get-ready-for-summer .header2 { display: block; width: 100%; }
.get-ready-for-summer .header2 .header2-left { display: block; width: 100%; padding: 30px 24px; }
.get-ready-for-summer .header2 .header2-right { display: block; width: 100%; padding-bottom: 49%; }
.get-ready-for-summer .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-ready-for-summer .header3 .header3-left { display: block; width: 100%; padding-bottom: 90%; order: 2; }
.get-ready-for-summer .header3 .header3-right { display: block; width: 100%; padding: 30px 24px; order: 1; }
.get-ready-for-summer #main .header4 .header4 { display: block; width: 100%; }
.get-ready-for-summer #main .header4 .header4-left { display: block; width: 100%; padding: 30px 24px; }
.get-ready-for-summer #main .header4 .header4-right { display: block; width: 100%; padding-bottom: 95%; }
.get-ready-for-summer #main .header4 .header4-left h2 { min-height: 60px; font-size: 4.2em; }
.get-ready-for-summer .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-ready-for-summer .header5 .header5-left { display: block; width: 100%; padding-bottom: 78%; order: 2; }
.get-ready-for-summer .header5 .header5-right { display: block; width: 100%; padding: 30px 24px; order: 1; }
.get-ready-for-summer .header6 { display: block; width: 100%; }
.get-ready-for-summer .header6 .header6-left { display: block; width: 100%; padding: 30px 24px; }
.get-ready-for-summer .header6 .header6-right { display: block; width: 100%; padding-bottom: 49%; }
.get-ready-for-summer .header7 { padding: 20px 24px 40px 24px; }
.get-ready-for-summer .header8 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-ready-for-summer .header8 .header8-left { display: block; width: 100%; padding-bottom: 78%; order: 2; }
.get-ready-for-summer .header8 .header8-right { display: block; width: 100%; padding: 30px 24px; order: 1; }
.get-ready-for-summer .header8-right h2 span { display: inline; }
.get-ready-for-summer .header10 { display: block; width: 100%; }
.get-ready-for-summer .header10 .header10-left { display: block; width: 100%; padding: 30px 24px; }
.get-ready-for-summer .header10 .header10-right { display: block; width: 100%; padding-bottom: 135%; }
.get-ready-for-summer #main .header10 .header10-left h2 { min-height: 70px; }
.get-ready-for-summer .header11 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-ready-for-summer .header11 .header11-left { display: block; width: 100%; padding-bottom: 88%; order: 2; }
.get-ready-for-summer .header11 .header11-right { display: block; width: 100%; padding: 30px 24px; order: 1; }
.get-ready-for-summer .header12 { display: block; width: 100%; }
.get-ready-for-summer .header12 .header12-left { display: block; width: 100%; padding: 30px 24px; }
.get-ready-for-summer .header12 .header12-right { display: block; width: 100%; padding-bottom: 135%; }
.get-ready-for-summer #main .header13 { padding: 30px 60px 30px 210px; min-height: 181px; }
.get-ready-for-summer #main .header13:after { width: 140px; height: 135px; background-size: 140px 135px; }
.get-ready-for-summer #main .header13 h2 { font-size: 4.5em; }
}

@media screen and (max-width: 700px) {
.get-ready-for-summer #main .header14 .link { width: 46%; }
}

@media screen and (max-width: 650px) {
.get-ready-for-summer #main .header13 { padding: 150px 24px 30px 24px; min-height: 0; }
.get-ready-for-summer #main .header13:after { width: 110px; height: 106px; background-size: 110px 106px; top: 30px; bottom: auto; }
.get-ready-for-summer .header13 h2 span { display: inline; }
}

@media screen and (max-width: 600px) {
.get-ready-for-summer .header9 { padding: 50% 0 30px 0; }
.get-ready-for-summer .header9 h2 { background-color: rgba(0, 0, 0, 0.6); padding: 20px 24px 0 24px; }
}

@media screen and (max-width: 500px) {
.get-ready-for-summer .header1 .header1-left { padding: 20px 24px 140px 8px; }
.get-ready-for-summer .header1 .header1-left .align-left { width: auto; }
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 10em !important; }
.get-ready-for-summer .header1 .header1-left:after { width: 100px; height: 100px; background-size: 100px 100px; left: 0; right: 0; bottom: 20px; top: auto; }
}

@media screen and (max-width: 450px) {
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 6.2em; }
.get-ready-for-summer #main .header14 .link { width: 100%; margin: 0 30px 40px 30px; }
.get-ready-for-summer #main .boroughlistheading { margin-top: 0; }
}

@media screen and (max-width: 400px) {
.get-ready-for-summer #main .header1 .header1-left h1 { font-size: 5em; }
.get-ready-for-summer #main .header10 .header10-left h2 { font-size: 3.7em !important; }
}



.atoz-container .portus-logo-sh { float: right; padding-left: 20px; }
.atoz-container .portus-logo-sh a { display: block; display: inline-block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.atoz-container .portus-logo-sh a:hover, .atoz-container .portus-logo-sh a:focus { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

@media screen and (max-width: 1200px) {
.atoz-container .portus-logo-sh { width: 200px; }
}
@media screen and (max-width: 700px) {
.atoz-container .portus-logo-sh { width: 150px; }
}
@media screen and (max-width: 500px) {
.atoz-container .portus-logo-sh { float: none; padding-left: 0; width: 160px; display: block; margin: 0 auto; }
}



.mental-health-problems .portus-logo-mh { float: right; padding: 20px 0 5px 20px; margin-right: -20px; }
.mental-health-problems .portus-logo-mh a { display: block; display: inline-block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.mental-health-problems .portus-logo-mh a:hover, .mental-health-problems .portus-logo-mh a:focus { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

@media screen and (max-width: 1400px) {
.mental-health-problems .portus-logo-mh { width: 150px; }
}
@media screen and (max-width: 768px) {
.mental-health-problems .portus-logo-mh { margin-right: 0; }
}
@media screen and (max-width: 450px) {
.mental-health-problems .portus-logo-mh { float: none; width: 150px; display: inline-block; padding: 40px 0 0 0; }
}





/* Get ready for Summer 2025 */
.get-summer-ready2025 #main { padding-bottom: 50px; }
.get-summer-ready2025 #main .inner { padding: 0 0 20px 0; min-height: 0; }
.get-summer-ready2025 #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 1.85em; line-height: 1.4; color: #fff; }
.get-summer-ready2025 #main .inner p:last-child { padding: 0; }
.get-summer-ready2025 #main .inner h2 { font-family: 'Caveat', cursive; font-size: 6em; line-height: 0.9; color: #fff; margin: 0 0 30px 0; }
.get-summer-ready2025 #main .inner h3 { color: #fff; }
.get-summer-ready2025 #main .inner a { text-decoration: underline; color: #fff; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.get-summer-ready2025 #main .inner a:hover { color: #fd8a02; }
.get-summer-ready2025 #main .inner .upper {text-transform: uppercase; }
.get-summer-ready2025 #main .inner ul { padding: 0; margin: 0; }
.get-summer-ready2025 #main .inner ul li { position: relative; padding: 0 0 15px 20px; margin: 0; list-style: none; font-size: 1.85em; color: #fff; }
.get-summer-ready2025 #main .inner ul li:before { content: "\2022"; color: #fff; font-size: 40px; line-height: 1; position: absolute; top: -6px; left: -2px; }

.get-summer-ready2025 .header1 { display: table; width: 100%; background: #2f7bde; }
.get-summer-ready2025 .header1 .header1-left { width: 66%; background: #2f7bde; display: table-cell; vertical-align: middle; padding: 40px 280px 40px 40px; position: relative; }
.get-summer-ready2025 .header1 .subnav { width: auto; background: #76a3e8; display: table-cell; vertical-align: middle; padding: 30px 50px; }
.get-summer-ready2025 #main .header1 h1 { display: inline-block; font-family: 'Caveat', cursive; font-size: 21em; color: #ffcc00; line-height: 0.8; margin: 0; padding: 0; text-align: center; }
.get-summer-ready2025 #main .header1 h1 span { font-size: 0.52em; display: block }
.get-summer-ready2025 .header1 .header1-left:after { position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; width: 240px; height: 240px; display: inline-block; content: ''; background: url(/img/get-ready-for-summer/sun-graphic2.png) right center no-repeat; background-size: 240px 240px; }

.get-summer-ready2025 .header2 { display: table; width: 100%; background: #1b499f; height: 586px; }
.get-summer-ready2025 .header2 .header2-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.get-summer-ready2025 .header2 .header2-right { width: auto; display: table-cell; vertical-align: middle; padding: 0; background: url(/img/get-summer-ready2025/header2.jpg) center center no-repeat; background-size: cover; }
.get-summer-ready2025 .header2 h2 span { display: block; }

.get-summer-ready2025 .header3 { display: table; height: 586px; width: 100%; padding: 0; background: #993226; }
.get-summer-ready2025 .header3-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-summer-ready2025/header3.jpg) top center no-repeat; background-size: cover; }
.get-summer-ready2025 .header3-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.get-summer-ready2025 .header3 h2 span { display: block; }

.get-summer-ready2025 .header4 { display: table; width: 100%; background: #743ecd; height: 478px; }
.get-summer-ready2025 .header4 .header4-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.get-summer-ready2025 .header4 .header4-right { width: auto; display: table-cell; vertical-align: middle; padding: 0; background: url(/img/get-summer-ready2025/header4.jpg) center center no-repeat; background-size: cover; }

.get-summer-ready2025 .header5 { display: table; height: 440px; width: 100%; padding: 0; background: #3591e3; }
.get-summer-ready2025 .header5-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-summer-ready2025/header5.jpg) top left no-repeat; background-size: cover; }
.get-summer-ready2025 .header5-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }

.get-summer-ready2025 .header6-heading { background: #3591e3; border-top: 6px solid #fff; padding: 40px 30px; text-align: center; }
.get-summer-ready2025 #main .inner .header6-heading h2 { color: #fff; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 2.5em; margin: 0 0 15px 0; }
.get-summer-ready2025 .header6-heading p { color: #fff; } 

.get-summer-ready2025 .header6 { background: #3591e3; padding: 50px 60px 50px 60px; }
.get-summer-ready2025 #main .inner .header6 h3 { color: #983226; margin: 0 0 10px 0; font-size: 2em; }
.get-summer-ready2025 #main .inner .header6 p { color: #333; }
.get-summer-ready2025 .header6 .header6-tips { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.get-summer-ready2025 .header6 .header6-tip { width: 23%; background: #fff; border-radius: 10px; padding: 80px 20px 20px 20px; text-align: center; position: relative; }

.get-summer-ready2025 .header6 .header6-tip:before { position: absolute; top: -60px; left: 0; right: 0; margin: auto; width: 109px; height: 109px; display: inline-block; border: 7px solid #000; border-radius: 50%; content: ''; -webkit-filter: drop-shadow(5px 5px 9px #555);filter: drop-shadow(5px 5px 9px #555); }

.get-summer-ready2025 .header6 .header6-tip.one:before { background: url(/img/get-summer-ready2025/icon-clock.png) 0 0 no-repeat; background-size: 95px 95px; }
.get-summer-ready2025 .header6 .header6-tip.two:before { background: url(/img/get-summer-ready2025/icon-sad.png) 0 0 no-repeat; background-size: 95px 95px; }
.get-summer-ready2025 .header6 .header6-tip.three:before { background: url(/img/get-summer-ready2025/icon-cross.png) 0 0 no-repeat; background-size: 95px 95px; }
.get-summer-ready2025 .header6 .header6-tip.four:before { border-radius: 3px; background: url(/img/get-summer-ready2025/icon-list.png) 0 0 no-repeat; background-size: 95px 95px; }

.get-summer-ready2025 .header7 { display: table; width: 100%; background: #1f2062; }
.get-summer-ready2025 .header7 .header7-left { width: 50%; display: table-cell; vertical-align: middle; padding: 60px 60px 40px 60px; }
.get-summer-ready2025 .header7 .header7-right { width: auto; display: table-cell; vertical-align: top; padding: 0 0 60px 0; }

.get-summer-ready2025 .header7 .inset { background: #fff; margin: 30px 80px 0 50px; border-radius: 30px; padding: 30px 35px; }
.get-summer-ready2025 #main .inner .header7 .inset h3 { color: #983226; margin: 0 0 10px 0; font-size: 2em; }
.get-summer-ready2025 #main .inner .header7 .inset p { color: #333; padding: 0 0 5px 0; }

.get-summer-ready2025 .header8 { display: table; width: 100%; background: #983227; height: 553px; }
.get-summer-ready2025 .header8 .header8-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.get-summer-ready2025 .header8 .header8-right { width: auto; display: table-cell; vertical-align: middle; padding: 0; background: url(/img/get-summer-ready2025/header8.jpg) center center no-repeat; background-size: cover; }

.get-summer-ready2025 .header9-heading { background: #1a4aa0; padding: 40px 60px 20px 60px; }
.get-summer-ready2025 #main .inner .header9-heading h2 { color: #fff; margin: 0; }

.get-summer-ready2025 .header9 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #1a4aa0; padding: 0 60px 40px 60px; }
.get-summer-ready2025 .header9 .header9-left, 
.get-summer-ready2025 .header9 .header9-right { width: 48%; }
.get-summer-ready2025 #main .header9 ul li.header9-inset { padding: 0 0 15px 0; }
.get-summer-ready2025 #main .header9 ul li.header9-inset:before { display: none; }

.get-summer-ready2025 .header10 { display: table; width: 100%; background: #753dcb; height: 396px; }
.get-summer-ready2025 .header10 .header10-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.get-summer-ready2025 .header10 .header10-right { width: auto; display: table-cell; vertical-align: middle; padding: 0; background: url(/img/get-summer-ready2025/header10.jpg) center center no-repeat; background-size: cover; }

.get-summer-ready2025 .header11 { background: #3492e1; padding: 40px 60px; text-align: center; }
.get-summer-ready2025 #main .inner .header11 h2 { color: #fff; margin: 0 0 15px 0; }
.get-summer-ready2025 #main .inner .header11 p { color: #fff; max-width: 950px; margin: 0 auto; } 

.get-summer-ready2025 .header12 { display: table; height: 1014px; width: 100%; padding: 0; background: #1f2160; }
.get-summer-ready2025 .header12-left { width: auto; display: table-cell; padding: 0; background: url(/img/get-summer-ready2025/header12.jpg) center center no-repeat; background-size: cover; }
.get-summer-ready2025 .header12-right { width: 50%; display: table-cell; padding: 40px 60px; vertical-align: middle; }
.get-summer-ready2025 #main .inner .header12 h2.second { margin: 50px 0 30px 0; }

.get-summer-ready2025 .header13 { display: table; width: 100%; background: #983227; height: 697px; }
.get-summer-ready2025 .header13 .header13-left { width: 50%; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.get-summer-ready2025 .header13 .header13-right { width: auto; display: table-cell; vertical-align: middle; padding: 0; background: url(/img/get-summer-ready2025/header13.jpg) center center no-repeat; background-size: cover; }
.get-summer-ready2025 #main .inner .header13 h3 { margin: 30px 0 5px 0; }

.get-summer-ready2025 #main .inner .header13 p { padding: 0 0 10px 0; line-height: 1.2; }

.get-summer-ready2025 .header14 { background: #983227; padding: 30px 60px 50px 60px; border-top: 6px solid #fff; }
.get-summer-ready2025 #main .inner .header14 p { color: #fff; text-align: center; max-width: 1080px; margin: 0 auto; }

.get-summer-ready2025 .header14-inset { background: #fff; margin: 15px 0 0 0; padding: 15px 20px; text-align: center; }
.get-summer-ready2025 #main .inner .header14-inset p { color: #333; }
.get-summer-ready2025 #main .inner .header14-inset h2 { color: #1b4a9f; font-size: 5em; }
.get-summer-ready2025 #main .inner .header14-inset p span { display: block; }
.get-summer-ready2025 #main .inner .header14-inset p a { color: #333; }
.get-summer-ready2025 #main .inner .header14-inset p a:hover { color: #fd8a02; }

.get-summer-ready2025 #main .inner .header14-inset p a.tel:link, 
.get-summer-ready2025 #main .inner .header14-inset p a.tel:visited, 
.get-summer-ready2025 #main .inner .header14-inset p a[href^="tel"]:link, 
.get-summer-ready2025 #main .inner .header14-inset p a[href^="tel"]:visited { text-decoration: none; color: #333; cursor: text; }

.get-summer-ready2025 #main .header15 { padding: 50px 60px 50px 250px; background: #2f7bde; position: relative; }
.get-summer-ready2025 #main .header15:after{ position: absolute; top: 0; bottom: 0; margin: auto; left: 40px; width: 170px; height: 164px; display: inline-block; content: '';
background: url(/img/get-ready-for-summer/sun2.png) 0 0 no-repeat; background-size: 170px 164px; }
.get-summer-ready2025 #main .header15 h2 { font-size: 8em; line-height: 1; margin: 0; font-family: 'Caveat', cursive; color: #ffcc00; }
.get-summer-ready2025 .header15 h2 span { display: block; }

.get-summer-ready2025 #main .header16 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 0 30px 0; }
.get-summer-ready2025 #main .header16 .link { width: 18%; text-align: center; margin: 0 20px; }
.get-summer-ready2025 #main .header16 .link p { color: #333; padding: 0 0 5px 0; font-size: 1.6em !important; }
.get-summer-ready2025 #main .header16 .link p:first-child { padding: 0 0 10px 0; }
.get-summer-ready2025 #main .header16 .link p a { color: #2f7bde !important; font-weight: 700; word-break: break-all; }
.get-summer-ready2025 #main .header16 .link p a:hover { color: #fd8a02 !important; }
.get-summer-ready2025 #main .header16 .link a[href^="tel"]:link,
.get-summer-ready2025 #main .header16 .link a[href^="tel"]:visited,
.get-summer-ready2025 #main .header16 .link a[href^="tel"]:hover { color: #333 !important; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; }

.get-summer-ready2025 #main ul.boroughlist { margin: 0 auto 36px; padding: 14px 10px 16px; }
.get-summer-ready2025 #main ul.boroughlist li { padding: 8px 20px; }
.get-summer-ready2025 #main ul.boroughlist li a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600;display: block; font-size: 1.1em; text-decoration: none; padding: 8px; background: #902c8e; color: #fff; }
.get-summer-ready2025 #main ul.boroughlist li a:hover,
.get-summer-ready2025 #main ul.boroughlist li a:active,
.get-summer-ready2025 #main ul.boroughlist li a:focus { background: #d100cd; color: #fff; }
.get-summer-ready2025 #main .boroughlistheading { margin-top: 80px; }
.get-summer-ready2025 #main ul.boroughlist li:before { display: none; }
.get-summer-ready2025 #main .inner p.boroughlistintro { color: #333; text-align: center; padding: 0 20px; }
.get-summer-ready2025 #main .inner p.boroughlistintro a { color: #333; }
.get-summer-ready2025 #main .inner p.boroughlistintro a:hover { color: #fd8a02; }

@media screen and (max-width: 1400px) {
.get-summer-ready2025 .header1 .subnav { padding: 30px; }
.get-summer-ready2025 .header1 .header1-left { padding: 40px 18vw 40px 30px; }
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 15vw; }
.get-summer-ready2025 .header1 .header1-left:after { right: 30px; width: 17.15vw; height: 100%; background-size: 100% auto; }

.get-summer-ready2025 .header2 { height: auto; }
.get-summer-ready2025 .header3 { height: auto; }
.get-summer-ready2025 .header4 { height: auto; }
.get-summer-ready2025 .header5 { height: auto; }

.get-summer-ready2025 .header6 { padding: 50px 40px 40px 40px; }
.get-summer-ready2025 .header6 .header6-tip { width: 23.5%; padding: 60px 10px 20px 10px; }
.get-summer-ready2025 .header6 .header6-tip:before { top: -50px; width: 93px; height: 93px; border: 5px solid #000; -webkit-filter: drop-shadow(3px 3px 7px #555); filter: drop-shadow(3px 3px 7px #555); background-size: 83px 83px !important; }

.get-summer-ready2025 .header8 { height: auto; }
.get-summer-ready2025 .header10 { height: auto; }
.get-summer-ready2025 .header12 { height: auto; }
.get-summer-ready2025 .header13 { height: auto; }

.get-summer-ready2025 #main .header15 h2 { font-size: 7em; line-height: 0.9; }
}

@media screen and (max-width: 1200px) {
.get-summer-ready2025 .header1 .header1-left { padding: 25px; width: 70%; }
.get-summer-ready2025 .header2 h2 span { display: inline; }
.get-summer-ready2025 .header3 h2 span { display: inline; }
.get-summer-ready2025 .header7 .inset { margin: 30px; border-radius: 20px; padding: 20px 25px; }
.get-summer-ready2025 .header9-heading { padding: 30px 60px 20px 60px; }
}

@media screen and (max-width: 1100px) {
.get-summer-ready2025 #main .header15 h2 { font-size: 6em; }
}

@media screen and (max-width: 1000px) {
.get-summer-ready2025 .header1 .header1-left { width: auto; vertical-align: top; }
.get-summer-ready2025 .header1 .subnav { width: 330px; }
.get-summer-ready2025 .header1 .header1-left:after { width: 20vw; height: 20vw; background-size: 100% auto; left: auto; right: 5vw; bottom: 30px; top: auto; }
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 150px; }
.get-summer-ready2025 #main .inner .header6-heading h2 { font-size: 2.2em; line-height: 1.2; margin: 0 0 10px 0; }
.get-summer-ready2025 .header6 { padding: 50px 30px 60px 30px; }
.get-summer-ready2025 .header6 .header6-tips { max-width: 780px; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-summer-ready2025 .header6 .header6-tip { width: 48%; padding: 60px 20px 20px 20px; }
.get-summer-ready2025 .header6 .header6-tip.one,
.get-summer-ready2025 .header6 .header6-tip.two {  margin: 0 0 80px 0; }
.get-summer-ready2025 #main .header16 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-summer-ready2025 #main .header16 .link { width: 29%; margin: 0 2%; }
}

@media screen and (max-width: 900px) {
.get-summer-ready2025 #main .inner p,
.get-summer-ready2025 #main .inner  ul li { font-size: 1.7em; }
.get-summer-ready2025 .header2 .header2-left { padding: 30px; }
.get-summer-ready2025 #main .inner h2 { font-size: 5em; margin: 0 0 20px 0; }
.get-summer-ready2025 .header3 .header3-right { padding: 30px; }
.get-summer-ready2025 .header4 .header4-left { padding: 30px; }
.get-summer-ready2025 .header5 .header5-right { padding: 30px; }
.get-summer-ready2025 .header7 .header7-left { padding: 30px; }
.get-summer-ready2025 .header8 .header8-left { padding: 30px; }
.get-summer-ready2025 .header9-heading { padding: 20px 30px 20px 30px; }
.get-summer-ready2025 .header9 { padding: 0 30px 30px 30px; }
.get-summer-ready2025 .header10 .header10-left { padding: 30px; }
.get-summer-ready2025 .header11 { padding: 30px; }
.get-summer-ready2025 .header12-right { padding: 30px; }
.get-summer-ready2025 .header13 .header13-left { padding: 30px; }
.get-summer-ready2025 .header14 { padding: 20px 30px 40px 30px; }
.get-summer-ready2025 #main .header15 { padding: 40px 30px 40px 200px; }
.get-summer-ready2025 #main .header15:after { left: 30px; width: 130px; height: 125px; background-size: 130px 125px; }
}

@media screen and (max-width: 800px) {
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 135px; }
}

@media screen and (max-width: 768px) {
.get-summer-ready2025 .header1 .header1-left { padding: 30px 170px 30px 17px; }
.get-summer-ready2025 .header1, .get-summer-ready2025 .header1 .header1-left, .get-summer-ready2025 .header1 .subnav { display: block; width: 100%; }
.get-summer-ready2025 .header1 .header1-left .align-left { width: fit-content; }
.get-summer-ready2025 .header1 .header1-left:after { width: 120px; height: 120px; background-size: 120px 120px; left: auto; right: 30px; bottom: 0; top: 0; }
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 11em !important; }
.get-summer-ready2025 .header1 .subnav { padding: 30px 24px; }

.get-summer-ready2025 .header2 { display: block; width: 100%; }
.get-summer-ready2025 .header2 .header2-left { display: block; width: 100%; padding: 30px 24px; }
.get-summer-ready2025 .header2 .header2-right { display: block; width: 100%; padding-bottom: 70%; }

.get-summer-ready2025 .header3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-summer-ready2025 .header3 .header3-left { display: block; width: 100%; padding-bottom: 65%; order: 2; }
.get-summer-ready2025 .header3 .header3-right { display: block; width: 100%; padding: 30px 24px; order: 1; }

.get-summer-ready2025 .header4 { display: block; width: 100%; }
.get-summer-ready2025 .header4 .header4-left { display: block; width: 100%; padding: 30px 24px; }
.get-summer-ready2025 .header4 .header4-right { display: block; width: 100%; padding-bottom: 60%; }

.get-summer-ready2025 .header5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-summer-ready2025 .header5 .header5-left { display: block; width: 100%; padding-bottom: 60%; order: 2; }
.get-summer-ready2025 .header5 .header5-right { display: block; width: 100%; padding: 30px 24px; order: 1; }

.get-summer-ready2025 .header6-heading { padding: 30px 24px; border-top: 4px solid #fff; }
.get-summer-ready2025 .header6 { padding: 50px 24px 60px 24px; }

.get-summer-ready2025 .header7 { display: block; width: 100%; }
.get-summer-ready2025 .header7 .header7-left { display: block; width: 100%; padding: 30px 24px; }
.get-summer-ready2025 .header7 .header7-right { display: block; width: 100%; padding: 30px 24px 20px 24px; }
.get-summer-ready2025 .header7 .header7-right img { width: 100%; }
.get-summer-ready2025 .header7 .inset { margin: 30px 0; }

.get-summer-ready2025 .header8 { display: block; width: 100%; }
.get-summer-ready2025 .header8 .header8-left { display: block; width: 100%; padding: 30px 24px; }
.get-summer-ready2025 .header8 .header8-right { display: block; width: 100%; padding-bottom: 77%; }

.get-summer-ready2025 .header9-heading { padding: 20px 24px 20px 24px; }

.get-summer-ready2025 .header9 { display: block; width: 100%; }
.get-summer-ready2025 .header9 .header9-left { display: block; width: 100%; padding: 0; }
.get-summer-ready2025 .header9 .header9-right { display: block; width: 100%; padding: 0; }

.get-summer-ready2025 .header10 { display: block; width: 100%; }
.get-summer-ready2025 .header10 .header10-left { display: block; width: 100%; padding: 30px 24px; }
.get-summer-ready2025 .header10 .header10-right { display: block; width: 100%; padding-bottom: 52%; }

.get-summer-ready2025 .header11 { padding: 30px 24px; }

.get-summer-ready2025 .header12 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.get-summer-ready2025 .header12 .header12-left { display: block; width: 100%; padding-bottom: 120%; order: 2; }
.get-summer-ready2025 .header12 .header12-right { display: block; width: 100%; padding: 30px 24px; order: 1; }
.get-summer-ready2025 #main .inner .header12 h2.second { margin: 20px 0 30px 0; }

.get-summer-ready2025 .header13 { display: block; width: 100%; }
.get-summer-ready2025 .header13 .header13-left { display: block; width: 100%; padding: 30px 24px; }
.get-summer-ready2025 .header13 .header13-right { display: block; width: 100%; padding-bottom: 78%; }

.get-summer-ready2025 .header14 { padding: 20px 24px 40px 24px; }
.get-summer-ready2025 #main .inner .header14-inset h2 { font-size: 4em; }

.get-summer-ready2025 #main .inner .header15 h2 { font-size: 4.5em; }
.get-summer-ready2025 #main .header15 { padding: 40px 24px 40px 190px; }
.get-summer-ready2025 #main .header15:after { left: 18px; }
}

@media screen and (max-width: 700px) {
.get-summer-ready2025 .header6 .header6-tips { max-width: 460px; }
.get-summer-ready2025 .header6 .header6-tip { width: 100%; }
.get-summer-ready2025 .header6 .header6-tip.three {  margin: 0 0 80px 0; }
.get-summer-ready2025 #main .header16 .link { width: 46%; }
}

@media screen and (max-width: 650px) {
.get-summer-ready2025 #main .header15 { padding: 150px 24px 30px 24px; min-height: 0; }
.get-summer-ready2025 #main .header15:after { width: 110px; height: 106px; background-size: 110px 106px; top: 30px; bottom: auto; }
.get-summer-ready2025 #main ul.boroughlist li { padding: 8px 10px; }
}

@media screen and (max-width: 500px) {
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 22vw !important; }
.get-summer-ready2025 .header1 .header1-left:after { width: 25vw; height: 25vw; background-size: 100% auto; left: auto; right: 10px; bottom: 0; top: 0; }
}

@media screen and (max-width: 450px) {
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 6.2em; }
.get-summer-ready2025 #main .header16 .link { width: 100%; margin: 0 30px 40px 30px; }
.get-summer-ready2025 #main .boroughlistheading { margin-top: 0; }
}

@media screen and (max-width: 400px) {
.get-summer-ready2025 #main .header1 .header1-left h1 { font-size: 5em; }
}