/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(../_fonts/nunito-sans_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(../_fonts/nunito-sans_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Reset */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Body, fonts and links */

html {height: 100%;}

body {
  width: 100%;
  height: 100%;
  background: #ffffff;
  padding: 40px;
}

section {
  max-width: 540px;
  padding: 0 0 40px 0;
}

.breaker {
  float: left;
  width: 100%;
  padding: 40px 0 80px;
}

.logo {
  width: 70px;
  margin: 120px 0 20px 0;
}

h1, h2, h3, h4 {
  font-family: 'Nunito Sans', sans-serif;
}

h1 {
  font-size: 22px;
  line-height: 29px;
  margin-bottom: 80px;
  font-weight: normal;
  color: #373d41;
}

h2 {
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 18px;
  font-weight: normal;
}

h3 {
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 9px;
  font-weight: normal;
}

h4 {
  font-size: 15px;
  margin-bottom: 6px;
}

p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 22px;
  color: #222222;
}

small {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #373d41;
}

ul {
  margin: 10px 0 22px 30px;
}

li {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #373d41;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #373d41;
}

a:hover {
  text-decoration: underline;
  color: #373d41;
}


.update {
  margin: 50px 0;
}

.update p {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 22px;
  color: #222222;
}

.update span {
  display: block;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 18px;
}

.update a {
  text-decoration: none;
  border-bottom: 1px solid #d2dbe3;
}

.clients, .members {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}

.client, .member {
  float: left;
  width: 140px;
  margin: 0 40px 20px 0;
}

.client img {width: 140px;}
.client p {width: 100%; text-align: center;}

@media(max-width: 400px) {
  .client {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
  }
}

.member a {margin: 0px; width: 16px; display: inline;}
.member a:hover {text-decoration: none;}
.member #linkedin-svg {fill: #d2dbe3;}
.member a:hover #linkedin-svg {fill: #C1A976;}