@font-face {
  font-family: SourceSansPro-Regular;
  src: url(.../fonts/SourceSansPro-Regular.otf);
}

@font-face {
  font-family: SourceSansPro-Semibold;
  src: url(../fonts/SourceSansPro-Semibold.otf);
}

@font-face {
  font-family: NunitoSans-ExtraBold;
  src: url(../fonts/NunitoSans-ExtraBold.ttf);
}

@font-face {
  font-family: NunitoSans-ExtraLight;
  src: url(../fonts/NunitoSans-ExtraLight.ttf);
}

@font-face {
  font-family: NunitoSans-Regular;
  src: url(../fonts/NunitoSans-Regular.ttf);
}

html {
  font-size: 15px;

  height:100%;
  margin:0;
}

body {
  background-color: #F3F2E6;
  display: flex;
  flex-direction: column;
}

/* NAVEGADOR */
nav {
  color: #3B464F;
  font-family: Nunito Sans;
  font-weight: 400;
  text-decoration: justify;
}

.nav-link {
  float: right;
}

.navbar a:hover {
  border-bottom: 2px solid #3B464F;
}

.navbar a.active {
  border-bottom: 2px solid #3B464F;
  color: #3B464F !important;
}


div.logo {
  padding-left: 20px;
}

div.header-content-left h1.vision {
  font-family: Nunito Sans;
  font-weight: 200;
  color: #3B464F;
  font-size: 40px;
  align-items: flex-start;
}

div.header-content-left p {
  font-family: Source Sans Pro;
  font-weight: 400;
  color: #3B464F;
  font-size: 20px;
}

div.header-content-left p span.Gordillo {
  font-family: Source Sans Pro;
  font-weight: 600;
  color: #3B464F;
  font-size: 20px;
}

div.header-content-left {
  float: left;
  position: relative;
  text-align: left;
  margin-left: 6rem !important;
  margin-top: 3rem !important;
}

div.header-content-right {
  float: right;
  position: relative;
}

button.contacto {
  border: #EAE0C5 2px solid;
  border-radius: 5px;
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 13px;
  padding: 13px;
  background-color: #ffffff;
}
/* css anto */
.navbar-nav{
  align-items: flex-end;
}
.navbar-light .navbar-nav .nav-link{
  color: #3B464F;
}



/*
/
/
/
/
/
/
/
*/

/* PUBLICACIONES */

section h1{
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  margin-bottom: 2rem;
  margin-top: 2rem;
  text-align: left;
}

section .card{
  background-color: #E6EFEA;
  border: none;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;

}
section .card-body{

  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section .card-body .card-title, section .card-body .card-text{
  color: #3B464F;
}
section .card-body .btn{
  border: 2px solid #3B464F;
  color: #3B464F;
  font-size: medium;
  width: 11rem;
  height: 3rem;
}
@media (min-width: 768px){
  header .navbar-nav{
    padding-left: 3rem;
  }


  section .cardGrande{
    height: 400px;
  }

  section .cardChica{
    height: 340px;
  }

section .n3,section .n7,section .n11,section .n15{
  margin-top: -4rem;
}
section .card{

  align-items: flex-start;
}
section .card-body{
  margin: 1rem 0 1rem 2rem;
  min-height: 20rem;

}
}