@font-face {
  font-family: 'variableregular';
  src: url("../fonts/variable-webfont.eot");
  src: url("../fonts/variable-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/variable-webfont.woff") format("woff"), url("../fonts/variable-webfont.ttf") format("truetype"), url("../fonts/variable-webfont.svg#variableregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'variablebold';
  src: url("../fonts/variable_bold-webfont.eot");
  src: url("../fonts/variable_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/variable_bold-webfont.woff") format("woff"), url("../fonts/variable_bold-webfont.ttf") format("truetype"), url("../fonts/variable_bold-webfont.svg#variablebold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'variableblackregular';
  src: url("../fonts/variableblack-webfont.eot");
  src: url("../fonts/variableblack-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/variableblack-webfont.woff") format("woff"), url("../fonts/variableblack-webfont.ttf") format("truetype"), url("../fonts/variableblack-webfont.svg#variableblackregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.nosotros .color {
  padding: 40px 0;
}
.nosotros .color h2 {
  font-family: 'variablebold';
  font-size: 38px;
  color: #004278;
  margin-bottom: 30px;
  display: inline-block;
}
.nosotros .color p {
  font-weight: 500;
}
.nosotros ul li {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 7px;
  padding-left: 5px;
}
.nosotros .vision {
  color: #fff;
  background: #44bcb6;
}
.nosotros .vision h2 {
  color: #fff;
  border-color: #fff;
}
.nosotros .tema {
  background: #EFEEEE;
}
.nosotros .tema h2 {
  color: #163072;
  border-color: #fff;
}
.nosotros .valores {
  color: #fff;
  background: #002847;
}
.nosotros .valores h2 {
  color: #fff;
  border-color: #fff;
}
.nosotros .valores .box {
  margin-bottom: 50px;
  text-align: center;
}
.nosotros .valores .box img {
  margin-bottom: 20px;
  display: inline-block;
}
.nosotros .valores .box p {
  font-size: 17px;
  font-weight: 400;
}
.nosotros .valores .box p span {
  color: #44bcb6;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .nosotros .intro .ico {
    top: -30px;
  }
  .nosotros .perks .box:last-child {
    border: 0;
  }
}