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

#admin { position: fixed; right: 0; bottom: 0; left: 0; width: 100%; padding: 1%; background: rgba(0,0,0,0.5); font-size: 13px; color: #FFF; text-align: center; clear: both; }
.link-home { float:left; }
.icon-home { width: 30px; height: 30px; margin: 5px 0; }
.link-search { float: right; position: relative; width: 30px; height: 35px;  }
.icon-search { float: right; width: 30px; height: 30px; margin: 5px 0 0 0; }
.icon { width: 30px; height: 30px; }
.icon-large { width: 60px; height: 60px; }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; height: auto;  }
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }

/* GENERAL */

body { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 100%; color: #000; line-height: 1.5; background: #FFFFFF; }
h1, h2, h3  { font-family: "Roboto Slab", Arial, Helvetica, sans-serif; margin: 0; }
h1 { font-size: 1.6em; font-weight: 400; }
h2 { font-size: 1.4em; font-weight: 400; }
h3 { font-size: 1.2em; font-weight: 400; }
table { width: 100%; border-collapse: collapse; margin: 0 0 1em 0; }
th { color: #FFF; text-align: left; padding: 0.5em 1em; background: #000; }	
td { vertical-align: top; padding: 1em; border-bottom: 1px dashed #000; }
p { margin: 0 0 1em 0; }
ul { list-style: disc; margin: 0 0 1em 1.5em; }
.nobullet { list-style: none; margin: 0 0 1.5em 0; }
.inline li { display: inline; }
ol { list-style: decimal; margin: 0 0 1em 1.5em; }
blockquote { font-style: italic; color: #757575; padding: 0; margin: 0 0 1em 0; }
hr { display: none; width: 33.3%; background: 0; border: 0; border-bottom: 7px dotted #FFFF00; margin: 5% auto; clear: both; }
figure { position: relative; text-align: center; }
figure img { display: block; width: 100%; }
figcaption { position: absolute; right: 0; bottom: 0; left: 0; font-family: "Crete Round", Georgia, sans-serif; font-size: 0.85em; font-style: italic; color: #FFF; padding: 0.5em 1em; background: #000; background: rgba(0,0,0,0.8); }
em, i { font-style: italic; }
b, strong { font-weight: bold; }
a { color: #000; text-decoration: none; }
small { font-size: 0.85em; }
time { font-family: "Roboto Slab", Arial, Helvetica, sans-serif; color: #000; }
.right { text-align: right; }

/* LAYOUT */
.wrapper {  }

.topwrap {}
.top { background: #9eac9c;   }
.top-inner { position: relative; max-width: 1280px; height: 150px; padding: 0 5% 20px 5%; margin: 0 auto; overflow: hidden; clear: both; }
.nav { background: #000000; margin-bottom: 5px; }
.nav-inner { position: relative; max-width: 1280px; padding: 5px 2em; margin: 0 auto; clear: both; }
.navfixed { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 999999; }
.content { max-width: 1280px; background: #80978a; margin: 0 auto; overflow: hidden; clear: both; }
.section { overflow: hidden; clear: both; }
.section a { font-weight: bold; }
	.section-visit { background: #928006; }
		.section-visit a { font-weight: bold; }
	.section-history { background: #b49f80; }
		.section-history a { font-weight: bold; }
	.section-conservation { color: #FFF; background: #804d25; }
		.section-conservation a { color: #FFF; font-weight: bold; }
	.section-about { color: #FFF; background: #00314c; }
		.section-about a { font-weight: bold; color: #FFF; }
	.section-get { color: #FFF; background: #800622; }
		.section-get a { font-weight: bold; color: #FFF; }
.section-inner { width: 75%; margin: 0 12.5% 25px 12.5%; }
.section-inner-small { width: 90%; margin: 0 5% 25px 5%; }
	.section-intro { font-size: 1.2em; overflow: hidden; clear: both; }
.section-newsletter { position: relative; border-top: 5px solid #FFF; }
.section-inner-newsletter { padding-bottom: 0; margin-bottom: 0; }
.bottom { color: #FFF; background: #00615e; overflow: hidden; clear: both; }
.footer { max-width: 1280px; padding: 10px 5%; margin: 0 auto; overflow: hidden; clear: both; }
.legal { max-width: 1280px; padding: 30px 5% 0 5%; background: #D9D9D9; overflow: hidden; clear: both; }

/* LOGO */
.top-social { float: right; list-style: none; margin: 0; }
.top-social li { float: left; margin-left: 0.5em; }
.icon-link { display: inline-block; padding: 1em 0 0 0; }
.donate-link { display: inline-block; font-family: "Crete Round", Georgia, sans-serif; font-style: italic; font-weight: normal; color: #FFF; padding: 1em 1em 0.5em 1em; background: #800622; border-radius: 0 0 12px 12px; }
.logo { float: left; width: 235px; height: 90px; background: url(/assets/images/logo.png); background-size: cover; margin: 30px 20px 0 0; }
.top-blurb { position: absolute; right: 100px; bottom: 27px; left: 370px; max-width: 640px; font-family: "Crete Round", Georgia, sans-serif; font-size: 1em; font-style: italic; color: #3d4842; line-height: 1.25; margin: 0; }
.home-blurb { display: none; }
.bird { position: absolute; right: 0; bottom: 0; width: 90px; height: 75px; background: url(/assets/images/bird.png); background-size: cover; }

/* NAV */
.menu-toggle { display: none; }
.menu { position: relative; width: auto; list-style: none; letter-spacing: 1px; text-transform: uppercase; margin: 0 35px; }
.menu li { display: inline-block; background: url(/assets/images/bg-dot-nav.png) no-repeat left; }
.menu li a { display: block; color: #FFF; line-height: 40px; padding: 0 0.1em 0 1em; }
.menu li:first-child { background: none; }
.menu li a.menu-plus { display: none; }
.menu li ul { position: absolute; display: none; width: 220px; list-style: none; letter-spacing: normal; text-transform: none; background: #333; background: rgba(0,0,0,0.8); margin: 0; z-index: 99999; }
.menu li ul li { display: block; background: none; }
.menu li ul li a { line-height: 1.2; padding: 0.5em 1em; }
.menu li:hover ul { display: block; }
.menu a.current { color: #9eac9c; }
.menu-plus { display: none; }

.crumbs { display: none; font-size: 0.8em; color: #FFF; padding: 0.15em 1em 0.5em 1em; background: #000; border-top: 1px solid #FFF; border-bottom: 4px solid #FFF;  }
.crumbs a { color: #FFF; }

/* HERO */
.hero { position: relative; background-color: transparent; }
.hero img { display: block; }

/* GRIDS */
.grid2 { float: left; width: 48%; margin-right: 4%; }
.grid2-1 { margin-bottom: 25px; }
.grid2-2 { margin-right: 0; margin-bottom: 0; }
.grid3 { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 25px; }
.grid3-1 { clear: left; }
.grid3-3 { margin-right: 0; }

.grid { margin-left: -2%; }
.grid4 { float: left; width: 23%; margin-left: 2%; margin-bottom: 25px; }
.grid4:nth-of-type(4n+1) { clear: left; }

.tombstones { position: relative; padding: 0 12.5%; margin-top: -50px; z-index: 99999; }
.tomb-heading { height: 50px; color: #000; line-height: 50px; text-align: center; text-transform: uppercase; background: url(/assets/images/bg-tomb-heading-small.png) top; background-size: 100%; }
.tomb-visit-dot { padding: 0 1em; background: url(/assets/images/bg-dot-visit.png), url(/assets/images/bg-dot-visit.png); background-repeat: no-repeat, no-repeat; background-position: left, right; }
.tomb-history-dot { padding: 0 1em; background: url(/assets/images/bg-dot-history.png), url(/assets/images/bg-dot-history.png); background-repeat: no-repeat, no-repeat; background-position: left, right; }
.tomb-get-dot { padding: 0 1em; background: url(/assets/images/bg-dot-get.png), url(/assets/images/bg-dot-get.png); background-repeat: no-repeat, no-repeat; background-position: left, right; }
.tomb-thumb { display: block; width: 100%; }
.tomb-description { min-height: 160px; color: #000; padding: 1em; background: #D9D9D9; }
.tomb-cta { color: #000; }

.grid-link { display: block; width: 100%; height: 100%; }
.grid-thumb { display: block; width: 100%; }
	.grid-news-thumb { width: 210px; margin: 0 0 0.5em 0;  }
.grid-heading { font-size: 1.35em; color: #3d4842; line-height: 1.2; }
.grid-heading-news { font-size: 1.35em; color: #800622; line-height: 1.2; }
.grid-heading-small { font-size: 1.125em; color: #800622; line-height: 1.2; }
.grid-heading-alt { color: #FFF; line-height: 1.2; }
.grid-date { font-family: "Roboto Slab", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; margin: 0; }
.grid-price { font-weight: normal; color: #000; text-transform: uppercase; margin: 0; }
.grid-description { min-height: 70px; font-weight: normal; padding: 0.5em 1em; background: #FFF; }
.grid-summary { font-weight: normal; color: #000; margin: 0; }
.grid-summary-alt { font-weight: normal; color: #FFF; }
.grid-cta { font-weight: normal; color: #000; }
.grid-cta-alt { font-style: italic; font-weight: normal; color: #FFF; }
a.grid-cta-alt { font-style: italic; font-weight: normal; }

.link-cta, .link-cta-reverse, .link-cta-forward { display: block; font-family: "Crete Round", Georgia, sans-serif; font-size: 1em; font-style: italic; font-size: 1.1em; font-weight: normal; margin-top: 0.25em; clear: both; }
.link-cta-forward { color: #00615e; }
.link-cta-forward:after { content: " \003e";  }
.link-cta-reverse { color: #00615e; }
.link-cta:after { content: " \003e"; }
.link-cta-reverse:before { content: "\003c  "; }

.event-date { font-family: "Roboto Slab", Arial, Helvetica, sans-serif; color: #000; }
.event-price { color: #000;  text-transform: uppercase; }

header.section { margin: 0 1em; }
.section-heading { font-weight: 400; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; margin: 20px 0; }
.section-heading span { display: inline-block; padding: 0 0.5em; }
.section-cta { text-align: right; }
section .section-cta a { text-align: right; font-weight: normal !important; }
.sh-news span { background: #80978a; }
.sh-news { background: url(/assets/images/bg-dot-grey.png) repeat-x center; }
.sh-visit span { background: #928006; }
.sh-visit { background: url(/assets/images/bg-dot-grey.png) repeat-x center; }
.sh-history span { background: #b49f80; }
.sh-history { background: url(/assets/images/bg-dot-grey.png) repeat-x center; }
.sh-conservation span { color: #FFF; background: #804d25; }
.sh-conservation { background: url(/assets/images/bg-dot-white.png) repeat-x center; }
.sh-about span { color: #FFF; background: #00314c; }
.sh-about { background: url(/assets/images/bg-dot-white.png) repeat-x center; }
.sh-get span { color: #FFF; background: #800622; }
.sh-get { background: url(/assets/images/bg-dot-white.png) repeat-x center; }
.sh-general span { background: #80978a; }
.sh-general { background: url(/assets/images/bg-dot-grey.png) repeat-x center; }


.sh-footer span { display: inline-block; color: #FFF; padding: 0 0.5em; background: #00615e; }
.sh-footer { background: url(/assets/images/bg-dot-white.png) repeat-x center; }

.promos-wrap { border-top: 5px solid #FFF; overflow: hidden; clear: both; }
.promos { width: 100%; overflow: hidden; clear: both; }
.entries { margin: 0 0 20px 0; overflow: hidden; clear: both; }
.entries-image { float: left; width: 33%; padding-top: 7px; margin-right: 1em; }
.entries-image img { width: 100%; }
.entries-description { overflow: hidden; }
.entries-download { line-height: 1.2; padding-left: 20px; background: url(/assets/images/icon-download.svg) no-repeat left; background-size: contain; }
.entries-download span { font-family: "Crete Round", Georgia, sans-serif; font-size: 1em; font-style: italic; color: #000; }
.entries-download span:after { content: " \003e "; }
.entries-download a { color: #000; }

.entry-heading { margin: 20px 0 0 0; }
.entry-intro { font-size: 1.2em; }

.gallery { list-style: none; margin: 0 0 1rem 0; display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); }


/* PAGINATION */
.pagination ul { list-style: none; text-align: center; margin: 0; overflow: hidden; clear: both; }
.pagination ul li { display: inline-block; }
.pagination a { display: block; width: 30px; height: 30px; color: #FFF; line-height: 30px; text-align: center; background: #000; }
.pagination a:hover, .pagination a.active { color: #9eac9c; background: #000; }



/* FOOTER */
.tweet-user-image { float: left; width: 42px; height: 42px; margin-right: 10px; }
.tweets { list-style: none; margin: 0; }
.tweets li { margin: 0 0 1em 0; }
.tweets a { color: #cc984c; }
.hlf-logo { float: right; }
.legal-links { font-size: 0.85em; list-style: none; margin: 0 0 1em 0; }
.legal-links li { display: inline-block; background: url(/assets/images/bg-dot-lightgreen.png) no-repeat left; padding: 0 0.35em 0 1em; }
.legal-links li:first-child { padding-left: 0; background: none; }
.legal-links a { display: block; color: #000; }
.footer-contacts-icon { float: left; width: 40px; clear: left; }
.footer-contacts-content { overflow: hidden; }
.footer-contacts-content a { color: #FFF; }
.footer-contacts-single { line-height: 30px; }
.legal p { color: #3d4842; margin: 0 0 10px 0; }
.legal p a { color: #3d4842; }

/* BUTTONS */
.btn { font-family: "Crete Round", Georgia, sans-serif; font-style: italic; font-weight: normal; display: inline-block; height: 40px; font-size: 16px; text-decoration: none; }
.btn-red { color: #FFF; letter-spacing: 1px; padding: 0 2em 0 1em; background: url(/assets/images/bg-btn-red.png) no-repeat right; }
a.btn-red { font-weight: normal; color: #FFF; }
.btn-white { color: #800622; padding: 0 2em 0 1em; background: url(/assets/images/bg-btn-white.png) no-repeat right;  }
a.btn-white { font-weight: normal; color: #800622; }
a.btn, span.btn { font-weight: normal; line-height: 40px; }

/* MISC BITS */
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 1em 0; }
.map { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 1em 0; }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.peacock { position: absolute; width: 320px; right:5%; bottom: 0; ; }
.peacock img { display: block; }
ul.bxslider { list-style: none; margin: 0; }
.slide img { display: block; clear: both; }
.slide-caption { position: absolute; left: 0; bottom: 0; right: 0; display: block; min-height: 40px; font-size: 0.85em; color: #FFF; padding: 5px 0 5px 100px; background: rgba(0,0,0,0.8); clear: both; }
.slide-caption-text { display: inline-block; padding: 5px 0; }
.slider-nav { position: absolute; left: 1em; height: 30px; bottom: 5px; }
.slider-selector a { display: block; float: left; height: 30px; line-height: 30px; width: 30px; font-size: 20px; color: #FFF; text-align: center; text-decoration: none; background: #00B4C5; margin-right: 0.5em; cursor: pointer; }
.slider-selector.ss-visit-charlton-house a { color: #000; background: #EA7900; }
.slider-selector.ss-visit-greenwich-heritage-centre a { color: #000; background: #E5007C; }
.slider-selector.ss-black a { color: #FFF; background: #000; }
.slider-btn { position: absolute; top: 45%; }
.slider-btn a { display: block; width: 40px; height: 40px; font-size: 3em; font-weight: normal; line-height: 30px; padding-bottom: 10px; text-align: center; color: #FFF; background: #000; background: rgba(0,0,0,0.75); z-index: 99999; }
.slider-prev { left: 0; }
.slider-next { right: 0; }




/* FORMS */
form { max-width: 100%; }
.form-subscriptions { max-width: 480px; margin: 0 auto; }
.form-newsletter { max-width: 520px; margin-bottom: 0;  }
.form-newsletter label { position: absolute; left: -999em; }
.form-search { display: none; position: absolute; right: 4.5em; left: 4.5em; padding: 5px 0; background: #000; margin-right: 0; z-index: 999; }
.form-filter { width: 100%; margin-top: 0.5em; clear: both; }
.control { margin-bottom: 0.75em;  }
.control-right { text-align: right; margin-bottom: 0; }
label { display: block; }
textarea { width: 100%; height: 160px; border: 0; }
button { font-weight: normal; border: 0; cursor: pointer; }
input[type=text], input[type=password], input[type=url], input[type=tel], input[type=email], input[type=number] 
{ width: 100%; max-width: 100%; height: 38px; font-family: "Open sans", Arial, Helvetica, sans-serif; font-size: 16px; border: 0px solid #CCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type=checkbox] { width: 1em; }
input[type=search] { height: 30px; font-size: 16px; border: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; }

select { height: 38px; font-family: "Open sans", Arial, Helvetica, sans-serif; font-size: 16px; padding: 0 10px; border: 1px solid #CCC; -webkit-border-radius: 0;-webkit-appearance: none; }
.form-filter select { height: 30px; font-family: "Crete Round", Georgia, sans-serif; font-style: italic; color: #00615e; background: #FFF; border: 0; }
.form-filter option { padding: 0 10px; }

::-webkit-input-placeholder { font-style: italic; color: #00615e; }
::-moz-placeholder { font-style: italic; color: #00615e; }
:-ms-input-placeholder { font-style: italic; color: #00615e; }
:-moz-placeholder { font-style: italic; color: #00615e; }

.search-keywords { position: absolute; width: 100%; right: 80px; left: 0; height: 30px; font-size: 16px; color: #000; background: #FFF; margin-bottom: 0; }
.search-btn { position: absolute; right: 0; display: inline-block; width: 70px; height: 30px; font-size: 16px; color: #FFF; padding: 0; background: #800621; border: 0; }

input.input-nl { height: 40px; font-family: "Crete Round", Georgia, sans-serif; color: #00615e; text-indent: 0.5em; border: 0; }
input.input-s { width: 60px; }


/* DA QUERIES */

@media screen and (max-width: 1024px) {
body { font-size: 90%; }
.top-inner { padding: 0 15px 20px 15px; }
.top-blurb { right: 100px; bottom: 20px; left: 270px; }

.nav-inner { padding: 5px 1em; }

.logo { width: 215px; height: 82px; margin-top: 45px; }
.form-search { right: calc(1em + 50px); left: calc(1em + 50px); }

.tombstones { padding: 0 6%; }
.tomb-description { min-height: 160px; }
.section-inner { margin: 0 6% 20px 6%; }

.section-inner-newsletter { padding-bottom: 0; margin-bottom: 0; }
.footer { padding: 10px 1em; }
.legal { padding: 20px 1em; }

.bird { width: 75px; height: 62px; right: 1em; }

.grid3 { float: left; width: 31.6%; margin-right: 2.6%; margin-bottom: 25px; }
.grid3-1 { clear: left; }
.grid3-3 { margin-right: 0; }
.grid4 { float: left; width: 31.3%; }
.grid4:nth-of-type(4n+1) { clear: none; }
.grid4:nth-of-type(3n+1) { clear: left; }

.grid-news-thumb { width: 180px; }

.peacock { width: 250px; }

.btn { height: 30px;  }
a.btn, span.btn { line-height: 30px; }
input.input-nl { height: 30px; border: 0; }

}

@media screen and (max-width: 800px) {
.tomb-description { min-height: 190px; }
}

@media screen and (max-width: 767px) {
body { font-size: 85%; }
figcaption { position: relative; display: block; background: #000; clear: both; }

.top { background-image: url(/assets/images/bg-black-strip.png); background-repeat: repeat-x; background-position: bottom; overflow: hidden; clear: both; }
.top-inner { height: 90px; }
.nav { margin-bottom: 0; }
.nav-inner { padding: 0 1em; }
.navfixed { position: relative; top: 0; right: 0; left: 0; width: 100%; z-index: 9999; }
.menu-toggle { display: block; float: right; width: 30px; height: 30px; margin: 20px 0 0 1em; }
.menu-toggle svg { width: 30px; height: 30px; }
.top-social { display: none; }
.top-blurb { display: none; }
.home-blurb { display: block; font-family: "Crete Round", Georgia, sans-serif; font-size: 1em; font-style: italic; color: #3d4842; line-height: 1.25; padding: 1em; margin: 0; background: #FFF; }

.logo { float: left; width: 164px; height: 44px; background: url(/assets/images/logo-small.png); background-size: cover; margin: 20px 20px 0 0; }
.link-search { display: none; }
.form-search { display: none; width: 100%; height: 40px; position: relative; right: 0; left: 0; padding: 5px 0; margin: 0; }
.search-keywords { position: absolute; width: 100%; right: 80px; left: 0; height: 30px; font-size: 16px; color: #000; background: #FFF; margin-bottom: 0; }
.search-btn { position: absolute; right: 0; display: inline-block; width: 70px; height: 30px; font-size: 16px; color: #FFF; padding: 0; border: 0; }

.link-home { display: none; }
.bird { left: 190px; bottom: 2px; width: 60px; height: 50px; }

.menu { display: none; float: none; width: 100%; margin: 0; }
.menu li { display: block; width: 100%; background: none; border-top: 1px solid #FFF; }
.menu li:first-child { border: 0; }
.menu li a { display: block; color: #FFF; line-height: 40px; padding: 0; }
.menu li:hover ul { display: none; }
.menu li ul { position: relative; width: 100%; padding-bottom: 5px; border-top: 1px solid #FFF; }
.menu li ul li { border: 0; }
.menu li ul li a { display: block; line-height: 30px; }
.menu li a.menu-plus { display: block; float: right; width: 24px; height: 24px; }
.menu li a.menu-plus svg { width: 24px; height: 24px; margin: 8px 0; }

.crumbs { display: block; }

.tombstones { margin-top: 20px; }
.tomb-heading { background: url(/assets/images/bg-tomb-heading-large.png) no-repat top; background-size: 100%; -webkit-background-size: 100%; }
.tomb-description { min-height: 100px; }

.grid3 { width: 100%; margin-right: 0; }
.grid4 { float: left; width: 48%; }
.grid4:nth-of-type(4n+1) { clear: none; }
.grid4:nth-of-type(3n+1) { clear: none; }
.grid4:nth-of-type(odd) { clear: left; }

header.section { margin: 0 6%; }
.section-heading-mobile { background: none; text-align: left; letter-spacing: normal; }
.section-heading-mobile span { padding: 0; }
.entries-image { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; }
.entries-description { margin-left: 0; }
.slider-btn { display: none; }
.slide-caption { position: relative; display: block; background: #000; clear: both; }

.peacock { position: relative; width: 200px; right:0; margin: 20px auto 0 auto; clear:both; }

}

@media screen and (max-width: 640px) {
.grid2 { float: none; width: 100%; margin-right: 0; }
.grid2-1 { margin-bottom: 10px; }
.grid2-2 { margin-bottom: 10px; }

}

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

.grid4 { float: none; width: 98%; }


.hlf-logo { width: 100px; }
}