:root { --dark-blue: #1e3d72; --orange: #f26422; --light-blue: #00adee; --green: #29b473; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; }  html {  box-sizing: border-box;  -webkit-font-smoothing: antialiased; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .clr { clear: both; }  body { background: #fff; color: #333; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 17px; line-height: 1.6; } html, body{  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } body {  position: relative; } #scroll_pixel { position: absolute; width: 1px; height: 1px; top: 730px; left: 0; z-index: 5000; } @media (max-width: 540px) { body {  font-size: 15px; } }   .wrapper { margin-bottom: 30px; } .wrapper--hidden { display: none; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_grey { background-color: #f0f0f0; } .wrapper--bg_warm_grey { background-color: rgba(245,222,206, 0.4); } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 5px; } .wrapper--mb_tight { margin-bottom: 10px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_large { margin-bottom: 60px; } .wrapper--mb_xlarge { margin-bottom: 90px; } .wrapper--mb_xxlarge { margin-bottom: 120px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge { padding-top: 90px !important; padding-bottom: 90px !important; }  .wrapper--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container h1 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container h1 {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_quarter  .content, .wrapper--full.wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; }  .wrapper--limit_width_half   .container {  max-width: 705px; } .wrapper--limit_width_third  .container {  max-width: 465px;  } .wrapper--limit_width_two_thirds  .container {  max-width: 930px; } .wrapper--limit_width_three_quarters .container {  max-width: 1035px; }  .wrapper--full.wrapper--limit_width_half  .container, .wrapper--full.wrapper--limit_width_third  .container, .wrapper--full.wrapper--limit_width_two_thirds  .container, .wrapper--full.wrapper--limit_width_three_quarters .container {  max-width: 1410px; } .container, .container--medium { width: 96%; max-width: 1170px; margin: 0 auto; position: relative; z-index: 2; } .container--infinite { width: 100%; max-width: none; }  .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--no_gutter .section { margin-left: 0; } .container--no_gutter .section > .column { padding-left: 0; }  .container--gutter_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; } .container--gutter_xlarge .section { margin-left: -90px; } .container--gutter_xlarge .section > .column { padding-left: 90px; }   .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .container--two_col_60_40 > .section > .column:first-of-type {  width: 60% !important; flex: none !important; } .container--two_col_70_30 > .section > .column:first-of-type {  width: 70% !important; flex: none !important; }  .container--two_col_625_375 > .section > .column:first-of-type {  width: 62.5% !important; flex: none !important; }   .container--two_col_40_60 > .section > .column:first-of-type { width: 40% !important; flex: none !important; }  .container--two_col_30_70 > .section > .column:first-of-type { width: 30% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px; }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; display: flex;  position: relative; z-index: 4; } .column--align_bottom {  align-self: flex-end; }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }  .content > div > h2:last-child, .content > div > h3:last-child, .content > div > p:last-child, .content > div > hr:last-child, .content > div > ul:last-child, .content > div > ol:last-child, .content > div > table:last-child, .content > div > .video:last-child { margin-bottom: 0 !important; }  .content > div { position: relative; z-index: 6; }  .content--align_left { text-align: left; } .content--align_center { text-align: center; } .content--align_justify p { text-align: justify; } .content--align_right { text-align: right; }   .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .content--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_large { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_xlarge { padding-left: 60px !important; padding-right: 60px !important; } .content--padding_horiz_xxlarge { padding-left: 90px !important; padding-right: 90px !important; } .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; }  .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; }   .content--limit_690 { max-width: 690px;  margin-left: auto; margin-right: auto; } .content--limit_800 { max-width: 800px;  margin-left: auto; margin-right: auto; } .content--limit_650 { max-width: 650px; }  .limit_width_half { max-width: 705px;  margin-left: auto; margin-right: auto; } @media (max-width: 940px) { .section {  display: block;  margin-left: -30px; }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; }  .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type,  .container--two_col_60_40 > .section > .column:first-of-type, .container--two_col_70_30 > .section > .column:first-of-type, .container--two_col_625_375 > .section > .column:first-of-type, .container--two_col_40_60 > .section > .column:first-of-type, .container--two_col_30_70 > .section > .column:first-of-type {  width: auto !important; }  .container--four_col > .section {  display: flex;  flex-wrap: wrap;  }  .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } }  @media (max-width: 740px) {  .container, .container--medium {  width: 94%; } .container--infinite {  width: 100%;  }   .wrapper--padding_vert_none,  .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal {  padding-top: 0px;  padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large {  padding-top: 45px !important;  padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; }  .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; } }  @media (max-width: 540px) { .container, .container--medium {  width: 92%; } .container--infinite {  width: 100%;  } }header { position: absolute; width: 100%; height: 170px; top: 0; z-index: 200; } #nav_sizer { height: 170px; } header .container { display: flex; justify-content: space-between;  align-items: center; }  header .main_logo .container { position: relative;  z-index: 501; } header .main_logo h3 a { background-color: var(--dark-blue); width: 370px; height: 200px; position: absolute; left: 0; text-indent: -4670px; display: block; background-image: url(../_img/logo.png); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 501; box-shadow: 0 0 10px rgba(0,0,0,0.3); }  #strap { background: var(--dark-blue); border-top: 5px solid var(--orange); height: 70px; position: relative; z-index: 1; } #strap .container { text-align: right; } #strap .container h2 { color: #fff;  text-align: right;  margin-right: 0; margin-left: auto; font-weight: 300; font-size: 28px; line-height: 65px; letter-spacing: 0.15em; padding-right: 10px; }  #tel a { position: absolute; top: 0; right: 10px; background-color: var(--orange); color:#fff; text-decoration: none; padding: 2px 10px; } #formerly span { position: absolute; top: 0; left: 370px; background-color: var(--green); color:#fff; text-decoration: none; padding: 2px 10px; } #fixy_height_nav, #globalnav ul { height: 55px; } .nav_wrapper { background: #fff; height: 100px; color: #fff; font-size: 16px; top: 0; left: 0; width: 100%; z-index: 500;  display: flex; flex-direction: column; justify-content: flex-end; } #globalnav { position: relative; } #globalnav.container { } #globalnav ul { display: flex; width: 100%; justify-content: right } #globalnav > ul > li { line-height: 1; display: flex; align-items: center; position: relative; transition: all 0s ease-in-out; z-index: 1000; } #globalnav > ul > li.gn-contact { margin-left: auto ; } #globalnav > ul > li > a { color: #111; text-decoration: none;  padding: 5px 15px; position: relative; } #globalnav > ul > li:hover > a { transform: scale(1.05); } #globalnav ul li ul { visibility: hidden; opacity: 0; display: none; min-width: 200px; position: absolute; z-index: 1200; left: 0; top: 55px; height: auto; } #globalnav ul li ul li { margin: 0; display: block; width: 100%; background: var(--orange); } #globalnav ul li ul li:first-of-type { padding-top: 10px; } #globalnav ul li ul li a { font-size: 16px; padding: 7px 20px 7px 20px; display: block; text-decoration: none;  font-weight: 400; line-height: 1; color: #fff; opacity: 0.8; transition: all 0.2s ease-in-out; } #globalnav ul li ul li:hover a { padding-left: 25px; padding-right: 15px; opacity: 1; } #globalnav ul li ul li:last-of-type a { padding-bottom: 20px; } #globalnav > ul > li:hover > ul, #globalnav > ul > li:focus-within > ul, #globalnav > ul > li ul:hover { visibility: visible; display: block; opacity: 1; } #globalnav > ul > li.active > ul, #globalnav > ul > li.active > ul { visibility: visible; display: block; opacity: 1; }  #globalnav .gn-home a span { display: none; } #globalnav .gn-home a { font-size: 20px; transition: transform 0.1s ease-in-out; width: 50px; } #globalnav .gn-home  a:hover { transform: scale(1.1); }  #open_nav, #close_nav, #mnav { display: none; }  .fixed_header header { position: fixed;   z-index: 300;   width: 100%; top: -55px; height: 55px;  opacity: 0.6; background: #fff; max-width: 1920px;   transition: opacity 0.5s ease-in-out;  } .fixed_header #nav_sizer { height: 55px; } .fixed_header header .main_logo, .fixed_header header #tel, .fixed_header header #formerly, .fixed_header header #strap { display: none; } .fixed_header header #header_and_nav { height: 55px; } .fixed_header header .nav_wrapper { height: 55px; background: var(--dark-blue); } .fixed_header #globalnav > ul > li > a { color: #fff; } .fixed_header #globalnav ul li ul li { background: var(--dark-blue); } .fixed_header header #globalnav ul { justify-content: space-between; } .fixed_header header.offscreen { top: -55px; opacity: 0.6;  transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s; } .fixed_header header.onscreen { top: 0;  opacity: 1; box-shadow: 2px 3px 20px 0px rgba(0,0,0,0.2); transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s; }  @media (max-width: 1240px) { .standard #globalnav .gn-home {  display: none;  } } @media (max-width: 1180px) { .standard #globalnav a span.optional {  display: none;  } } @media (max-width: 1130px) { .standard header .main_logo h3 a {  width: 300px;  height: 200px; }  .standard #formerly span {  left: 300px; } } @media (max-width: 1044px) { .standard #globalnav a span.optional_2 {  display: none;  } .standard header .main_logo h3 a {  width: 240px;  height: 120px; }  .standard #formerly span {  left: 240px; } }  @media (max-width: 940px) {  #globalnav, #tel, #strap {  display: none;  } #mnav .gn-home a i {  display: none;  }  header {  position: relative;  width: 100%;  top: 0;  z-index: 200;  height: 190px; } #nav_sizer {  height: 0; }  header .container {  display: block;  width: 100%;  } .main_logo {  position: absolute;  top: 50px;  width: 100%;  height: 120px;  z-index: 1; }  header .main_logo .container {  position: relative;  z-index: 501; } .standard header .main_logo h3 a {  background-color: #fff;  width: 100%;  height: 140px;  position: absolute;  left: 0;  text-indent: -4670px;  display: block;  background-image: url(../_img/logo_trans.png);  background-size: auto 120px;  background-repeat: no-repeat;  background-position: center;  z-index: 501;  box-shadow: none; }  .standard #formerly span {   top: 190px;  left: 50%;  transform: translateX(-50%);  white-space: nowrap;  color: var(--dark-blue);  background-color: rgba(255,255,255,0.9);  font-size: 0.8em;  padding: 2px 7px; }  .nav_wrapper {  background: var(--dark-blue);  height: 50px;  position: fixed;  top: 0;  display: block; }   #open_nav {  position: absolute;  right: 0;  top: 0px;  display: block;  width: 45px;  height: 45px;  background-image:url(../_img/mob_burger_lines_white.png);  background-repeat: no-repeat;  background-position: left center;  background-size: 32px auto;  cursor: pointer; }   #close_nav {  display: block;  color: #fff;  position: absolute;  top: 00px;  right: 27px;  font-size: 60px;  line-height: 52px;  cursor: pointer; }   nav#mnav {  height: 0;  width: 0;  position: fixed;  z-index: 510;  left: 50%;  top: 50%;  background-color: rgba(0,0,0, 0.5);  backdrop-filter: blur(15px) saturate(200%);  overflow-x: hidden;  transition: 0.3s;  opacity: 0;  display: block; } nav#mnav.mob_open {  height: 100%;  width: 100%;  left: 0;  top: 0;  opacity: 1; }   nav#mnav ul {  display: block;  position: absolute;  top: 50%;  width: 100%;  text-align: center;  transform: translateY(-50%); }  nav#mnav ul li {  display: block;  text-align: center; } nav#mnav ul li > ul {  display: none; } #mnav ul li a {  color: #fff;  display: inline;  width: 100%;  text-align: center;  height: auto;  font-size: 2.2em;  font-weight: 300;  line-height: 1.8;  text-decoration: none; } } @media (max-width: 540px) {  } @media (max-width: 400px) {  } #hero_slides { height: 320px; margin-bottom: 40px; } #hero_slides .heroslide { background-size: cover; height: 320px; width: 100%; } #hero_slides.feature { height: 480px; } #hero_slides.feature .heroslide { background-size: cover; height: 480px; width: 100%; } #slide-companionship { background-image: url(../_img/hero/companionship_2023.jpg); } #slide-trips { background-image: url(../_img/hero/trips-out_2023.jpg); } #slide-time { background-image: url(../_img/hero/time-to-yourself_2023.jpg); } #slide-active { background-image: url(../_img/hero/keeping-active_2023.jpg); } #slide-thrilled { background-image: url(../_img/hero/thrilled.jpg); background-position: center center; } #slide-thrilled_group { background-image: url(../_img/hero/thrilled_group.jpg); background-position: center center; } #slide-generic { background-image: url(../_img/hero/abbeyfield-taunton_slim.jpg); background-position: center center; } #services_page #slide-active { background-image: url(../_img/hero/care-services.jpg); background-position: center center; } #activities_page #slide-generic { background-image: url(../_img/hero/activities-gardening.jpg); background-position: center center; } #facilities_page #slide-generic { background-image: url(../_img/hero/facilities-garden.jpg); background-position: center center; } #team_page #slide-generic { background-image: url(../_img/hero/team.jpg); background-position: center center; } #testimonials-page #slide-generic { background-image: url(../_img/hero/testimonials.jpg); background-position: center center; } .herocaption { height: 100%; } .inner_caption { position: absolute; right: 0; bottom: 10%; } .herocaption h2 { color: #fff; font-size: 55px; text-shadow: 2px 2px #474747; }  .content h1 { font-size: 2.4em; color: var(--orange); font-weight: 300; margin-bottom: 0.5em; } .content h2 { font-size: 1.8em; color: var(--green); font-weight: bold; margin-bottom: 0.5em; } .content h3 { font-size: 1.4em; color: var(--dark-blue); font-weight: bold; margin-bottom: 0.5em; }  .content p, .content ul, .content div.video, .content hr { margin-bottom: 1.5em; } .content .mb0, .content .mbnone { margin-bottom: 0; } .content .mb10 { margin-bottom: 10px; } .content .mb20 { margin-bottom: 20px; } .content .mb30 { margin-bottom: 30px; } .content .mb_normal { margin-bottom: 1.5em; } .content .mb_large { margin-bottom: 2em; } .content .mb_double { margin-bottom: 3em; } strong.medium { font-weight: 500; } .content hr { border:none; border-bottom: 2px solid rgba(212,90,12,0.3); } .content a { color: rgba(212,90,12,1); text-decoration: none; } .content a:hover { color: #000; } .content .maxwidth500 { max-width: 500px; } .content ul { margin-left: 2em; } .content ul.big_ones { list-style: none; margin-left: 0; } .content ul.big_ones li { padding-top: 15px; padding-bottom: 25px; padding-left: 60px; font-size: 1.2em; background-image: url(../_img/list_item_shield.png); background-repeat: no-repeat; background-position: 0 8px; } .content img.full { max-width: 100%; height: auto; display: block; } .content img.full.stretch { width: 100%; height: auto; display: block; } .content .image_right { float: right; margin-left: 30px; } .content .image_left { float: left; margin-right: 30px; } .content .image_right img, .content .image_left img { max-width: 400px; height: auto;  } .content .image_right, .content .image_left { margin-bottom: 1em; }  .content p.button a { display: inline-block; text-decoration: none; background: var(--green); padding: 7px 25px 5px 25px;  font-size: 1.1em; border-radius: 30px; color: #fff; } .content p.button.button--medium a { font-size: 1em; padding: 4px 20px; border-radius: 15px; } .content p.button a:hover { background: var(--dark-blue); } .content p.read_more a, .content p.view_photos a { font-style: normal; display: inline-block; font-weight: 500; background: #d45a0c; color: #fff; padding: 4px 20px; border-radius: 15px; transition: all 1s ease-in-out; } .content p.view_photos a { background: #04326c; } .content p.read_more.read a { background: #aaa;  color: #333; opacity: 0; } .content p.read_more.read a:hover { background: #aaa;  color: #333; opacity: 0.4; }  .content div.video { position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; } .content div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .content div.white_teaser { box-shadow: 0 0 15px rgba(0,0,0,0.1); }  .content table tr td, .content table tr th { text-align: left;  vertical-align: top; padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout tr th:first-of-type , .content table.bordered tr td:first-of-type, .content table.bordered tr th:first-of-type { padding-left: 0 !important; } .content table.layout tr td:last-of-type, .content table.layout tr th:last-of-type, .content table.bordered tr td:last-of-type, .content table.bordered tr th:last-of-type  { padding-right: 0 !important; } .content table.layout tr:first-of-type td, .content table.layout tr:first-of-type th, .content table.bordered tr:first-of-type td, .content table.bordered tr:first-of-type th { padding-top: 0 !important; } .content table.layout.tight tr td, .content table.layout.tight tr th { padding-left: 7px;  padding-right: 7px; }  .content a.fileicon { display: inline-block; padding-left: 48px; background-size: 40px 40px; min-height: 40px; background-repeat: no-repeat; padding-top: 6px; } .content .download_notes { position: relative; top: -10px; font-style: italic; display: inline-block; padding-left: 40px; font-size: 13px; line-height: 19px; color: #888; } .content .button .download_notes {  top: 0; padding-left: 20px; } .content a.pdf { background-image: url(../_shared/_img/file-icons/pdf.png) } .content a.doc { background-image: url(../_shared/_img/file-icons/doc.png) } .content a.docx { background-image: url(../_shared/_img/file-icons/doc.png) } .content a.rtf { background-image: url(../_shared/_img/file-icons/doc.png) }   .wrapper--expand_panels .content a.fancy { position: relative; display: block; } .wrapper--expand_panels .content a.fancy span { display: none; } .content p.view_photos { float: left;  margin-right: 10px; }   #testimonials .container {  padding-top: 20px; padding-bottom: 60px; } #testimonials .container h2 { font-size: 2em; font-weight: 400; color: var(--green); text-align: center; margin-bottom: 1em; } #testimonials .quotes { display: flex; } blockquote { flex: 1;  background:#fff;  margin:1em;  position:relative;  padding:2em;  border-radius:3px;  box-shadow:0px 1px 10px 0px rgba(0,0,0,0.1) } blockquote p {  margin-bottom:0; } blockquote:before, blockquote:after {  content:'';  display:block;  position:absolute;  width:32px;  height:42px;  font-size:8rem;  font-family:Georgia,sans-serif;  color:var(--green); } blockquote:before {  content:'\201C';  top:-60px;  left:0 } blockquote:after {  content:'\201D';  bottom:30px;  right:24px } @media (max-width: 1140px) {  #hero_slides, #hero_slides.feature {  height: 320px; } #hero_slides .heroslide, #hero_slides.feature .heroslide {  height: 320px;  background-position: center center; } } @media (max-width: 940px) {   .wrapper--expand_panels .content a.fancy {  display: inline-block; } #testimonials .quotes {  display: block;  } #testimonials blockquote {  margin-bottom: 3em;  } } @media (max-width: 760px) { .content .image_right img, .content .image_left img {  max-width: 300px;  height: auto;  }   } @media (max-width: 740px) {  #hero_slides, #hero_slides .heroslide, #hero_slides.feature, #hero_slides.feature .heroslide {  height: 280px; } } @media (max-width: 640px) { .content .image_right img, .content .image_left img {  max-width: 200px;  height: auto;  } }  @media (max-width: 540px) {  #hero_slides, #hero_slides .heroslide, #hero_slides.feature, #hero_slides.feature .heroslide {  height: 220px; }  .content table.mobcollapse ,  .content table.mobcollapse thead,  .content table.mobcollapse tbody,  .content table.mobcollapse th,  .content table.mobcollapse tr td,  .content table.mobcollapse tr {  display: block;  border: 0;  text-align: left !important;  padding-left: 0 !important; } .content table.mobcollapse th {  font-size: 1.6em;  font-weight: 300; } .content table.mobcollapse tr td:first-of-type{   font-weight: 700; }  } @media (max-width: 440px) {  #hero_slides, #hero_slides .heroslide, #hero_slides.feature, #hero_slides.feature .heroslide {  height: 180px; } } @media (max-width: 400px) { .content .image_right, .content .image_left {  float: none;  margin-left: auto; margine-right: auto;  } .content .image_right img, .content .image_left img {  max-width: 100%;  height: auto;  } } #carehome_reviews { margin-top: 100px; } footer { margin-top: 50px; background: #04326c; color: #aaa;  padding: 60px 0; } footer #footer_inner { display: flex; justify-content: space-between;  margin-bottom: 3em; } #footer_inner section { box-sizing: border-box; flex-basis: 30%; padding: 20px 30px 30px 30px; position: relative; border: 1px solid #fff; } #footer_inner section span { position: absolute; width: 32px; height: 32px; background-color: #d45b0c; left: -16px; top: 16px; border-radius: 5px; background-repeat: no-repeat; background-size: 24px auto; background-position: center center; } #footer_inner section#footer_address span { background-image: url(../_img/footer/home.png); } #footer_inner section#footer_location span { background-image: url(../_img/footer/pin.png) } #footer_inner section#footer_contacts span { background-image: url(../_img/footer/phone.png); } footer h3 { color: #fff; text-transform: uppercase; margin-bottom: 0.5em; } footer a { color: #aaa; text-decoration: none; } footer a:hover { color: #d45b0c; }  footer .gmap { position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; } footer .gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }  #footer_2 { display: flex; justify-content: space-between;  align-content: flex-end; font-size: 0.8em; } @media (max-width: 1040px) { footer #footer_inner {  display: block;  margin: 0 50px; }  #footer_inner section {  margin-bottom: 30px; } } @media (max-width: 940px) { #footer_2 {  display: block;  } #footer_2 p {  padding-bottom: 20px;  } } @media (max-width: 440px) { footer #footer_inner {  margin: 0 0px; } #footer_inner section span {  display: none;  }  #footer_inner section {  margin-bottom: 30px; } }