/*
Theme Name: Web Solutions
Theme URI: https://www.websolutions.com/
Author: Web Solutions
Author URI: https://www.websolutions.com/
Description: WordPress wpCode
Version: 2.0
Text Domain: wpcodev2

Web Solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

.m-only { display: none; }
/* TYPOGRAPHY ------------------------------*/
h1 {color: #FFF;font-size: 3.5625rem;line-height: 1.15;}
#content h1 { color: #3E576C }
h2, .content * h1 { color: #3E576C;font-size: 2.75rem; }
h3, .content * h2 { color: #3E576C;font-size: 1.6875rem; }
h4, th { font-size:1.375rem; }
h5 { font-size:1.25rem; }
h6 { font-size:1.125rem; }

/* HEADER ------------------------------*/
body>div>header{background: transparent;position: relative;overflow: visible;padding: 2.75rem 1.25rem 0;z-index: 2;}
body>div>header>.wrap{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;overflow: visible;}
#brand {display:block;padding: 1rem 0 .5rem;max-width: 12em;}
#brand img {width:100%; display: block; height: auto;}

nav ul{ margin: 0; }
#mainnav{ overflow: visible; }
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;position: relative;top: .25rem;}
#mainnav li{display:inline-block;position:relative}
#mainnav li.menu-item-has-children::after {content: '';display: block;position: absolute;left: 0;width: 100%;height: 2.5rem;z-index: 1;}
#mainnav a{font-size: 1.125rem;line-height: 2.5;padding: 0 .75rem;display:inline-block;color: #F0F4F5;text-decoration:none;}

#mainnav > div > ul > li:last-child a { margin-left: 1rem; padding-left: 2.5rem; position: relative; }
#mainnav > div > ul> li:last-child a::before {
  background: url('images/icons/lock-solid.svg') no-repeat .875rem center;
  background-size: .9375rem 1.25rem;
  content: '';
  height: 1.25rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.875rem;
}

#mainnav > div > ul > li:last-child a::after {
  background: url('images/icons/lock-solid-lt-teal.svg') no-repeat .875rem center;
  background-size: .9375rem 1.25rem;
  content: '';
  height: 1.25rem;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.875rem;
}

#mainnav > div > ul > li:last-child a:hover::after { opacity: 1; }
#mainnav > div > ul > li:last-child a:hover::before { opacity: 0; }

#mainnav li>div {
  height: .3125rem;
  left: -webkit-calc(50% - .0625rem);
  left: calc(50% - .0625rem);
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#mainnav li:last-child>div {
  left: -webkit-calc(50% + 1rem);
  left: calc(50% + 1rem);
}

#mainnav li>div>span:first-child {
  background: #95D1DF;
  border-radius: 50%;
  display: block;
  height: .3125rem;
  width: .3125rem;
}

#mainnav li>div>span:first-child,
#mainnav li>div>span:last-child {
  position: absolute;
  left: 50%;
}

#mainnav li>div>span:first-child::after,
#mainnav li>div>span:first-child::before,
#mainnav li>div>span:last-child::after,
#mainnav li>div>span:last-child::before {
  background: #95D1DF;
  border-radius: 50%;
  content: '';
  display: block;
  height: .3125rem;
  left: 0;
  position: absolute;
  top: 0;
  width: .3125rem;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

#mainnav>div>ul>li.current-menu-ancestor>div>span:first-child::after, #mainnav>div>ul>li.current-menu-item>div>span:first-child::after, #mainnav li:hover>div>span:first-child::after { left: -.75rem; }
#mainnav>div>ul>li.current-menu-ancestor>div>span:first-child::before, #mainnav>div>ul>li.current-menu-item>div>span:first-child::before, #mainnav li:hover>div>span:first-child::before { left: .75rem; }
#mainnav>div>ul>li.current-menu-ancestor>div>span:last-child::after, #mainnav>div>ul>li.current-menu-item>div>span:last-child::after, #mainnav li:hover>div>span:last-child::after { left: -1.5rem; }
#mainnav>div>ul>li.current-menu-ancestor>div>span:last-child::before, #mainnav>div>ul>li.current-menu-item>div>span:last-child::before, #mainnav li:hover>div>span:last-child::before { left: 1.5rem; }

#mainnav>div>ul>li.current-menu-ancestor>div,
#mainnav>div>ul>li.current-menu-item>div,
#mainnav li:hover>div {
  opacity: 1;
  top: 100%;
}

#mainnav>div>ul>li:hover>a, #mainnav>div>ul>li:active>a{color: #95D1Df;}
#mainnav>div>ul>li.current-menu-item>a,
#mainnav>div>ul>li.current-menu-ancestor>a {color: #95D1DF;}
/*dhtml*/
#mainnav li ul{
  background: #3E576C;
  height:auto;
  left: 50%;
  opacity: 0;
  padding: .75rem 0;
  position:absolute;
  top: 4.5rem;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .5s, opacity .75s;
  -o-transition: all .5s, opacity .75s;
  transition: all .5s, opacity .75s;
  width: 23rem;
  z-index: 1;
}

#mainnav li ul { position: absolute }
#mainnav li ul::before {
  border-style: solid;
  border-width: 0 1.4375rem .9375rem 1.4375rem;
  border-color: transparent transparent #3E576C transparent;
  content: '';
  height: 15px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  top: 0;
  width: 22.5px;
  z-index: 111;
}

#mainnav li:hover ul {box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05), 0 4px 4px rgba(0,0,0,0.05), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);top: 5rem;opacity: 1;z-index: 3;visibility: visible;}
#mainnav>div>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color: #F0F4F5;}
#mainnav li ul li a{font-size: 1.125rem;line-height: 1;padding: 1.125rem 2rem;display:block;width:100%;text-align:left;float:left;}
#mainnav li ul li a:hover, .t1 li ul li a:active, #mainnav li ul li.current-menu-item a{color: #95D1DF;}
#mainnav li ul ul {display: none}
/* ancillary */
#ancillary {position:absolute;right:0;top:0;padding: 1rem 0; color:#ccc;font-size:.7em;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .5em .8em; text-decoration:none;color:#999;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary form{display: inline;}
#ancillary form input{display: inline-block}
/* mobile */
#mobilenav, .toggleNav{display: none}

/* MAIN ------------------------------ */
main {padding: 0;position: relative;z-index: 1;}

main.add-curve::before { display: none;}
main > .wrap {padding-top: 3em}
main>div>aside{width:12rem;padding-right: 2em; overflow:hidden;float: left;}
body.fullWidth  #content {width: 100%;margin: 0 auto;float: none}

#content{ width: 100%; padding: 9.625rem 0 4.5rem; overflow:hidden; min-height:600px; position:relative; }
#content.fullWidth {float:none;margin: 0 auto}
.wsManagementLogin td:first-child {width:40%; text-align: right}

.twoCol, .threeCol, .resCol{
  -webkit-column-rule:1px outset rgba(0,0,0,.15);
  -moz-column-rule:1px outset rgba(0,0,0,.15);
  column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol { -webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol { -webkit-columns:3;-moz-columns:3;columns:3;}
.resCol { -webkit-columns: auto;-moz-columns: auto;columns: auto; -webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em; }

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

#biographies .biographies {display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;-webkit-box-align: stretch;align-items: stretch;}
#biographies .biographies a {width: 20%; margin: 1.5% 1.5% 1em;-webkit-order: 0;-ms-flex-order: 0;-webkit-box-ordinal-group: 1;order: 0;-webkit-flex: 0 1 20%;-ms-flex: 0 1 20%;-webkit-box-flex: 0;flex: 0 1 20%;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}

/* FOOTER ------------------------------ */
body>div>footer .fatFooter {display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;-webkit-box-align: stretch;align-items: stretch;overflow: hidden;}
body>div>footer .wrap #web-solutions {float:right;margin-left:11px}
body>div>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}

body>div>footer .fatFooter>.column:nth-child(1) { width: 14.625rem; }
body>div>footer .fatFooter>.column:nth-child(2) { width: 13.5625rem; }
body>div>footer .fatFooter>.column:nth-child(3) {position: relative;top: -.3125rem;width: 16.625rem;}
body>div>footer .fatFooter>.column:nth-child(4) {position: relative;top: .125rem;width: 16.625rem;}

body>div>footer .fatFooter>.column:nth-child(2) li:first-child {margin: 0 0 2.0625rem;}
body>div>footer .fatFooter>.column:nth-child(3) li {margin: 0 0 .75rem;}

body>div>footer .social {border-radius: 50%;overflow: hidden;padding: 1px;right: 0;position: absolute;top: -.3125rem;}
body>div>footer .social a:hover path { fill: #606C78; }
body>div>footer .social a::before {
  background: #95D1DF;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 0;
}

body>div>footer .social a:hover::before {
  width: 100%;
}

body>div>footer a::after {
  background: #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 0
}

body>div>footer a:hover::after { width: 100%; }
body>div>footer .social a:hover path { fill: #606C78; }

/* ARROW HOVERS------------------------------ */
.arrow:hover span::before,
#articles #results a:hover ~ .arrow span::before { width: 100%; }

.arrow.teal:hover span::after,
#articles #results a:hover ~ .arrow.teal span::after { background-image: url('images/icons/arrow-teal-hover.svg'); }

.arrow.teal:hover span::before,
#articles #results a:hover ~ .arrow.teal span::before { -webkit-box-shadow: 0 0 0 1px #95D1DF; box-shadow: 0 0 0 1px #95D1DF; }

.arrow.dk-teal:hover span::after,
#articles #results a:hover ~ .arrow.dk-teal span::after { background-image: url('images/icons/arrow-dk-teal-hover.svg'); }

.arrow.dk-teal:hover span::before,
#articles #results a:hover ~ .arrow.dk-teal span::before { -webkit-box-shadow: 0 0 0 1px #57929F; box-shadow: 0 0 0 1px #57929F; }

.arrow.white:hover span::after,
#articles #results a:hover ~ .arrow.white span::after { background-image: url('images/icons/arrow-white-hover.svg'); }

.arrow.white:hover span::before,
#articles #results a:hover ~ .arrow.white span::before { -webkit-box-shadow: 0 0 0 1px #FFF; box-shadow: 0 0 0 1px #FFF; }

.popup .arrow.white span { transition-delay: 0s }
.popup .arrow.white:hover span  { background: #FFF; transition-delay: .2s}

/* CIRCLES ------------------------------ */
.circles .circle:hover { background: #57929F; -webkit-box-shadow: 0 0 0 1.875rem #57929F; box-shadow: 0 0 0 1.875rem #57929F; }
.circles .circle:hover span.heading, .circles .circle:hover p { color: #FFF; }
.circles .circle:hover a svg circle { stroke: #FFF; }
.circles .circle:hover a svg path { fill: #FFF; stroke: #FFF; }

.circles .circle  svg.circle-ring path { opacity: 0; }
.circles .circle:hover svg.circle-ring path { opacity: .13; }

/* BIOS ------------------------------ */
#bios li.bio:hover { -webkit-transform: scale(1.18,1.18); -ms-transform: scale(1.18,1.18); transform: scale(1.18,1.18); }
#bios a:hover .text {opacity: .9;}
#bios a:hover svg path { opacity: .2 }

/* Click/hover filter buttons ------------ */
#bios .toggle-row button:hover span.fill { width: 100%; }
#bios .toggle-row button:hover { color: #FFF;  }
#bios .toggle-row button:hover::before,
#bios .toggle-row button:hover::after { background: #FFF; transition-delay: .22s; }

/* MEDIA QUERIES ------------------------------ */

@media (max-width: 1400px) {
  #winslow-intro .textbox { padding-left: 5.5vw; }
}

@media (max-width: 1350px) {
  #perspective .wrapper { padding: 0 1.5rem; }
  #perspective .perspective {left: 50%;top: 0;-webkit-transform: translate(-50%,-webkit-calc(-50% + 2rem));-ms-transform: translate(-50%,calc(-50% + 2rem));transform: translate(-50%,calc(-50% + 2rem));}
  #perspective .animated .perspective {-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
  #perspective .inner { padding: 8.25rem 5rem 5rem; }

  #circles {background: #F0F4F5;padding: 5rem 3.5rem 14rem;}

  .modal-next, .modal-prev {top: -webkit-calc(100% - 2.625rem);top: calc(100% - 2.625rem);}
  .modal-next path, .modal-prev path { fill: #57929F;}
  .modal-next { right: -webkit-calc(50% - 4rem); right: calc(50% - 4rem); }
  .modal-prev { left: -webkit-calc(50% - 4rem); left: calc(50% - 4rem); }
}

@media (max-width: 1250px) {
  .circles .circle {max-width: 17.5rem;}
  .circles .circle p {font-size: 1.1875rem;}
  .circles .circle svg.circle-ring {height: 25rem;width: 25rem;}
}

@media (max-width: 1200px) {
  h1 { font-size: 2.625rem; }
  h2, .content * h1{ font-size: 2.125rem; }
  h3, .content * h2{ font-size: 1.375rem; }
  p.intro { font-size: 1.375rem; }

  #hero .hero-wrap { padding: 7rem 1.5rem 19rem; }
  #hero .textbox {width: 26rem;}
  #hero .imagebox { bottom: -20.75rem; height: 32rem; right: -6.75vw; width: 32rem; }
  #hero .svg { height: 48rem;width: 48rem; }

  #split-intro .textbox {padding: 20rem 3.5rem 7.5rem 1.5rem;}

  #growing-forward .column { left: -5rem; width: 38rem; height: 38rem; }
  #growing-forward .column>img { width: 14rem }
  #growing-forward .quote {width: 30rem;}
  #growing-forward svg#quotes { height: auto; top: 0rem; width: 6rem; }
  #growing-forward blockquote {width: 22rem;}
  #growing-forward blockquote p { font-size: 2rem;}
  #growing-forward .textbox { max-width: 50%; width: 25rem; }

  #perspective h2 {width: 42rem;}
  #circles:not(.sustainability) .circle { height: 15rem; width: 15rem; }
  #circles:not(.sustainability) .circle svg { height: 19.5rem; width: 19.5rem; }

  #bios h3 { font-size: 1.25rem; }
  #map .address {left: 3rem;height: 22rem;width: 22rem;}
}

@media (max-width: 1100px) {
  body>div>header {padding: 1.75rem 1.25rem 0;}
  body>div>footer .fatFooter { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }
  body>div>footer .fatFooter>.column:nth-child(1n+1) { margin: 0 0 1.5rem; width: 48%; }

  #brand img { width: 9rem; }
  #mainnav a {font-size: 1rem;padding: 0 .5rem;}
  #mainnav > div > ul > li:last-child a {margin-left: 0;}

  #intro .intro-wrap {padding: 9rem 1.5rem 7rem;}

  #bios .more-filters { display: block; }
  #bios .more-filters ul { margin: 0; }
  #bios .more-filters p { margin: 0 0 .875rem .625rem; top: 0;}
  #bios .toggle-row button br { display: block; }
  #bios .toggle-row button {padding: .625rem 1rem;width: -webkit-calc(33.33% - 1rem);width: calc(33.33% - 1rem);}
  #bios .ajax-results .flex-row { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; }
  #bios .flex-row li { margin-left: 0rem; margin-right: 5rem; height: calc(12rem + 11.5vw); width: calc(12rem + 11.5vw); }
  #bios .flex-row li:nth-child(3n+3) { margin-right: 5rem; ; }
  #bios .flex-row li:nth-child(2n+2) { margin-right: 0; }
  #bios .flex-row li:last-child { margin-right: 0;}

}

/* ESG ANALYSIS ------------------------------ */
/*#esg-analysis {padding: 2.5rem 1.5rem 1rem;}*/
/*#esg-analysis {padding: 0;}*/
/*#esg-diagram svg.desktop-svg {height: auto;display: block; margin-top: 1rem;max-width: 100%;}*/
/*
#esg-diagram svg.desktop-svg {height: auto  51.1875rem; display: block; margin-top: 1rem; align-content:center; max-width: 100%;width: 100%;}
#esg-diagram svg.mobile-svg { display: none; }
*/
@media (max-width: 1023px) {
  #mainnav {margin: 0;}
  #hero .hero-wrap { padding: 6rem 1.5rem 15rem; }
  #hero .imagebox { bottom: -16.5rem; height: 27rem; width: 27rem; }
  #hero .svg {height: 40rem; width: 40rem; }
  #growing-forward { padding: 5rem 1.5625rem; }
  #growing-forward .textbox { margin: 0 0 5rem; max-width: 100%; width: 100%;}
  #growing-forward .textbox p:not(.intro) { margin-bottom: 1.5rem; }
  #growing-forward .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  #growing-forward .column { left: auto; margin: 0 auto; position: relative; top: auto;}

  #winslow-intro .circles { margin-top: 5rem;}
  .circles:not(#bios) .flex-row {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
  .circles:not(#bios) .circle { margin: 0 0 6rem; max-width: 20.625rem;}
  .circles:not(#bios) .circle p { font-size: 1.4375rem; }
  .circles:not(#bios) .circle svg.circle-ring { height: 29rem; width: 29rem; }

  #perspective ul.flex-row>li { width: 50%; }

  #circles:not(.sustainability) .circle { height: 13rem; width: 13rem; }
  #circles:not(.sustainability) .circle svg { height: 17rem; width: 17rem; }
  #circles:not(.sustainability) .circle  span.heading { font-size: 1.0625rem; }

  #asset-class .charts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center;}
  #asset-class .charts>div:first-child { margin: 0 0 4rem; }
  #asset-class p.source { text-align: center; }

  #proven-success {padding: 9vw 1.5625rem;}
  #proven-success .wrap { bottom: 1rem; }
  #opportunity ul.flex-row>li { padding-left: 1.25rem; }

  #articles { padding: 7rem 1.5rem 3rem; }
  #results li {padding: 1.5rem 1.5rem 3.5rem;width: -webkit-calc(33.33% - 1.5rem);width: calc(33.33% - 1.5rem);}
  #results li.photo .tag { left: 1.5rem; top: 1.5rem; }

  .filters li { margin-right: 1.625rem; }

  #history .column { height: 27rem; left: -2rem; width: 27rem; }
  #history .column svg.circle-ring {
    height: 25rem;
    left: -webkit-calc(50% - .65rem);
    left: calc(50% - .65rem);
    position: absolute;
    top: -webkit-calc(50% - 1rem);
    top: calc(50% - 1rem);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 25rem
  }
  #history .column .circle { height: 8rem; left: 16rem; width: 8rem; }
  #history .column img { height: 21.875rem; width: 21.875rem; }

  #shared-values .flex-row { align-items: center; flex-direction: column; }
  #shared-values .circle { margin-top: 5rem; }

  .modal-content { padding: 5.1875rem 3rem 5.8125rem 2.5rem; }
  .modal-content .text { max-width: 65%; }

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (max-width: 1023px) {
  #asset-class .charts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #asset-class .charts > div:first-child, #asset-class .charts > div:last-child {
    display: block;
    margin: 0 auto;
  }
}


@media (max-width: 900px) {
  body>div>header>.wrap { display: block; }
  body>div>header #mainnav { margin-top: .25rem; }

  #content { padding: 7rem 0 4.5rem; }

  #hero .hero-wrap { padding: 6rem 1.5rem 13rem; }
  #hero .imagebox { bottom: -14rem; height: 23rem; width: 23rem; }
  #hero .svg {height: 35rem; width: 35rem; }

  #circles .flex-row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  #circles .circle { height: 18rem; margin: 0 0 7rem; width: 18rem; }
  #circles .circle:last-child { margin-bottom: 0;}
  #circles .circle svg { height: 22.5rem; width: 22.5rem; }
  #circles .circle span.heading { font-size: 1.125rem; }
}


@media (max-width: 850px) {
  #intro .flex-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  #intro .heading { margin-bottom: .75rem; }
  #intro .heading, #intro .textbox { width: 100%; }

  #mainnav a {padding: 0 .4375rem;}
  #mainnav > div > ul > li:last-child a {padding-left: 2.25rem;}
}


/* == ++ == ++ == STYLE-D.CSS (WINSLOW) == ++ == ++ == */