.demo-btn-margin .btn {
  margin-bottom: 6px;
}
.black {
	color:black;
}
.matriculado {
	margin-bottom: 5px;
}
.titulo-oficial {
	margin-bottom: 5px;
}
.certificacion-universitaria {
	margin-bottom: 5px;
}
.medallas {
	float:right;
}

@media (max-width: 500px){
	.navbar-brand > img {
		max-width: 50%;
	}
}

@media (min-width: 501px) and (max-width: 767px){
	.navbar-brand > img {
		max-width: 33%;
	}
}

@media (max-width: 767px){
	.site-header h1 {
		font-size: 18px !important;
		margin-top: 50px !important;
	}
	.site-header h4 {
		font-size: 14px !important;
		line-height: 18px !important;
	}
	.site-header h6 {
		font-size: 12px !important;
		line-height: 14px !important;
	}
	.site-header h6, .site-header h1, .site-header h2, .site-header h3, .site-header h4, .site-header h5 {
		margin-bottom: 0px !important;
	}
	.site-header .lead {
		font-size: 12px !important;
		line-height: 16px !important;
		font-weight: 700 !important;
	}
	.counter li {
		min-width: 25% !important;
	}
	.counter h5 {
		font-size: 1.5rem !important;
	}
	.logoslider {
		max-width: 50%;
	}
}