@media only screen and (max-width: 1600px) {

	#staff h2 {
		padding-bottom: 1rem;
		padding-top: 90px;
	}

	#staff .staff-container .text {
		width: 50%;
		font-size: 1.1em;
		line-height: 1.5em;
	}

	.contenedor-logo {
		left: 42.3%;
	}

}


@media only screen and (max-width: 1280px) {

	.staff-desc h2,
	#historia h2 {
	  margin-top: 5rem;
	}

	#logo {
		width: 170px;
	}

	.top {
		padding-top: 22px;
	}

	nav .left {
		font-size: 1em;
		margin-right: 2.8%;
	}

	.contenedor-logo {
		left: 40%;
		top: 3%;
	}

	#servicios p {
		font-size: 1.6em;
	}

	.carousel-caption {
	  bottom: 20%;
	}

	.carousel-caption p {
	  width: 90%;
	}

	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img,
	.img-responsive,
	.thumbnail a>img,
	.thumbnail>img {
		height: 380px;
	}

}

@media only screen and (max-width: 1024px) {

	nav .left {
		font-size: 1.1em;
		margin-right: 2.3%;
	}

	#logo {
		width: 150px;
	}

	.top {
		padding-top: 20px;
	}

	.brands h2,
	.cases h2,
	#staff h2,
	#historia h2,
	footer h2 {
		font-size: 2.5em;
		padding: 20px 0;
	}

	#rse .text {
		width: 80%;
		font-size: .9em;
		line-height: 1.5em;
		margin-bottom: 5rem;
	}

	footer .mail {
		font-size: 1.5em;
	}

	.staff-desc h2 {
	  margin-top: 4rem;
	}

	.contenedor-logo {
		left: 37.5%;
	}

	.carousel-caption h2 {
	  font-size: 3.5rem;
	}

	.carousel-caption h3 {
	  font-size: 2rem;
	}

	.carousel-caption p {
	  width: 100%;
	  font-size: 1.5rem;
	}

	.carousel-caption {
		left: 15%;
		width: 70%;
	  bottom: 20%;
	}

	#head .carousel-inner>.item>a>img,
	#head .carousel-inner>.item>img,
	#head .img-responsive,
	#head .thumbnail a>img,
	#head .thumbnail>img {
		height: 380px;
	}

	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img,
	.img-responsive,
	.thumbnail a>img,
	.thumbnail>img {
		height: 300px;
	}

	.staff-container:after,
	.staff-cover:after {
	  padding-top: 30%;
	}

	.staff-cover {
		background-position: center 28%;
}

}

@media only screen and (max-width: 992px) {

	nav .left {
		font-size: .9em;
		margin-right: 1.4%;
	}

	.nav-ppal {
		width: 100%;
		margin: 0 auto;
	}

	.contenedor-logo {
		left: 37%;
	}

	#servicios p,
	#historia p,
	#rse .text,
	#staff .staff-container .text  {
		font-size: 1.25em;
		font-weight: 300;
	}
	.organigrama-svg {
		display: block;
	}
	.organigrama-svg-2 {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	#nav-default {
		display: none;
	}

	#cel-nav {
		display: block;
	}

	#logo {
		width: 200px;
	}

	.cel-nodysp {
		display: none;
	}

	.contenedor-logo {
		top: 2%;
	}

	#rse .desc {
		text-align: center;
	}

	#rse .desc p {
		width: 80%;
		margin: 0 auto;
	}

	#staff .staff-container .text {
		width: 80%;
	}

	.staff-desc h2 {
	  margin-top: 8rem;
	}


	.staff-container:after,
	.staff-cover:after {
	  padding-top: 35%;
	}

	.contenedor-logo {
		left: 34%;
	}

	#servicios p {
		font-size: 1.6em;
		font-weight: 300;
	}

	.carousel-caption {
		bottom: 12%;
		width: 80%;
		left: 9%;
	}

	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img,
	.img-responsive,
	.thumbnail a>img,
	.thumbnail>img {
		height: 500px;
	}

	.organigrama-svg {
		width: 70%;
	}
}

@media screen and (max-width: 480px) {
	.contenedor-logo {
		left: 11.5%;
	}

	#servicios p {
		font-size: 1.2em;
		font-weight: 300;
	}

	#rse .text {
		width: 90%;
	}

	footer .mail {
		font-size: 1.25em;
	}

	footer .margin-top {
		margin-top: 9%;
	}

	.dark {
    background-color: #222;
    opacity: 1;
	}

	.remodal {
		border: none;
	}
}