/*------Formato General de Etiquetas------*/
*
{
	margin: 0;
	padding: 0;
}
html {
  scroll-behavior: smooth;
}
body
{
	font-family: 'Roboto', sans-serif;
  text-align: justify;
}

/*---------Fijar la Barra de Navegación -------*/

#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
}

/*---------Formato de la Barra de Navegación -------*/
.navbar
{
	background: #333c4b;
	padding: 0 !important;

}
.navbar-brand img
{
	height: 30px;
  width: 70px;
	padding-left: 20px;
}
.navbar-nav li
{
	padding: 0 10px;
}

.navbar-nav li a
{
	color: #fff !important;
	font-weight: 400;
	float: right;
	text-align: center;
}
.fa-bars
{
	color: #fff;
	font-size: 30px !important;
}
.navbar-toggler
{
	outline: none !important;
}

/*----------Sección Banner ---------*/

#banner
{
  /*background: url("../img/cover.png");*/
	background-image: linear-gradient(#333c4b, white);
  background-size: cover;
	color: black;
	padding-top: 5%;
  padding-bottom: 5%;
}

.bien {
  background: #fff;
}


.promo-title
{
	font-size: 40px;
	font-weight: 600;
	margin-top: 30px;
  margin-bottom: 20px;
  font-family: 'Playfair Display', serif;
  opacity: 1;
}
.bottom-img
{
	width: auto;
}
/*---------------Visión---------------*/
#vision
{
  background: #fff;
  padding-bottom: 50px;
	padding-top: 100px;
}

.vision-title
{
	font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 3%;
  color:  #500d0a;
}

.vis-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.vision
{
	padding: 20px;
}
/*---------------Misión---------------*/
#mision
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}

.mision-title
{
  font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 3%;
  color:  #500d0a;
}

.mis-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

/*-------------------Somos---------------*/
#somos
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.somos-title
{
  font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 3%;
  color:  #500d0a;
}

.somos-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

/*-------------------Programas---------------*/
#prog
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.prog-title
{
  font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.prog-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

/*-------------------Semilleros en Familias---------------*/
#sem
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.sem-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.sem-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

/*-------------------Casa Menor---------------*/
#casa-menor
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.casa-menor-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.casa-menor-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

/*-------------------Casa Mayor---------------*/
#casa-may
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.casa-may-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.mayor-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

/*-------------------Ayúdanos---------------*/
#ayuda
{
	background: #fff;
	padding-bottom: 150px;
	padding-top: 50px;
}

.ayuda-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.ayuda-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}
/*----------------------footer--------------*/
#footer
{
	background: #333c4b;
	color: #fff;
  text-align: center;
  padding: 25px 0 0 0;
}
.footer-box
{
	padding: 20px
}
.footer-box p
{
	line-height: 1;
}
.footer-box img
{
	width: 80px;
	margin-bottom: 20px;
}
.social{
  padding-top: 130px
}
hr
{
	background-color: #fff;
}
.copyright
{
	margin-bottom: 0;
	padding-bottom: 20px;
	text-align: center;
}

/*------Redes Sociales----------*/

.fa {
  padding: 20px;
  font-size: 50px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

/* Efecto al pasar por el ícono */
.fa:hover {
  opacity: 0.7;
}

/* Color de los logos */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #C13584;
  color: white;
}

/* YouTube */
.fa-youtube {
  background: #bb0000;
  color: white;
}
/*---------Adicionales-----------------------*/
h1 {
  color:  #500d0a;
}

.par {
  text-align: justify;
}

.btn {
  font-family: 'Roboto', sans-serif;
}

ul {
	padding-left: 20px;
}