#inicio-section{
  background-image: url("../img/fondo_doctora_chico.jpg");
  background-repeat: no-repeat;
  /* background-position-x: center; */
  background-position-x:calc(0% - 400px);
  background-size:auto 600px;
	background-attachment:scroll;
  /* fixed */
  background-position-y:61px;
  background-color: #FDFDFD;
  height: 648px;
}
#mask-inicio{
  min-height: 100%;
}
.titulo{
  font-size:24px;
  font-family:'Times New Roman', Times, serif;
  line-height: normal;
}
.titulo_chico{
  font-size:22px;
  font-family: serif;
  line-height: normal;
}
.titulo_grande{
  font-size:36px;
  font-family: serif;
  line-height: normal;
}
.textoshadow{
  font-size: 20px;
  text-shadow: -1px -1px 2px #D4D5D0;
}
.texto_chico{
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
}


/* bootstrap md */
@media screen and (min-width: 768px){
  #inicio-section{
    background-position-x: calc(100% + 170px);
    background-size:auto 580px;
    background-position-x: calc(100% + 200px);
    background-position-y:68px;
  }
  .titulo{
    font-size: 36px;
  }
  .textoshadow{
    font-size: 30px;
  }
}
.card-text2{
  font-size: 20px;
  font-family: serif;
  line-height: normal;
  text-align: justify;
}

/* bootstrap lg */
@media screen and (min-width: 992px){
  #inicio-section{
    background-position-x: calc(100% + 130px);
  }
  .titulo{
    font-size: 42px;
  }
  .texto{
    font-size: 24px;
  }
  .texto_chico{
    font-family: Arial, Helvetica, sans-serif;
    font-size:22px;
  }
  
}
/* bootstrap xl */
@media screen and (min-width: 1200px){
  #inicio-section{
    background-position-x: calc(100% + 80px);
  }
  .titulo{
    font-size: 42px;
  }
  .textoshadow{
    font-size: 30px;
  }
}


#inicio{
  position: relative;
  top: -200px;
}
#texto-inicio{
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.5);
}
#sistema{
  position: relative;
  top: -50px;
}
#beneficios-title{
	background-image: url(../img/medic-eyes.jpg);
	background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 0px;
	background-size: cover;
	background-attachment: fixed;
}
#beneficios{
  position: relative;
  top: -50px;
}
.beneficio{
  border: 1px black;
  border-radius: 10px;
  background-color: rgb(237, 237, 237);
  /* font-size: 28px; */
  font-size: 24px;
  font-family: serif;
}
#paquetes-title{
	background-image: url(../img/fondo-paquetes.jpg);
	background-repeat: no-repeat;
  background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#paquetes{
  position: relative;
  top: -50px;
}
.card-title{
  font-size: 30px;
  font-family: serif;
  color: red;
  text-align: center;
}
.card-text2{
  font-size: 20px;
  font-family: serif;
  line-height: normal;
  text-align: justify;
}
#contacto-title{
	background-image: url(../img/contacto.jpg);
	background-repeat: no-repeat;
  background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#contacto{
  position: relative;
  top: -50px;
}