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; background-repeat:no-repeat; } 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; background-repeat:no-repeat; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; }  .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .allowwrap { overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .clickable { cursor: pointer; }  body { background: #f0f0f0; color: #222; font-family: "Open Sans", sans-serif;  font-weight: 400; font-size: 18px; line-height: 1.6; } html, body{  min-height: 100%;  height: 100%; } @media (max-width: 640px) { body {  font-size: 15px;  line-height: 1.4; } }  .wrapper--bg_white, .container--bg_white, .content--bg_white { background-color: #fff; } .wrapper--bg_light_grey, .container--bg_light_grey, .content--bg_light_grey { background-color: #efefef; } .wrapper--bg_white_50, .container--bg_white_50, .content--bg_white_50 { background-color: rgba(255,255,255,0.5); } .wrapper--bg_white_75, .container--bg_white_75, .content--bg_white_75 { background-color: rgba(255,255,255,0.75); } .wrapper--bg_black_50, .container--bg_black_50, .content--bg_black_50 { background-color: rgba(0,0,0,0.5); }  .wrapper { margin-bottom: 30px; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .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: 2px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_medium { margin-bottom: 60px; } .wrapper--mb_large { margin-bottom: 90px; } .wrapper--mb_xlarge { 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_medium, .wrapper--bg.wrapper--padding_vert_medium { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 90px !important; padding-bottom: 90px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge{ padding-top: 120px !important; padding-bottom: 120px !important; }  .wrapper--padding_top_medium, .wrapper--bg.wrapper--padding_top_medium { padding-top: 60px !important; }  .wrapper--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container > h1, .wrapper--full.wrapper--limit_width_half  .container > h2 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container > h1, .wrapper--limit_width_third .container > h2  {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container > h1, .wrapper--full.wrapper--limit_width_two_thirds  .container > h2  {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container > h1, .wrapper--full.wrapper--limit_width_three_quarters .container > h2 {  max-width: 1035px; } .wrapper--full.wrapper--limit_width_five_sixths .content, .wrapper--full.wrapper--limit_width_five_sixths .container > h1, .wrapper--full.wrapper--limit_width_five_sixths .container > h2 {  max-width: 1170px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container > h1, .wrapper--full.wrapper--limit_align_center  .container > h2 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container > h1, .wrapper--full.wrapper--limit_align_right  .container > h2 {  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--limit_width_five_sixths .container {  max-width: 1170px; }  .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, .wrapper--full.wrapper--limit_width_five_sixths .container {  max-width: 1410px; } .container { width: 95%; max-width: 1410px; margin: 0 auto; position: relative; z-index: 2; }   .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; background-repeat: no-repeat; } .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--gutter_none .section { margin-left: 0; } .container--gutter_none .section > .column { padding-left: 0; } .container--gutter_medium .section { margin-left: -45px; } .container--gutter_medium .section > .column { padding-left: 45px; } .container--gutter_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; } .container--gutter_hairline .section { margin-left: -2px; } .container--gutter_hairline .section > .column { padding-left: 2px; }  .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--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; }  .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_60_40 > .section > .column.col2 {  width: 40% !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;  }  .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, .content > div > section > h2:last-child, .content > div > section > h3:last-child, .content > div > section:last-child > p:last-child, .content > div > section > hr:last-child, .content > div > section > ul:last-child, .content > div > section > ol:last-child, .content > div > section > table:last-child, .content > div > section > .video:last-child { margin-bottom: 0 !important; } .content > div > section.panel > p:last-child { margin-bottom: inherit !important; }  .content > div { position: relative; z-index: 6; } .content--align_vertical_center { display: flex; align-items: center; } .content--align_left, .content.content--align_left p { text-align: left; } .content--align_center, .content.content--align_center p { text-align: center; } .content--align_right, .content.content--align_right p { text-align: right; } .content--align_right ul {  direction: rtl; }  .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_medium { padding-top: 60px !important; padding-bottom: 60px !important; } .content--padding_vert_large { padding-top: 90px !important; padding-bottom: 90px !important; } .content--padding_vert_xlarge { padding-top: 120px !important; padding-bottom: 120px !important; }  .content--padding_vert_medium_below { padding-bottom: 60px !important; } .content--padding_vert_large_below { padding-bottom: 90px !important; } .content--padding_vert_xlarge_below { padding-bottom: 120px !important; }  .content--padding_vert_medium_above { padding-top: 60px !important; } .content--padding_vert_large_above { padding-top: 90px !important; } .content--padding_vert_xlarge_above { padding-top: 120px !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_medium { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_large { padding-left: 60px !important; padding-right: 60px !important; } .content--padding_horiz_xlarge { padding-left: 120px !important; padding-right: 120px !important; }  .content--padding_horiz_medium_right { padding-right: 45px !important; } .content--padding_horiz_large_right { padding-right: 60px !important; } .content--padding_horiz_xlarge_right { padding-right: 120px !important; }  .content--padding_horiz_medium_left { padding-left: 45px !important; } .content--padding_horiz_large_left { padding-left: 60px !important; } .content--padding_horiz_xlarge_left { padding-left: 120px !important; }  .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; } .wrapper--limit_width_five_sixths .container--full .content--padding_horiz_xlarge { padding-left: 20% !important; padding-right: 20% !important; } .wrapper--limit_width_three_quarters .container--full .content--padding_horiz_xlarge { padding-left: 15% !important; padding-right: 15% !important; } .wrapper--limit_width_two_thirds .container--full .content--padding_horiz_xlarge { padding-left: 15% !important; padding-right: 15% !important; } .wrapper--limit_width_half .container--full .content--padding_horiz_xlarge { padding-left: 10% !important; padding-right: 10% !important; } .wrapper--limit_width_third .container--full .content--padding_horiz_xlarge { padding-left: 7% !important; padding-right: 7% !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--fontcol_black > * { color: #222 !important; } .content--fontcol_white > * { color: #fff !important; }   @media (max-width: 740px) {   .container--two_col_60_40 > .section, .container--two_col_40_60 > .section {  display: block; }  .container--two_col_60_40 > .section > .column, .container--two_col_40_60 > .section > .column, .container--two_col_60_40 > .section > .column.col2, .container--two_col_40_60 > .section > .column.col2, .container--two_col_60_40 > .section > .column:first-of-type, .container--two_col_40_60 > .section > .column:first-of-type {  width: auto !important; }   .wrapper--mb_medium {  margin-bottom: 30px; } .wrapper--mb_large {  margin-bottom: 45px; } .wrapper--mb_xlarge {  margin-bottom: 60px; }  .content--padding_horiz_xlarge , .container--full .content--padding_horiz_xlarge {  padding-left: 10% !important;  padding-right: 10% !important; }  .content--padding_vert_xlarge {  padding-top: 5% !important;  padding-bottom: 5% !important; } .content--padding_vert_medium {  padding-top: 30px !important;  padding-bottom: 30px !important; } .content--padding_vert_large_above {  padding-top: 30px !important; }  } header {   position: absolute;   width: 100%;   z-index: 199; } header.fixed_header {  position: fixed; background: #5fb2a9; background-color: rgba(95,178,169,0.75); backdrop-filter: blur(15px); top: -60px; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; background-image: url(../_img/hero/1.webp);  background-size: cover; opacity: 0.6; } header.fixed_header.offscreen { top: -60px; opacity: 0.6; } header.fixed_header.onscreen { top: 0;  opacity: 1; } header, header h1 a, header .container { height: 140px; } header.fixed_header, header.fixed_header h1 a, header.fixed_header .container { height: 60px; } header .container { display: flex; justify-content: space-between; align-content: center;  } header h1 a { display: block; text-indent: -3200px; width: 290px; background-image: url(../_img/events_plus.png); background-position: 0 bottom; } header.fixed_header h1 a { background-size: auto 45px; background-position: 0 center; } header.fixed_header .container {  align-items: center; } header.fixed_header #globalnav ul { margin-top: 0; } header.fixed_header #globalnav ul li { padding-top: 0; }  #open_nav, #close_nav, #mnav { display: none; } #globalnav ul { display: flex; justify-content: space-between; margin-top: 20px; } #globalnav ul li { padding-left: 40px; padding-top: 15px; } #globalnav ul li:first-of-type { padding-left: 0; } #globalnav ul li a { color: #fff; text-decoration: none; position: relative; font-weight: 600; font-size: 19px;  } #globalnav ul li a span { border-bottom: 2px solid #fff; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%) scaleX(1%); width: 100%; opacity: 0; transition: bottom 0.6s ease-out,   opacity 2s ease-out,   transform 0.2s ease-out; } #globalnav ul li a:hover span { bottom: -4px; transform: translateX(-50%) scaleX(100%); opacity: 100%; }  @media (max-width: 1080px) { header,  header h1 a,  header .container {  height: 100px; }  header h1 a {  width: 200px;  background-size: 180px auto;  background-position: 0 center;  } } @media (max-width: 940px) { header {  background: #5fb2a9;  position: fixed;  top: 0;  transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;  opacity: 1;  background-image: url(../_img/hero/1.webp);  background-size: cover;   } header.offscreen {  top: 0;  opacity: 1;  } header.onscreen {  top: 0;  opacity: 1; }  header, header h1 a, header .container {  height: 60px; } #globalnav {  display: none;  }  header h1 a {  background-size: auto 50px; }   #open_nav {  position: absolute;  right: 0;  top: 15px;  display: block;  width: 42px;  height: 42px;  background-image:url(../_img/mob_burger_lines_white.png);  background-repeat: no-repeat;  background-size: 32px 28px;  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: 200;  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; }  #mnav ul li a {  color: #fff;  display: inline;  width: 100%;  text-align: center;  height: auto;  font-size: 40px;  line-height: 66px;  text-decoration: none; } } @media (max-width: 740px) { #mnav ul li a {   font-size: 6vw;  line-height: 2; } }.content h3 { font-family: "Roboto Condensed"; font-size: 2.2em; line-height: 1.2; padding-top: 50px; margin-bottom: 30px; } p.mobile_only { display: none; } .content p, .content ul, .content ol, .content hr, .content table, section.panel { margin-bottom: 24px; } .content .mb0 { margin-bottom: 0px; } .content .mb5 { margin-bottom: 5px; } .content .mb6 { margin-bottom: 6px; } .content .mb10 { margin-bottom: 6px; } .content .mb12 { margin-bottom: 12px; } .content .mb15 { margin-bottom: 12px; } .content .mb18 { margin-bottom: 18px; } .content .mb20 { margin-bottom: 20px !important; } .content > div .mb20 { margin-bottom: 20px !important; } .content .mb24 { margin-bottom: 24px; } .content .mb30 { margin-bottom: 30px !important; } .content > div .mb30 { margin-bottom: 30px !important; } .content .mb36 { margin-bottom: 36px; } .content .mb40 { margin-bottom: 40px; }  .content .pb20 { padding-bottom: 20px; } .content .pb30 { padding-bottom: 30px; } .content .pl20 { padding-left: 20px; }  .content a { text-decoration: none; color: #000; }  .content p.image_full img { display: block; width: 100%; height: auto; } .content p.image_full.stretch_none img { display: inline-block; width: auto; height: auto; } .content p.image_right { float: right; margin: 0; padding: 0 0 20px 20px; } .content p.image_left { float: left; margin: 0; padding: 0 20px 20px 0px; } .content p.image_left.newline { clear: both; } .content p.image_right img, .content p.image_left img, .content p.image_full img { display: block; }  .content p {  } .content .fontsize_small { font-size: 0.9em; } .content .fontsize_medium { font-size: 1.1em; } .content .fontsize_large { font-size: 1.2em; } .content .fontsize_xlarge { font-size: 1.4em; font-weight: 300; }  @media (max-width: 740px) { p.mobile_only {  display: block;  } } #hero { width: 100%; height: 100vh; background: #5cb7b2; } #hero > div { width: 100%; height: 100vh; background-size: cover; background-position: center center; } @media (max-aspect-ratio: 100/60) { #hero,  #hero > div {  height: calc(100vw * 0.53);  } } #hs_1 { background-image: url(../_img/hero/1.webp); } #hs_2 { background-image: url(../_img/hero/2.webp); } #hs_3 { background-image: url(../_img/hero/3.webp); } #hs_4 { background-image: url(../_img/hero/4.webp); } #hs_5 { background-image: url(../_img/hero/5.webp); } #hs_6 { background-image: url(../_img/hero/6.webp); }  .wrapper--callout { background-color: #575756; } .wrapper--callout .content { color: #fff; } .wrapper--callout .col2 .content p { margin-bottom: 18px; } .wrapper--callout h2.inspiration { background-image: url(../_img/inspiration_bulb.png); background-repeat: no-repeat; background-position: 0 center;  padding: 10px 0 10px 130px; font-size: 1.95em; } .wrapper--callout .col3 .content p { margin-bottom: 15px; } .wrapper--callout .col3 .content p a { font-size: 1.7em; font-weight: 700; color: #5fb2a9; text-decoration: none; }  #overvew .content p { font-weight: 400; font-size: 1.6em; } #about .content h3, #events .content h3, #testimonials .content h3 { color: #5fb2a9; } #services .content h3, #approach .content h3 { color: #8e85b9; }  .wrapper--heading_left .col1 .content > div { padding-left: 120px; } .wrapper--heading_left .content h2.vert_heading, .wrapper--heading_left h2.vert_heading { background: #5fb2a9; width: 75px; position: absolute; left: 0; top: 0; height: 100%; z-index: 10; } .wrapper--heading_left .content h2.vert_heading span, .wrapper--heading_left h2.vert_heading span { color: #fff; position: absolute; font-size: 50px; line-height: 1; padding-right:30px;  right: 63px; top: 0; transform-origin: top right; transform: rotate(-90deg); white-space: nowrap; }  .wrapper--heading_right .col2 .content.content--bg { padding-right: 0; } .wrapper--heading_right .col2 .content > div { padding-right: 120px; } .wrapper--heading_right .content h2.vert_heading, .wrapper--heading_right h2.vert_heading { background: #8e85b9; width: 75px; position: absolute; right: 0; top: 0; height: 100%; z-index: 10; } .wrapper--heading_right .content h2.vert_heading span, .wrapper--heading_right h2.vert_heading span { color: #fff; position: absolute; font-size: 50px; line-height: 1; padding-right:30px;  right: 63px; top: 0; transform-origin: top right; transform: rotate(-90deg);  white-space: nowrap; } .wrapper--heading_left .content--text > div, .wrapper--heading_right .content--text > div { padding-bottom: 60px; } #events.wrapper--heading_left .content--text { padding-right: 60px } .wrapper--heading_right .content--text { padding-left: 60px; }  #about .container { background-image: url(../_img/green_BG.webp); background-position: right 0; background-size: cover; } #about .col2 .bg_image { max-height: 570px; top: auto; bottom: 0; background-image: url(../_img/judie.webp); background-repeat: no-repeat; background-position: center bottom; background-size: contain; } #services .col2 .bg_image { background-image: url(../_img/purple_BG.webp); } #services .col1 .bg_image { background-image: url(../_img/event_management_formal_dinner.webp); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #events .container { background-image: url(../_img/green_BG.webp); background-position: right 0; background-size: cover; } #events .container .section { flex-wrap: wrap; } #events .container .col2 .content > div { padding-top: 90px; } #events .col3 .content { padding-left: 120px;  padding-right: 45px; padding-bottom: 45px; } #events .gallery { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 30px; row-gap: 30px; }  #approach .container { background-image: url(../_img/purple_BG.webp); background-size: cover; } #approach .col1 .content { padding-top: 120px; padding-left: 60px; }  #testimonials .container { background-image: url(../_img/green_BG.webp); background-position: right 0; background-size: cover; } #testimonials .section { align-items: center; } .testimonials_holder{ margin-top: 2em; } #testimonials  .quote { width: 100%;  background: #fff; } #testimonials .content blockquote p { line-height: 1.7;  font-size: 1.1em;  } #testimonials .content blockquote cite { font-style: normal; font-weight: bold; display: inline-block; font-size: 0.9em;  } .content blockquote span::before { content: "“"; } .content blockquote span::after { content: "”"; } .content .cycle-pager span { display: inline-block; width: 50px; height: 10px; text-indent:-3400px; background-color: #5fb2a9; margin-right: 5px; cursor: pointer; } .content .cycle-pager span.cycle-pager-active { background-color: #8e85b9; }  footer { background-color: #5fb2a9;  } footer .container { background-image: url(../_img/events_plus.png); background-repeat: no-repeat; background-position: right center; background-size: 200px auto; padding: 90px 0 50px 0; } #footer_nav { margin-bottom: 60px; } #footer_nav ul { list-style: none; } #footer_nav ul li { display: inline-block; } #footer_nav ul li a { color: #fff; font-weight: 600; padding: 10px 20px; } #footer_nav ul li:first-of-type a { padding-left: 0; } footer #credit a { color: #fff; font-size: 0.85em; } @media (max-width: 1380px) { .wrapper--heading_left .container, .wrapper--heading_right .container {  width: 100%;  } } @media (max-width: 940px) {  .wrapper--callout .section {  display: block; } .wrapper--callout .content {  text-align: center;  display: block; }  .wrapper--callout h2.inspiration {  background-image: none;  padding: 0;  font-size: 1.7em;  padding-bottom: 20px; } .wrapper--callout .col2 .content {  padding-bottom: 20px; } .wrapper--callout .col2 .content p {  font-size: 1em; } .wrapper--callout .col3 .content p {  margin-bottom: 0px;  } .wrapper--callout .col3 .content p a {  font-size: 1.2em;  } } @media (max-width: 740px) { .wrapper--heading_left .container .section, .wrapper--heading_right .container .section {  display: block;  } #judie_photo {   max-width: 300px; } #judie_photo img {  max-width: 300px;  }   .wrapper--heading_left .col1 .content > div {  padding-left: 70px;  padding-right: 20px; } .wrapper--heading_left .content h2.vert_heading, .wrapper--heading_left h2.vert_heading {  width: 45px; } .wrapper--heading_left .content h2.vert_heading span, .wrapper--heading_left h2.vert_heading span {  font-size: 32px;  padding-right:20px;  right: 40px; } .wrapper--heading_right .col2 .content.content--bg {  padding-right: 0;  } .wrapper--heading_right .col2 .content > div {  padding-right: 70px; } .wrapper--heading_right .content h2.vert_heading, .wrapper--heading_right h2.vert_heading {  width: 45px; } .wrapper--heading_right .content h2.vert_heading span, .wrapper--heading_right h2.vert_heading span {  font-size: 32px;  padding-right:20px;  right: 40px; }  .wrapper--heading_left .content--text > div, .wrapper--heading_right .content--text > div {  padding-bottom: 60px; } #events.wrapper--heading_left .content--text {  padding-right: 20px } .wrapper--heading_right .content--text {  padding-left: 20px; } #events .col1 .content > div {  padding-bottom: 30px; } #events .col2 .content > div {  padding-left: 90px;  padding-right: 20px; } #events .container .col2 .content > div {  padding-top: 0;  padding-bottom: 45px; } #events .col3 .content {  padding-left: 70px;  padding-right: 45px;  padding-bottom: 45px; }  #events .gallery {  display: grid;  grid-template-columns: 1fr 1fr;  column-gap: 20px;  row-gap: 20px; }  #approach .col1 {  display: none;  } #testimonials {  margin-bottom: 0;  } #testimonials .col2 .content > div {  padding-bottom: 45px;  }  #testimonials  .quote {  width: 100%;  background: #fff;  padding: 10px;  margin-bottom: 20px;  border-radius: 6px; } #testimonials  .quote p {  margin-bottom: 0;  }  footer #footer_nav {  display: none;  } } @media (max-width: 600px) { #fixy_height_nav {  height: 20px;  } footer .container {  background-position: center 30px;  background-size: 200px auto;  padding: 150px 0 10px 0; } footer p#credit {  text-align: center; } }