/* Media Querys */
@media screen and (max-width: 1280px) {
	h1 {
		font-size: 12rem;
    	line-height: 6rem;
	}

	/* Portafolio */
	.carousel-control {
		display: none;
	}
	.carousel-indicators {
		display: block;
	}
	.carousel-indicators li {
		width: 12px;
		height: 12px;
		margin: 1px 5px;
	}
	.carousel-indicators .active {
		width: 12px;
		height: 12px;
		margin: 1px 5px;
	}
	.cont-galeria .row + .row img {
		width: 75%;
	}
	.video-portafolio {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 992px) {
	h1 {
		font-size: 8rem;
	}

	/* Portafolio */
	.cont-galeria-p div {
		padding-left: 5px;
		padding-right: 5px;
	}
	.cont-galeria-p div + div + div {
		margin-top: 10px;
	}
	.cont-galeria .row + .row:not(.cont-btn-versitio) {
		display: none;
	}
	.cont-galeria img {
		width: 100%;
		cursor: pointer;
	}
	.cont-galeria img.activo {
		opacity: 1;
	}

	/* Experiencia */
	.cont-experiencia {
		margin: 2% 0;
	}
}

@media screen and (max-width: 767px) {
	article {
		padding: 8vh 0;
	}
	h5 {
		font-size: 1.5rem;
	}
	p {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
	iframe {
		width: 50%;
		height: 250px;	
	}

	/* Header */
	#menu {
		display: none;
	}
	#showMenu {
		display: block;
	}

	/* Acerca de */
	#arcerca-de1 img {
		width: 35%;
	}
	#arcerca-de2 h3 {
	    margin-top: 20px;
	}

	/* portafolio */
	.carousel-indicators {
		bottom: -10%;
	}
	.carousel-indicators li {
		width: 20px;
		height: 20px;
		margin: 1px 5px;
	}
	.carousel-indicators .active {
		width: 20px;
		height: 20px;
		margin: 1px 5px;
	}
	.cont-portafolio, .cont-galeria, .video-portafolio {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.info-portafolio {
		padding: 2%;
		height: auto;
	}
	.info-portafolio a, .titulo-cliente, .texto-cliente {
		display: none;
	}
	.logo-cliente {
		margin-left: 0;
	}
	.cont-galeria-p {
		margin-top: 20px;
	}
	.cont-galeria-p img {
		width: 50%;
	}
	.video-portafolio {
		margin-bottom: 20px;
	}

	/* Experiencia */
	.cont-experiencia {
		margin: 3% 0;
	}
	.cont-experiencia div {
		padding: 2%;
	}
	.cont-experiencia p {
		margin: 5px 0 0 0;
	}

	/* Habilidades */
	.habilidad h5 {
		margin: 5px 0 0 0;
	}
	.cont-barra {
		height: 25px;
	}
	.barra {
		height: 23px;
	}

	/* Contacto */
	#contacto1 img {
		width: 60%;
	}
	#contacto1 div {
	    margin: 0 0 20px 0;
	}
	#contacto1 div + div {
		margin-top: 20px;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 520px) {
	h3 {
		font-size: 3rem;
		margin: 0 0 10px 0;
		line-height: 2.5rem;
	}
	iframe {
		width: 100%;
		height: 200px;
		margin-top: 10px;
	}	
	input[type="text"], input[type="email"] {
		height: 30px;	
	}
	textarea {
		height: 60px;
	}
	label {
		margin: 2px 0;
		font-size: 1.2rem;
	}
	input[type="submit"] {
		margin-top: 5px;
		font-size: 1.5rem;
	}

	/* Inicio */
	#inicio1 .row div p {
		font-size: 1rem;
		line-height: 1.1rem;
	}

	/* Portafolio */	
	.carousel-indicators {
		display: none;
	}
	.carousel-control {
		left: 0;
		display: block;
	}
	.carousel-control.right {
		right: 0;
	}
	.carousel-control span {
		font-size: 2rem;
		top: 94% !important;
	}
	.cont-galeria .row:first-child {
		margin-bottom: 10px;
	}
	.cont-galeria-p {
		margin-top: 10px;
	}
	.cont-galeria-p img {
		width: 100%;
	}
	.cont-btn-versitio {
		margin-top: 10px;
	}
	.btn-versitio {
		font-size: 1.5rem;
	}
	.video-portafolio {
		margin-bottom: 60px;
	}

	/* Habilidades */
	.habilidad h5 {
		width: 25%;
	}
	.cont-barra {
		width: 75%;
	}

	/* Contacto */
	#contacto1 div {
	    margin: 0 0 10px 0;
	}
	#contacto1 div + div {
		margin-top: 10px;
	}
	#contacto1 img {
	    width: 45%;
	}
	.fa-5x {
	    font-size: 3em;
	}
	.cont_respuesta p {
		margin-top: 5px;
	}

	/* Fotter */
	.menu-redes > li > a {
	    border-radius: 0;
	    padding: 0 5px 10px 5px;
	}
}

@media screen and (max-width: 380px) {
	h5 {
		font-size: 1.2rem;
	}
	p {
	    font-size: 1rem;
	    line-height: 1rem;
	}

	/* Portafolio */
	.cont-galeria .row:first-child {
		margin-bottom: 5px;
	}
	.cont-galeria-p {
		margin-top: 5px;
	}
	.video-portafolio {
		margin-bottom: 40px;
	}
}

@media screen and (min-width: 769px) {
	/* Header */
	#menu-mobile {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	/* Modal */
	.modal {
		display: none !important;
	}
}

@media screen and (width: 992px) {
	/* Portafolio */
	.cont-galeria-p div {
		padding-left: 15px;
		padding-right: 15px;
	}
	.cont-galeria-p div + div + div {
		margin-top: 0px;
	}
	.cont-galeria .row + .row {
		display: block;
	}
	.cont-galeria img.activo {
		opacity: 0.3;
	}
}

@media screen and (max-height: 600px) and (orientation: landscape) {
	/* Mensaje */
	#mobile {
		visibility: visible;
	}
}