*{
	font-family: 'Lato', sans-serif;
	font-size:1em;	
}
img{
	width:100%;
}
.center-block{
    margin:0 auto;
}
.bg-dark{
	background-color:#132f35;
}
.bg-rosa{
	background-color:#f55153;
}
.bg-negro{
	background-color:#1a1a1a;
}
.bg-turquesa{
	background-color:#1ebdbb;
}
.bg-azul{
	background-color:#2b7388;
}
.bg-azul-dark{
	background-color:#354956;
}
.text-lighter{
	font-weight:lighter;
}
.text-200{
	font-weight:200;
}
.text-inherit{
	font-weight:inherit;
}
.text-sup{
	vertical-align:super;
	font-size:.5em;
}
.btn-rosa{
	background-color:#f55153;
}
.btn-xlg{
	padding: .1em .5em;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: .3rem;
}
hr{
	max-width: 50px;
	border-width: 3px;
}
hr.space-10{
	border-color: transparent;
	height:10px;
}
hr.space-20{
	border-color: transparent;
	height:20px;
}
/*MENÚ SUPERIOR*/
#menu-superior .navbar-nav>li.nav-item>a.nav-link.active, #menu-superior .navbar-nav>li.nav-item>a.nav-link:focus.active{
	background-color:#f55153;
	border-radius:5px;
	padding: 5px 20px 10px;
}
#menu-superior ul li a{
	margin:0 5px;
	padding: 5px 20px 10px;
	overflow:hidden;
}
#menu-superior ul li a{
	color:#fff;
}
.navbar-toggler .fa{
	color:#fff;
	font-size:24px;
}
#logo{
	max-width:140px;
}
/*GIF*/
#gif img{
	float:left;
	width:12%;
}
#gif h2{
	text-align:right;
	margin-bottom:0;
}
#gif .bloque-gif{
	background:url(../images/gif-antes-desp-800.gif) no-repeat top center;
	max-width:800px;
	height:610px;
	background-size: contain;
}
/*QUÉ ES*/
#que-es{
	padding: 3rem 0;
}
/*CÓMO FUNCIONA*/
#como-funciona p{
	font-size:1.6em;
	font-weight:200;
}
#como-funciona .col-img{
	width:17%;
	padding:0;
}
#como-funciona .col-txt{
	width:80%;
	padding-left:.5rem!important;
}
/*PRECIO*/
#precio{
	padding: 3rem 0;
}
#precio img{
	width:10%;
}
.text-precio{
	font-size:2.5em;
	font-weight:200;
}
/*CONTACTO*/
#contacto{
	padding:3rem 0
}
#contacto .far, #contacto .fab{
	font-size:2em;
}
#contacto a{
	color:inherit;
}
/*FOOTER*/
footer{
	color:#999;
}
footer a, footer a:hover{
	color:#1ebdbb;
	text-decoration:none;
}
@media (max-width: 320px){
#gif .bloque-gif{
	height: 354px !important;
}
}
@media (min-width: 321px) and (max-width: 360px){
#gif .bloque-gif{
	height: 399px !important;
}
}
@media (min-width: 361px) and (max-width: 420px){
#gif .bloque-gif{
	height: 415px;
}
}
@media (max-width: 420px){
#gif img{
	float:inherit;
	width:33%;
}
#gif h2{
	text-align:center;
}
#como-funciona .col-img {
    width: 30%;
    margin: 0 auto;
}
#como-funciona .col-txt {
    width: 100%;
    margin: 20px 0 5px;
    text-align: center;
}
#como-funciona .col-txt p, #como-funciona .col-txt h2, #como-funciona .col-txt h3{
	font-size:1.5rem;
}
#precio img {
    width: 30%;
}
#contacto h3 {
    font-size: 1.5rem;
}
@media (max-width: 768px){
#menu-superior{
	padding:3px;
}
#gif .bloque-gif{
	background:url(../images/gif-movil-antes-desp.gif) no-repeat top center;
	background-size:contain !important;
}
#que-es{
	padding: 5rem 0;
}
#que-es img{
	margin: 0 auto;
    display: inherit
}
.precio-contenido{
	min-height:auto;
}
#contacto p{
	padding-bottom:1rem !important;
}
#contacto .far, #contacto .fab{
	font-size:1em;
}
}
@media (min-width: 769px){
#como-funciona .container{
	min-width:100%;
}
}