body {
  font-family: "Source Sans Pro", sans-serif;
  overflow-x: hidden; }

h1, h2, h3, h4, h5, h5 {
  font-family: "Montserrat", sans-serif; }

section {
  font-family: "Source Sans Pro", sans-serif;
  padding: 100px 0 0;
  float: left;
  width: 100%; }
  section .container {
    display: block;
    margin: 0 auto; }
  section h2 {
    margin-top: 5px;
    max-width: 240px;
    margin-bottom: 85px;
    color: #fff;
    font-size: 58px;
    font-weight: bold;
    letter-spacing: -2px;
    position: relative; }
  section h2:after {
    height: 7px;
    width: 33px;
    content: " ";
    background-color: #ffffff;
    position: absolute;
    top: 80px;
    left: 0; }
  section h4 {
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 900;
    width: 50%;
    margin: 20px 0 38px;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 18px; }
  section .col-sm-6 {
    padding: 0 0 0 38px;
    color: #ffffff;
    margin-bottom: 45px; }
  section ul, section ol {
    padding: 10px 0 0 12px; }
    section ul li, section ol li {
      padding-bottom: 0px;
      font-size: 18px;
      line-height: 20px;
      font-weight: 100;
      font-family: "Source Sans Pro", sans-serif;
      letter-spacing: 0.3px;
      margin-bottom: 10px; }

.navbar-default {
  background-color: #61ab48;
  font-family: "Source Sans Pro", sans-serif;
  padding-bottom: 27px; }
  .navbar-default.navbar {
    margin-bottom: 0; }
  .navbar-default .navbar-brand {
    padding: 47px 36px 63px;
    font-size: 46px;
    letter-spacing: -1px; }
  .navbar-default .navbar-nav {
    width: 100%;
    margin-top: -3px;
    margin-left: 10px;
    border-top: 1px solid #ffffff; }
    .navbar-default .navbar-nav > li > a {
      font-weight: 900;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 2px;
      padding: 14px 40px 0 0; }
      .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #ffffff;
        text-decoration: underline; }

header {
  min-height: 624px;
  background-image: url("../img/header-background.png");
  background-color: #ffffff; }
  header .container {
    padding-top: 55px;
    padding-bottom: 0; }
    header .container .intro-text {
      padding-left: 25px;
      color: #f5a623; }
      header .container .intro-text p {
        font-size: 24px;
        font-weight: 900;
        font-family: "Montserrat", sans-serif; }
      header .container .intro-text .skills {
        font-size: 21px;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: normal;
        padding-top: 15px;
        display: block;
        letter-spacing: 1px; }
      header .container .intro-text img {
        margin-top: 22px; }
    header .container .col-lg-12 > img {
      margin-top: 30px;
      margin-left: 25px; }

#intermedio {
  display: block;
  content: " ";
  padding: 0; }
  #intermedio .container {
    width: 100%;
    margin: 0;
    padding: 0; }
    #intermedio .container .col-sm-12 {
      padding: 0; }
      #intermedio .container .col-sm-12 img.desktop {
        display: block;
        width: 100%; }
      #intermedio .container .col-sm-12 img.mobile {
        display: none; }

#aloe-garden {
  min-height: 831px;
  background-color: #61ab48;
  background-image: url(../img/Rectangle.png);
  background-repeat: no-repeat;
  background-size: cover; }
  #aloe-garden .container {
    margin-bottom: 5px; }
  #aloe-garden .col-sm-6:nth-child(2) {
    padding: 0 0 0 86px; }
  #aloe-garden .col-sm-6 h2:after {
    top: 150px; }
  #aloe-garden .col-sm-6 h2 {
    margin-bottom: 75px; }
  #aloe-garden .col-sm-6 h4 {
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    font-size: 18px;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 25px;
    text-transform: none;
    margin: 20px 0 26px; }
  #aloe-garden .col-sm-6 p {
    margin-bottom: 0;
    line-height: 37px;
    font-size: 17px;
    font-weight: 900;
    font-family: "Montserrat", sans-serif;
    padding-top: 10px; }

#estrenimiento {
  min-height: 624px;
  padding-top: 0; }
  #estrenimiento .container {
    width: 100%; }
  #estrenimiento .col-sm-6 {
    padding: 0;
    margin-bottom: 0; }
    #estrenimiento .col-sm-6 .text-container {
      padding: 100px 0 0 130px;
      max-width: 700px;
      display: inline-block; }
    #estrenimiento .col-sm-6 img {
      float: right;
      width: auto;
      /*max-width: 641px;*/
      max-width: 590px;
      vertical-align: top;
      height: 624px; }
  #estrenimiento h2, #estrenimiento p, #estrenimiento li, #estrenimiento h3 {
    color: #61ab48; }
  #estrenimiento h2 {
    margin-top: -12px;
    margin-bottom: 66px; }
  #estrenimiento h2:after {
    background-color: #61ab48; }
  #estrenimiento h3 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    font-size: 28px; }
  #estrenimiento ul, #estrenimiento ol {
    padding: 15px 10px; }
    #estrenimiento ul li, #estrenimiento ol li {
      padding-top: 4px;
      font-size: 16px;
      line-height: 16px;
      font-weight: 400; }

#vida-sana {
  min-height: 1272px;
  background-color: #61ab48; }
  #vida-sana .row .col-sm-12 {
    padding: 0 40px; }
  #vida-sana .row.row-vida-sana {
    color: #ffffff; }
    #vida-sana .row.row-vida-sana h2 {
      margin-top: 10px;
      letter-spacing: 2px;
      max-width: 100%; }
    #vida-sana .row.row-vida-sana p {
      margin-bottom: 0;
      max-width: 550px; }
  #vida-sana .row.row-consejos {
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 0 15px; }
    #vida-sana .row.row-consejos .col-md-3 {
      padding: 0;
      height: 180px; }
      #vida-sana .row.row-consejos .col-md-3 img, #vida-sana .row.row-consejos .col-md-3 h4, #vida-sana .row.row-consejos .col-md-3 p {
        float: left; }
      #vida-sana .row.row-consejos .col-md-3 p {
        width: 40%;
        font-size: 13px;
        color: #ffffff; }
      #vida-sana .row.row-consejos .col-md-3 h4:after {
        height: 7px;
        width: 33px;
        content: " ";
        background-color: #ffffff;
        position: absolute;
        top: 48px;
        left: 0; }
  #vida-sana .row.row-ricos-en-fibra .col-sm-12 h3 {
    font-weight: bold;
    color: #fff;
    margin-top: 24px;
    font-size: 24px; }
  #vida-sana .row.row-ricos-en-fibra .col-lg-12 {
    padding: 0;
    margin-top: 53px;
    text-align: center; }
    #vida-sana .row.row-ricos-en-fibra .col-lg-12 .contenedor-fibra {
      display: inline-block;
      text-align: center;
      height: 194px;
      width: 160px;
      margin-bottom: 75px; }
      #vida-sana .row.row-ricos-en-fibra .col-lg-12 .contenedor-fibra h4 {
        margin-top: 15px;
        font-size: 14px;
        width: 100%; }
      #vida-sana .row.row-ricos-en-fibra .col-lg-12 .contenedor-fibra img {
        display: block;
        margin: 0 auto; }

#encuentranos {
  min-height: 728px;
  background-color: #ffffff;
  background-image: url(../img/fondo2.png);
  background-repeat: no-repeat;
  background-size: cover; }
  #encuentranos .row .col-sm-6 {
    padding: 0 0 0 38px; }
    #encuentranos .row .col-sm-6 h2 {
      max-width: 100%;
      margin-top: 265px;
      letter-spacing: -1px;
      margin-bottom: 85px;
      line-height: 48px;
      font-size: 40px; }
      #encuentranos .row .col-sm-6 h2:after {
        /*top: 260px;*/
        display: none; }
    #encuentranos .row .col-sm-6 p {
      font-size: 17px;
      margin-left: 4px;
      color: #ffffff;
      font-weight: 100;
      max-width: 410px;
      line-height: 21px; }
    #encuentranos .row .col-sm-6:nth-child(2) img {
      width: 700px;
      max-width: 800px;
      position: absolute;
      left: -85px;
      top: -50px; }

footer {
  min-height: 300px;
  padding: 50px 0 0;
  background-color: #61ab48;
  float: left;
  width: 100%; }
  footer .container {
    display: block;
    margin: 0 auto; }
  footer h3 {
    margin-top: 0;
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 20px; }
  footer img {
    display: block;
    margin: 5px auto 25px; }
  footer .navbar-default {
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    padding-bottom: 20px; }
    footer .navbar-default .navbar-nav {
      border-top: none;
      margin: 0; }
      footer .navbar-default .navbar-nav > li > a {
        padding: 14px 20px 0;
        font-family: "Source Sans Pro", sans-serif;
        letter-spacing: 1.5px;
        font-size: 15px; }
    footer .navbar-default .collapse {
      display: block; }
  footer .footer-below {
    height: 100px;
    padding-top: 30px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 1px;
    border-top: 1px solid #569b40; }
    footer .footer-below h4 {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 20px;
      font-weight: 700;
      margin-top: -10px;
      margin-bottom: 30px; }
    footer .footer-below img.social-media {
      display: inline-block;
      margin-right: 24px; }
  footer .input-group {
    display: block;
    margin: 0 auto 30px;
    max-width: 516px; }
    footer .input-group input, footer .input-group button {
      background-color: #54943e;
      height: 47px;
      border: none;
      border-radius: 0;
      color: #ffffff;
      font-weight: bold;
      font-family: "Montserrat", sans-serif;
      letter-spacing: 1px;
      font-size: 14px; }
    footer .input-group input {
      max-width: 410px;
      margin-right: 8px; }
    footer .input-group button {
      width: 98px; }
    footer .input-group ::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #ffffff; }
    footer .input-group :-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #ffffff;
      opacity: 1; }
    footer .input-group ::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #ffffff;
      opacity: 1; }
    footer .input-group :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #ffffff; }

@media screen and (max-width: 1310px) {
  #estrenimiento .col-sm-12 .text-container {
    padding: 100px 0 0 130px;
    max-width: 600px;
    display: inline-block; }

  #estrenimiento .col-sm-12 img {
    float: right;
    width: auto;
    max-width: 500px;
    vertical-align: top;
    height: 624px; } }
@media screen and (max-width: 900px) {
  #intermedio .container .col-sm-12 img.desktop {
    display: none; }
  #intermedio .container .col-sm-12 img.mobile {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto; }

  #encuentranos .row .col-sm-6 h2:after {
    top: 430px; }

  #estrenimiento .col-sm-12 img {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 100%; } }
@media screen and (max-width: 800px) {
  #estrenimiento .col-sm-6 .text-container {
    padding: 10px; }
  #estrenimiento .col-sm-6 img {
    width: 100%;
    height: auto; }

  .row {
    max-width: 100%;
    margin: 0 !important; }

  header {
    max-width: 100%;
    width: 100%; }

  section, #estrenimiento .col-sm-12 .text-container, footer {
    padding: 10px; }

  .input-group .form-control {
    float: none; }

  footer .input-group input {
    margin-right: 0; }

  #vida-sana .row.row-consejos .col-md-3 img {
    width: auto; }

  #vida-sana .row.row-consejos .col-md-3 h4,
  #vida-sana .row.row-consejos .col-md-3 p {
    width: 60%;
    height: 50px; }

  .row h2, .row h3, .row h4,
  #vida-sana .row.row-ricos-en-fibra .col-lg-12 .contenedor-fibra,
  #vida-sana .row.row-consejos,
  #vida-sana .row.row-ricos-en-fibra .col-lg-12 {
    margin: 10px 0 !important; }

  header {
    min-height: 600px; }

  #encuentranos {
    min-height: 350px; }

  header .container .col-lg-12 > img,
  #encuentranos .container .col-sm-5 > img {
    margin: 30px 0px; }

  section h2::after {
    display: none; }

  #vida-sana .row.row-consejos .col-md-3 h4::after {
    top: 38px; }

  #aloe-garden .col-sm-6:nth-child(2) {
    padding: 0 0 0 38px; }

  #estrenimiento .col-sm-12 img {
    max-width: 100%;
    height: auto;
    float: none;
    margin: 0 auto;
    display: block; }

  #encuentranos .row-encuentranos .col-sm-6:nth-child(2) img {
    width: auto;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0; } }
@media screen and (max-width: 768px) {
  #encuentranos {
    min-height: 700px; } }
@media screen and (max-width: 500px) {
  section h2 {
    font-size: 43px; }
  section .col-sm-6 {
    margin-bottom: 20px; }

  #encuentranos {
    min-height: 600px; }

  #intermedio .container .col-sm-12 img, #estrenimiento .col-sm-12 img {
    max-width: 100%;
    height: auto; }

  #aloe-garden .col-sm-6 h2:after {
    top: 95px; }

  #vida-sana .row.row-vida-sana h2:after {
    top: 47px; }
  #vida-sana .row.row-consejos .col-md-3 h4:after {
    top: 38px; }
  #vida-sana .row.row-consejos .col-md-3 img {
    width: 40%; }

  #encuentranos .row-encuentranos .col-sm-6 h2:after {
    top: 323px; }

  footer .input-group input, footer .input-group buttom {
    margin-top: 15px; } }

/*# sourceMappingURL=main.css.map */