body{
    background-color: #004B93;
    margin: 0px;
    padding: 0px;
    width: 100%;


}
.container{
    width: 70%;
    margin: auto;
    background-color: #fff;
    padding: 80px 100px;
    text-align: justify;
}
@media only screen and (max-width: 500px) {
    .container{
    width: 90%;
    margin: auto;
    background-color: #fff;
    padding: 80px 100px;
    text-align: justify;
  }


}
.footer{
    padding: 20px;
    background-color: #000;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
}
.logo{
    position: absolute;
    left: 11%;
    height: auto;
}
@media only screen and (max-width: 840px) {
    .logo{
        position: absolute;
        left: 3%;
    }

}
@media only screen and (max-width: 500px) {
    .logo{
        position: fixed;
        left: -4%;
        bottom: 770px;
    }
  }

.btn-flotante {
	font-size: 14px; /* Cambiar el tamaño de la tipografia */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #004B93; /* Color de fondo */
	padding: 10px 15px; /* Relleno del boton */
	position: absolute;
	bottom: 515px;
	right: 180px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #004B93; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}

@media only screen and (max-width: 840px) {
 	.btn-flotante {


	font-size: 14px; /* Cambiar el tamaño de la tipografia */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #004B93; /* Color de fondo */
	padding: 8px 12px; /* Relleno del boton */
	position: fixed;
	bottom: 510px;
	right: 4px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
	}



@media only screen and (max-width: 508px) {
 	.btn-flotante {


	font-size: 14px; /* Cambiar el tamaño de la tipografia */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #dc3545; /* Color de fondo */
	padding: 8px 12px; /* Relleno del boton */
	position: fixed;
	bottom: 790px;
	right: 4px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
	}