html,
body {
	height: 100%;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.65rem;
}

.scroll-top {
	bottom: 45px;
	right: 15px;
	z-index: 999999;
	padding: 10px 16px;
	font-size: 1em;
	color: white;
	display: none;
	border-radius: 100%;
}

.btn {
	font-weight: bold;
}

.bg-info {
	background-color: #03a9f4 !important;
}

.btn-info {
	background-color: #03a9f4;
	border-color: #03a9f4;
}

.btn-info:hover {
	background-color: #0394f4;
	border-color: #0394f4;
}

.text-info {
	color: #03a9f4 !important;
}

.bg-warning {
	background-color: #f06c22 !important;
}

.btn-warning {
	background-color: #f06c22;
	border-color: #f06c22;
	color: white;
}

.btn-warning:hover {
	background-color: #f55a00;
	border-color: #f55a00;
	color: white;
}

.text-warning {
	color: #f06c22 !important;
}

.navbar-brand {
	max-width: 150px;
}

.jumbotron_landing {
	background-image: url('../images/servicio-de-linkbuilding.jpg');
	/*Propiedades clave para efecto Parallax*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*hasta aquí*/
	margin-bottom: 0;
	border-radius: 0;
	color: white;
}

#login_bg {
	background-image: url('../images/login.jpg');
	/*Propiedades clave para efecto Parallax*/
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	/*hasta aquí*/
	margin-bottom: 0;
	color: white;
	height: 350px;
}

#tematicas_bg {
	background-image: url('../images/tematicas.png');
	/*Propiedades clave para efecto Parallax*/
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	/*hasta aquí*/
	margin-bottom: 0;
	color: white;
	height: 350px;
}

#crear_proyecto_bg {
	background-image: url('../images/nuevo_proyecto.png');
	/*Propiedades clave para efecto Parallax*/
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	/*hasta aquí*/
	margin-bottom: 0;
	color: white;
	height: 400px;
}

.info_side {
	padding: 5rem 4rem;
}

.jumbotron_terminos_politicas {
	background-image: url('../images/paises.jpg');
	/*Propiedades clave para efecto Parallax*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*hasta aquí*/
	margin-bottom: 0;
	border-radius: 0;
	color: white;
}

.hero_title {
	font-size: 2.25rem;
}

.hero_subtitle {
	font-size: 1.25rem;
}

.opinion-img {
	max-width: 150px;
}

/* Planes del home */

.nav-tabs li .nav-link {
	color: #000;
	font-weight: 300;
}

.nav-tabs .nav-link.feature {
	background-color: #f55a00;
	color: #fff;
	font-weight: bold;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.feature.active {
	background-color: #fff;
	color: #f55a00;
	font-weight: bold;
}

@media screen and (max-width: 500px) and (orientation: portrait) {
	.display-4 {
		font-size: 2.2rem;
	}	
}

@media screen and (max-width: 849px) and (orientation: landscape) {
	.display-4 {
		font-size: 4rem;
	}	
}

@media screen and (min-width: 850px) and (max-width: 1299px) and (orientation: landscape) {
	.display-4 {
		font-size: 2.5rem;
	}	
}

/* FIN Planes del home */

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.hero_title {
		font-size: 2.75rem;
	}

	.hero_subtitle {
		font-size: 1.5rem;
	}

	.btn-acceso {
		margin-left: 1rem;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#login_bg {
		height: auto;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.navbar-brand {
		max-width: 250px;
	}

	.btn-acceso {
		margin-left: 1rem;
	}

	.hero_title {
		font-size: 3.25rem;
	}

	.hero_subtitle {
		font-size: 1.65rem;
	}

	.info_side {
		padding: 8rem 7rem;
	}
}