@media (min-width: 320px) {
	body { font-family: "Barlow"; }
	header, .likeHeader { position: relative; background-size: cover; background-position: top; height: 640px; color: white; }
	article.likeHeader { padding: 0; }
	header .col-xs-6 img { width: 90px; }
	header .col-xs-3 { text-align: center; padding-top: 20px; }
	header .col-xs-3 img { width: 18px; }
	header #logoContainer { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; }
	header .glyphicon { font-size: 18px; color: white; }
	header strong { color: white; }
	header .visible-xs { width: 62%; }
	.transparentBlackGradient { position: absolute; height: 100%; width: 100%; background: linear-gradient(180deg, rgb(84 84 84 / 50%) 0%, rgba(255,255,255,0.00043) 16%, rgba(215,215,215,0) 51%, rgba(255,255,255,0) 63%, rgb(21 20 20 / 87%) 89%); }
	#headlineContainer, .likeHeaderText { position: absolute; bottom: 5%; }
	header a { color: white; }
	header h3 { font-size: 13px; margin-top: 20px; }
	h1 { font-weight: bold; margin-bottom: 10px; font-size: 31px; }
	header h2 { font-size: 18px; color: #bbb; margin-top: 0; margin-bottom: 15px; }
	#mainHeader { background-image: url(../images/generic-bg.webp); }
	article h2 { font-weight: bold; }
	h2, h3 { margin-top: 5px; }
	article .col-xs-12 { padding-top: 40px; padding-bottom: 40px; }
	.panel { box-shadow: 4px 4px 4px #bfbfbf; }
	.blackBtn { background: #212121; color: white; border-radius: 20px; }
	.whiteBtn { background: #fff; color: black; border-radius: 20px; font-weight: bold; border: 2px solid white; }
	.whiteBtn:hover { background: white; color: black; }
	.panel-body h3 { font-weight: bold; line-height: 30px; }
	#girlLaptop { background-image: url(../images/generic2.webp); }
	.inLikeHeader { font-weight: bold; font-size: 35px; width: 100%; padding: 0 20px; line-height: 40px; }
	footer { background: #191919; color: white; padding: 10px; }
	footer h3 { font-size: 15px; font-weight: bold; }
	footer li { margin-bottom: 7px; }
	footer li a { color: white; font-size: 13px; }
	footer .col-xs-12 { padding-top: 20px; padding-bottom: 20px; }
	#footer-logo { width: 130px; }
	#country { width: 29px; margin-right: 7px; }
	#logoContainer a:hover { text-decoration: none; color: white; }
	.blackBtn:hover { background: black; color: white; font-weight: bold; }
	#logos { text-align: center; padding: 30px 0 0; }
	#logos img { width: 80px; }
	#clients { text-align: center; }
	#clients h2 { margin-bottom: 40px; }
	#clients img { width: 70px; }
	article { padding: 40px 3px; }
	.grayBg { background: #191919; color: white; }
	#cifras .col-xs-12 { border-top: 1px solid gray; border-bottom: 1px solid gray; text-align: center; padding-top: 10px; padding-bottom: 10px; }
	#cifras h2 { margin-bottom: 40px; text-align: center; }
	#cifras p { text-align: center; }
	.bigNum { margin: 0; font-size: 70px; font-weight: bold; }
	.navbar-default { background: #f8f8f800; border: none; }
	.navbar-default .navbar-toggle { border-color: #fff; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar-default .navbar-nav>li>a { color: #fff; }
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #e7e7e700; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
	.navbar-nav { background: #0000005e; }
	.cardContainer .panel-heading { padding: 0; }
	.bigger { font-size: 35px; letter-spacing: 1px; border-bottom: 1px solid #333; padding-bottom: 3px; }
	.bigger2 { font-size: 30px; }
	article p, article li { font-size: 16px; text-align: justify; }
	article ul { padding-left: 20px; }
	article li { padding-bottom: 9px; }
	.fundadorBox {
		padding: 40px 20px;
		background: #f7f7f7;
	}
	.fundadorPicBox {
		text-align: center;
	}
	.fundadorPic {
		width: 90%;
		border-radius: 10px;
		box-shadow: 0 0 20px 2px gray;
		margin-top: 40px;
	}
	.fundadorBio {
		padding: 60px 0 0 0;
	}
	.fundadorBio h3 {
		font-weight: bold;
		margin: 30px 0;
	}
	blockquote {
		font-style: italic;
	}
	.especialidadBox {
		padding: 40px 0;
	}
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
	article { padding: 50px 50px 40px; }
	#logos img, #clients img { width: 100px; }
	.navbar-nav { background: transparent; }
	.navbar-default { background: #f8f8f800; border: none; }
	.navbar-default .navbar-nav>li>a { color: #fff; }
	.navbar-nav>li>.dropdown-menu { background: #0000005c; }
	.dropdown-menu>li>a:hover { background: #00000061; color: white; }
	article ul { padding-left: 40px; }
	.fundadorWrapper {
		display: flex;
		padding: 40px;
		gap: 45px;
	}
	.fundadorWrapper > div {
		width: 50%;
	}
	.fundadorBio {
		padding: 0;
	}
	.especialidadesBox {
		width: 50%;
	}
	.especialidadesBox ul {
		padding: 0 0 0 0;
	}
}

@media (min-width: 920px) {
	header { height: 850px; }
	header .col-xs-6 img { width: 110px; }
	header .col-xs-3 img { width: 25px; }
	header .glyphicon { font-size: 25px; }
	#headlineContainer { width: 1005; padding-left: 3%; bottom: 10%; }
	h1 { font-size: 65px; }
	header h2 { font-size: 30px; }
	article { padding: 50px 80px; }
	#logos { padding-top: 50px; }
	#logos img, #clients img { width: 150px; }
	.fundadorBox {
		padding: 80px 40px;
	}
	.fundadorPic {
		width: 70%;
	}
	.especialidadesBox {
		padding: 0 30px;
	}
}

@media (min-width: 1200px) {
	header .col-xs-6 img { width: 150px; }
	header .col-xs-3 img { width: 30px; }
	header .glyphicon { font-size: 30px; }
	article { padding: 50px 150px; }
	#headlineContainer { width: 80%; }
	.fundadorBox {
		padding: 100px 100px;
	}
	.fundadorPic {
		width: 55%;
	}
	.fundadorBio p {
		font-size: 19px;
	}
	.especialidadesBox li {
		font-size: 19px;
	}
	.fundadorBio blockquote {
		font-size: 21px;
	}
}

@media (min-width: 1600px) {
	header { height: 1000px; }
	article { padding: 50px 350px; }
	.navbar-default .navbar-nav>li>a { font-size: 20px; }
	.funda { padding: 0 200px; }
	#headlineContainer { width: 60%; }
}