/* Reset */
html, body, header, section, div, footer, ul, ol, li, h1, h2, p {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
}

ul, ol {
  list-style: none;
}

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #454545;
  font-family: "Brandon Light", HelveticaNeue, Arial;
  font-size: 1.6rem;
  font-weight: 300;
  position: relative;
}

h2 {
  font-weight: normal;
}

/* f16573 */
a, a:link {
  color: rgba(241, 101, 115, 0.8);
  text-decoration: none;
  word-wrap: break-word;
}

a:visited {
  color: rgba(241, 101, 115, 0.6);
}

a:hover {
  color: rgba(241, 101, 115, 0.9);
  text-decoration: underline;
}

a:active {
  color: rgba(241, 101, 115, 1);
}

#logo {
  background: #b9e2e4 url(SMW_logo_256.svg) center center no-repeat;
  background-size: 72px 72px;
  border-radius: 50%;
  height: 13rem;
  left: 3rem;
  position: absolute;
  width: 13rem;
  top: 1.1rem;
  z-index: 1;
}

header {
  background: #fff;
  height: 7.6rem;
  position: relative;
}

#tab-bar {
  bottom: 0px;
  position: absolute;
  right: 0px;
  text-align: right;
}

#tab-bar li {
  display: inline-block;
  font-size: 1.5rem;
  height: 7.6rem;
  margin: 0 4.8rem;
  padding-top: 4.2rem;
  text-transform: uppercase;
}

#tab-bar li:hover {
  background: linear-gradient(0deg, #b9e2e4 0px, #b9e2e4 6px, transparent 6.1px);
}

#tab-bar li a,
#tab-bar li a:link,
#tab-bar li a:visited {
  color: #454545;
  display: block;
  height: 100%;
  text-decoration: none;
}

#banner, #contact {
  background: #73c3c8;
  min-height: 28.5rem;
  padding: 9.2rem 4.8rem;
}

#banner p, #contact p {
  color: #fff;
  font-size: 2.1rem;
  line-height: 4.8rem;
  text-align: center;
}

#banner p:last-of-type {
  margin: 0;
}

#value-proposition {
  min-height: 36.6rem;
  padding: 6.4rem 0 9.6rem;
  text-align: center;
  vertical-align: top;
}

#value-proposition li {
  display: inline-block;
  margin: 0 4rem;
  text-align: center;
  vertical-align: top;
  width: 24rem;
}

#value-proposition li:before {
  background: #ddd;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 2.2rem;
  margin: 0 0 2rem 0;
  width: 2.2rem;
}

#value-proposition li:nth-of-type(1):before {
  background: #73c3c8;
}

#value-proposition li:nth-of-type(2):before {
  background: #efd875;
}

#value-proposition li:nth-of-type(3):before {
  background: #f16573;
}

#value-proposition li h2 {
  font-size: 2rem;
  margin: 0 0 2.3rem 0;
  text-transform: uppercase;
}

#value-proposition li p {
  text-align: center;
}

#distinguished-collaborators {
  background: #73c3c8;
  color: #fff;
}

#distinguished-collaborators li {
  border-bottom-color: #fff;
}


#distinguished-collaborators .dc-paul .photo {
  background: transparent url(paul_mariz.jpg) center center no-repeat;
  background-size: 188px 188px;
}

#distinguished-collaborators .dc-emily .photo {
  background: transparent url(emily_r.jpg) center center no-repeat;
  background-size: 188px 188px;
}



#owners {
  background: #eaf3f4;
  color: #454545;
}

#owners li {
  border-bottom-color: #454545;
}

#owners.people-list li:nth-of-type(n+2):before {
  background: linear-gradient(90deg,
    rgba(69, 69, 69, 0.1) 0%,
    rgba(69, 69, 69, 0.8) 50%,
    rgba(69, 69, 69, 0.1) 100%);
}


#owners .owner-alicia .photo {
  background: transparent url(alicia.png) center center no-repeat;
  background-size: 188px 188px;
}

#owners .owner-erin .photo {
  background: transparent url(ownerErin.jpg) center center no-repeat;
  background-size: 188px 188px;
}



.people-list {
  padding: 8rem 16vw 11.6rem 16vw;
}

.people-list li {
  clear: left;
  -x-min-height: 23.8rem;
  white-space: nowrap;
}

.people-list .photo {
  background: #ddd;
  border: 4px solid #b9e2e4;
  border-radius: 50%;
  display: inline-block;
  height: 17.4rem;
  margin: 0 8.2rem 0 0;
  vertical-align: top;
  width: 17.4rem;
}

.people-list .bio {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 17.4rem - 8.2rem - 6rem);
}

.people-list li:nth-of-type(n+2):before {
  background: linear-gradient(90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0.1) 100%);
  content: "";
  display: block;
  height: 1px;
  margin: 5.4rem;
}

.people-list li:last-of-type {
  border-bottom: none;
}

.people-list li h2 {
  font-size: 2rem;
  margin: 0 0 1.2vh 0;
  text-transform: uppercase;
}

.people-list li p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  white-space: normal;
}

footer {
  color: #30848e;
  font-size: 1.2rem;
  height: 16rem;
  padding: 15rem 0 0 0;
}

footer .content {
  border-top: 1px solid #959595;
  margin: 0 auto;
  width: 92.8rem;
}

footer .content a,
footer .content a:link {
  color: #30848e;
}

footer .content .copyright {
  float: left;
  height: 4rem;
  line-height: 4rem;
  text-transform: uppercase;
}

footer .content .contact-info {
  float: right;
  height: 4rem;
  line-height: 4rem;
}

/* Tablet */
@media screen (min-width: 426px) and (max-width: 768px) {
  #tab-bar li {
    display: inline-block;
    font-size: 2.2rem;
  }  
}

/* Phone */
@media screen (min-width: 320px) and (max-width: 425px) {
  #value-proposition li {
    display: block;
    margin: 0 auto 3.2rem auto;
  }
}