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 { color: #222; font-family: "Open Sans", sans-serif;  font-weight: 400; font-size: 19px; line-height: 1.6; } html { background: #ffffff; background-image: url(../_img/body_BG.png); background-position: center; background-repeat: repeat-y; } html, body{  min-height: 100%;  height: 100%; } body { max-width: 1600px; margin-left: auto; margin-right: auto; } @media (max-width: 1280px) { body {  font-size: 19px;  line-height: 1.6; } } @media (max-width: 640px) { body {  font-size: 16px;  line-height: 1.4; } }  .wrapper--bg_white, .container--bg_white, .content--bg_white { background-color: #fff; } .wrapper--bg_blue, .container--bg_blue, .content--bg_blue { background-color: rgba(6,42,99,1); }   .wrapper { margin-bottom: 30px; max-width: 1600px; margin-left: auto; margin-right: auto; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 55px; padding-bottom: 60px; } .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; max-width: 1280px; } .container--medium { max-width: 1170px; }  .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 { height: 60px; background: #007fa3; } header.fixed_header { position: fixed; backdrop-filter: blur(15px); top: -60px; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; opacity: 0.6;  width: 100%;   z-index: 199; } header.fixed_header .container { background-image: url(../_img/steadberry_logo_white.png); background-size: auto 40px; background-position: right center; } #fixy_height_nav { height: 60px; display: none; } header.fixed_header.offscreen { top: -60px; opacity: 0.6; } header.fixed_header.onscreen { top: 0;  opacity: 1; } header #globalnav { display: flex;  align-items: center; } #open_nav, #close_nav, #mnav, #globalnav #gn-home { display: none; } #globalnav h3 { margin-right: 20px; } #globalnav h3 a { display: block; color: #fff; text-indent: -4500px; background-image: url(../_img/home_white.png); background-repeat: no-repeat; background-position: center; width: 30px; height: 60px; } #globalnav h3 a span { display: inline-block;  } #globalnav ul { list-style: none; margin: 0; display: block;  } #globalnav ul li { display: block; float: left; position: relative; } #globalnav ul li a {  color: #fff; text-decoration: none; }  #globalnav > ul > li { padding-top: 0;  padding-bottom: 0; height: 60px; } #globalnav > ul > li > a { display: block; padding-top: 15px; line-height: 28px; border-top: 2px solid rgba(255,255,255,0); padding-bottom: 15px; margin-left: 20px; margin-right: 20px; text-transform: uppercase; } #globalnav > ul > li:hover a { border-color: rgba(255,255,255,1); } .loaded #globalnav > ul > li.active > a { border-color: rgba(255,255,255,1); }  #globalnav ul li ul { display: none; visibility: hidden; opacity: 0; min-width: 240px; position: absolute; z-index: 120;  left: 0; background: #fff; } #globalnav ul li ul li { text-transform: none; } #globalnav ul li ul a { display: block; padding: 10px 20px; font-size: 0.9em; color: #007fa3 } #globalnav ul li ul li:hover a { color: #000; } #globalnav > ul > li:hover > ul, #globalnav > ul > li ul:hover { visibility: visible; display: block; opacity: 1; } #globalnav > ul > li:focus-within > ul { visibility: visible; display: block; opacity: 1; } #globalnav ul li ul li { clear: both; display: block; width: 100%; }  #hero { margin-bottom: 75px; } @media (max-width: 840px) { header.fixed_header .container {  background-image: none; } } @media (max-width: 740px) { header {  position: fixed;  width: 100%;  top: 0;  transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;  opacity: 1;  z-index: 220;   } #fixy_height_nav {  display: block; }  header.offscreen {  top: 0;  opacity: 1;  } header.onscreen {  top: 0;  opacity: 1; }  header #globalnav ul, header #globalnav #close_nav, #hero #logo {  display: none;  } header #globalnav h3 a {  background-image: url(../_img/steadberry_logo_white.png);  background-size: auto 40px;  background-position: 0 center;  width: 200px;  } #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; }   #mnav_container {  height: 0;  width: 0;  position: fixed;  z-index: 221;  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; } #mnav_container.mob_open {  height: 100%;  width: 100%;  left: 0;  top: 0;  opacity: 1; }   nav#mnav h3 {  display: none;  } nav#mnav {  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 {  padding-top: 15px;  padding-bottom: 14px;  font-size: 1.2em;  margin-left: 0;  margin-right: 0;  border-top: 0;  padding-left: 0;  transition: none;  color: #fff;  text-decoration: none;  display: block; }   #mnav ul li ul {  display: none;  visibility: visible;  opacity: 1;  position: relative; } #mnav ul li ul a {  padding: 10px;  font-size: 0.9em;  background: rgba(0,127,163, 0.7);  color: #fff;  border: none; } #mnav ul li ul li:hover a {  color: #fff;  text-decoration: none; } }#hero { background-color: rgba(6,42,99,1); background-position: center center; height: 490px; } #hero .hero_container { height: 100%; z-index: 0;  } #hero #logo { position: absolute; left: 0; top: 72px; } #hero h1 { position: absolute; left: 0; top: 385px; font-size: 2.9em; line-height: 1; color: #fff; font-weight: 300; }  .content p, .content ul, .content ol, .content hr, .content table, section.panel { margin-bottom: 1.5em; } .content .mb0 { margin-bottom: 0px; } .content p a { color: #006eea; } .content p a:hover { color: #ea0011; } .content p.image_full img { display: block; max-width: 100%; height: auto; } .content hr { padding: 0; height: 0; border: none; border-bottom: 1px solid #222; }  .container > h2 { font-size: 2.9em; text-align: center; font-weight: 300; lin-height: 1.2; margin-bottom: 1em; } .wrapper--bg_blue h2, .wrapper--bg_blue h3 { color: #fff; } .wrapper.standard_two_col .section { margin-left: -120px; } .wrapper.standard_two_col .section > .column { padding-left: 120px; } .wrapper.standard_two_col .col1 .content {  max-width: 570px; } .wrapper.standard_two_col .col1 .content h2 { font-weight: 400; line-height: 1.3; font-size: 1.75em; margin-bottom: 1.2em; color: #062a63; }  #stats_widget { background: #062a63; } #stats_widget figure img { max-width: 100%; height: auto; display: block; } #stats_widget figure figcaption { display: flex; align-items: center; height: 200px; background: #062a63; } #stats_widget figure figcaption div { color: #fff; font-weight: 300; width: 100%; font-size: 2em; padding: 0 1em; text-align: center; }  #about_callouts .content h2 { font-size: 2.9em;  font-weight: 300; margin-bottom: 0.5em; } #about_callouts .about_nav ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 30px; row-gap: 30px; } #about_callouts .about_nav ul li { position: relative; padding-top: 100%; height: 0; background-size: cover; background-position: center center; } #about_callouts .about_nav ul li a, #about_callouts .about_nav ul li a span { position: absolute;  top: 0; left: 0; bottom: 0; right: 0; } #about_callouts .about_nav ul li a { background-color: rgba(0,72,153,1); transition: all 0.2s ease-in-out; } #about_callouts .about_nav ul li a:hover { background-color: rgba(0,72,153,0.7); } #about_callouts .about_nav ul li a span { text-indent: -4300px; background-size: contain; background-position: center center; transition: all 0.2s ease-in-out; } #about_callouts .about_nav ul li a:hover span { transform: scale(1.1); } #about_callouts .about_nav ul li.an-clients { background-image: url(../_img/callouts/clients.jpg); } #about_callouts .about_nav ul li.an-sustain { background-image: url(../_img/callouts/sustain.jpg); } #about_callouts .about_nav ul li.an-health { background-image: url(../_img/callouts/health.jpg); } #about_callouts .about_nav ul li.an-accred { background-image: url(../_img/callouts/accred.jpg); } #about_callouts .about_nav ul li.an-clients a span { background-image: url(../_img/callouts/clients_icon.png); } #about_callouts .about_nav ul li.an-sustain a span{ background-image: url(../_img/callouts/sustain_icon.png); } #about_callouts .about_nav ul li.an-health a span{ background-image: url(../_img/callouts/health_icon.png); } #about_callouts .about_nav ul li.an-accred a span{ background-image: url(../_img/callouts/accred_icon.png); }  #online_tools_widget { background-image: url(../_img/online_tools_BG.webp); height: 670px; } #online_tools_widget .container { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 30px; height: 100%; } #online_tools_widget .container .online_tools_heading { height: 100%; position: relative; } #online_tools_widget .container h2 { position: absolute; bottom: 60px; color: #fff; font-weight: 300; font-size: 2.9em; } .online_tools_nav { height: 100%; display: flex; align-items: center; align-content: center; } .online_tools_nav ul { display: block;  width: 100%; } .online_tools_nav li { height: 100px; margin: 30px 0; white-space: nowrap; } .online_tools_nav li a { position: relative;  background-color: rgba(255,255,255,0.9); line-height: 100px; display: block; text-decoration: none; color: #062a63; padding-left: 170px; padding-right: 160px; font-size: 23px; text-transform: uppercase; box-shadow: 0 0 20px rgba(0,0,0,0.3); transition: all 0.2s ease-in-out; } .online_tools_nav li a:hover { background-color: rgba(255,255,255,1); } .online_tools_nav li a b { display: inline-block; height: 100%; width: 130px; position: absolute; left: 0; top: 0; } .online_tools_nav li a span { text-transform: none; } .online_tools_nav li.otn-storage a b { background-image: url(../_img/online_tools/storage.png); } .online_tools_nav li.otn-cdm a b { background-image: url(../_img/online_tools/cdm.png); } .online_tools_nav li.otn-cost a b { background-image: url(../_img/online_tools/costracker.png); } .online_tools_nav li.otn-ppm a b { background-image: url(../_img/online_tools/ppm.png); } .online_tools_nav li a i { display: inline-block; height: 100%; width: 50px; background-image: url(../_img/online_tools/arrow.png); background-position:-200px center; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in-out; } .online_tools_nav li a:hover i { background-position: 0 center; }  #service_synergy_graphic { margin-top: -200px }  .about .wrapper.standard_two_col .col1 .content h2 { font-size: 1.6em; } .about .content p.even_larger { font-size: 1.65em; font-weight: 300; line-height: 1.3; } .about .wrapper.standard_two_col .col1 .content p.larger { font-size: 1.4em; line-height: 1.4; } .about .wrapper.standard_two_col .col1 .content h3 { font-size: 1.5em; line-height: 1.3; color: #062a63; margin-bottom: 0.4em; padding-top: 0.5em; } .about .wrapper--bg_blue.standard_two_col .col1 .content h3 { color: #fff; } .wrapper--bg_sustainability { background-color: #cce5ed; background-image: url(../_img/sustainability_BG.webp); background-size: cover; background-position: center; padding-bottom: 100px; }  .online-tools .online_tools_nav li a { padding-left: 130px; padding-right: 40px; }  .google_map {   overflow:hidden;   padding-bottom:66%;   position:relative;   height:0; } .google_map iframe{   left:0;   top:0;   height:100%;   width:100%;   position:absolute; }  @media (max-width: 1280px) { .wrapper.standard_two_col .section {  margin-left: -60px; } .wrapper.standard_two_col .section > .column {  padding-left: 60px; }  .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal {  padding-top: 35px;  padding-bottom: 35px; } #stats_widget figure figcaption div {  font-size: 3.3vw; } .online-tools .online_tools_nav li a span {  display: none;  } } @media (max-width: 1015px) { .wrapper.tool_wrapper .section {  display: block;  margin-left: 0; } .wrapper.tool_wrapper .section > .column {  padding-left: 0;  max-width: 700px;  margin-left: auto;  margin-right: auto; } .wrapper.wrapper.tool_wrapper .col1 .content {  margin-bottom: 1.5rem;  text-align: center;  max-width: 700px; } .online-tools .online_tools_nav li a span {  display: inline-block;  }  } @media (max-width: 1000px) {  #about_callouts .about_nav ul {  column-gap: 20px;  row-gap: 20px; } #online_tools_widget {  height: auto;  } #online_tools_widget .container {  display: block; } #online_tools_widget .container .online_tools_heading {  height: auto;  position: relative; } #online_tools_widget .container h2 {  position: static;  bottom: auto;  text-align: center;  padding-top: 20px; } } @media (max-width: 640px) { .wrapper.standard_two_col .section {  display: block;  margin-left: 0; } .wrapper.standard_two_col .section > .column {  padding-left: 0; } .wrapper.standard_two_col .col1 .content {  margin-bottom: 1.5rem;  } #hero {  height: 40vh;  margin-bottom: 30px;  background-size: cover; } #hero h1 {  top: auto;  bottom: 30px;  text-shadow: -2px -2px 5px rgba(0,0,0,1); } #stats_widget figure figcaption {  height: 90px; } #stats_widget figure figcaption div {  font-size: 5vw;  padding: 0 1em; }   #about_callouts .about_nav ul {  grid-template-columns: 1fr 1fr; } .online_tools_nav li {  height: 60px;  margin: 15px 0; } .online_tools_nav li a, .online-tools .online_tools_nav li a {  line-height: 60px;  padding-left: 90px;  padding-right: 0;  font-size: 19px; } .online_tools_nav li a b {  width: 80px;  background-size: 80px auto; } .online_tools_nav li a i {  width: 25px;  background-size: 15px auto; } .wrapper--bg_sustainability {  background-image: none;  }  #service_synergy_graphic {  margin-top: 0; } } @media (max-width: 500px) { #hero {  height: 30vh; }  #about_callouts .about_nav ul {  column-gap: 10px;  row-gap: 10px; } .online-tools .online_tools_nav li a span {  display: none;  } }   .moves #hero { background-color: rgba(147,115,203,1); background-image: url(../_img/headers/moves.webp); } .moves #stats_widget, .moves #stats_widget figure figcaption { background-color: rgba(147,115,203,1); } .moves #about_callouts .about_nav ul li a { background-color: rgba(147,115,203,1); } .moves #about_callouts .about_nav ul li a:hover { background-color: rgba(147,115,203,0.7); }  .maintenance #hero { background-color: rgba(213,121,121,1); background-image: url(../_img/headers/maintenance.webp); } .maintenance #stats_widget, .maintenance #stats_widget figure figcaption { background-color: rgba(213,121,121,1); } .maintenance #about_callouts .about_nav ul li a { background-color: rgba(213,121,121,1); } .maintenance #about_callouts .about_nav ul li a:hover { background-color: rgba(213,121,121,0.7); }  .projects #hero { background-color: rgba(109,163,161,1); background-image: url(../_img/headers/projects.webp); } .projects #stats_widget, .projects #stats_widget figure figcaption { background-color: rgba(109,163,161,1); } .projects #about_callouts .about_nav ul li a { background-color: rgba(109,163,161,1); } .projects #about_callouts .about_nav ul li a:hover { background-color: rgba(109,163,161,0.7); }  .furniture #hero { background-color: rgba(217,169,113,1); background-image: url(../_img/headers/furniture.webp); } .furniture #stats_widget, .furniture #stats_widget figure figcaption { background-color: rgba(217,169,113,1); } .furniture #about_callouts .about_nav ul li a { background-color: rgba(217,169,113,1); } .furniture #about_callouts .about_nav ul li a:hover { background-color: rgba(217,169,113,0.7); }  .storage #hero { background-color: rgba(133,190,128,1); background-image: url(../_img/headers/storage.webp); } .storage #stats_widget, .storage #stats_widget figure figcaption { background-color: rgba(133,190,128,1); } .storage #about_callouts .about_nav ul li a { background-color: rgba(133,190,128,1); } .storage #about_callouts .about_nav ul li a:hover { background-color: rgba(133,190,128,0.7); }  .restoration #hero { background-color: rgba(119,128,206,1); background-image: url(../_img/headers/restoration.webp); } .restoration #stats_widget, .restoration #stats_widget figure figcaption { background-color: rgba(119,128,206,1); } .restoration #about_callouts .about_nav ul li a { background-color: rgba(119,128,206,1); } .restoration #about_callouts .about_nav ul li a:hover { background-color: rgba(119,128,206,0.7); }  .about #hero { background-image: url(../_img/headers/about.webp); }  .online-tools #hero { background-image: url(../_img/headers/online-tools.webp); }footer { background: #007fa3; padding: 65px 0; } footer .container { display: flex; justify-content: space-between; flex-direction:row-reverse; } #footer_nav ul > li > ul { display: none; } #footer_nav ul > li { display: inline-block; padding-right: 45px; } #footer_secondary p a, #footer_nav ul > li a { line-height: 40px; font-size: 0.81em; color: rgba(255,255,255,0.75); text-decoration: none;  transition: all 0.2s ease-in-out; } #footer_secondary p a:hover, #footer_nav ul > li a:hover { color: rgba(255,255,255,1); text-decoration: underline; } #footer_primary { display: flex; justify-content: flex-end; } #footer_logo img { height: 40px; width: auto; display: block; } @media (max-width: 1280px) { #footer_nav ul > li {  padding-right: 30px; }  } @media (max-width: 1040px) { footer {  padding-bottom: 20px; } footer .container {  display: block;  width: 100%;  padding-left: 20px;  padding-right: 20px; } #footer_secondary p {  margin-top: 1em;  padding-top: 0.3em;  border-top: 1px dashed rgba(255,255,255,0.4);  text-align: right;  margin-left: -20px;  margin-right: -20px; } #footer_secondary p a {  display: inline-block;  padding-right: 20px;  } } @media (max-width: 700px) { #footer_primary {  justify-content: space-between;  } #footer_nav ul > li {  display: block; } #footer_secondary p a, #footer_nav ul > li a {  line-height: 2;  font-size: 0.95em; } }