@media only screen and (max-width: 1200px) {
	.contenedor{
		max-width: 970px;
	}

	.grid{
		max-width: 800px;
	}

	.info-contactame > div{
		padding: 0 15%;
	}
}

@media only screen and (max-width: 992px) {
	.contenedor{
		max-width: 750px;
	}

	.grid{
		max-width: 600px;
	}

	.fotografia, .editorial, .web, .branding{
		height: 250px;
		grid-column: span 2;
	}

	.title{
		font-size: 60px;
	}

	.info-contactame p span{
		width: 40px;
	}

	.info-contactame p,
	.lateral a,
	.menu-categorias p{
		font-size: 15px;
	}

	.menu-categorias h1{
		font-size: 26px;
		line-height: 32px;
	}
}

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

	.menu-principal ul a{
		font-size: 30px;
	}
	.contenedor{
		padding-left: 20px;
		padding-right: 20px;
	}

	.banner.contenedor{
		padding-right: 0;
	}

	.banner .col-1{
		width: 10%;
	}
	.banner .col-2{
		width: 90%;
	}

	.banner .col-1 h1{
		font-size: 70px;
	}


	main .col-1,
	main .col-2{
		width: 100%;
		float: none;
		right: auto;
		left: auto;
	}

	.conoceme header{
		display: none;
	}

	.contenido{
		padding: 0;
	}

	.contenido p{
		font-size: 15px;
		line-height: 27px !important;
	}

	.conoceme h2{
		position: absolute;
		top: 50%;
		margin-top: -36px;
		margin-bottom: 0;
		font-size: 26px;
		line-height: 36px;
		max-width: 200px;
		z-index: 2;
	}

	.conoceme-titulo{
		position: relative;
		margin-bottom: 50px;
	}

	.conoceme-titulo img{
		display: block;
		max-width: 80%;
		margin-left: auto;
	}

	.habilidades header,
	.estudios header{
		margin-top: 50px;
		margin-left: -20px;
		margin-right: -20px;
	}

	main .fila{
		overflow: visible;
	}

	section header{
		min-height: 150px;
	}

	section header h1{
		font-size: 30px;
	}

	.habilidades .contenido,
	.estudios .contenido{
		margin-top: 50px;
	}

	.title{
		font-size: 40px;
	}

	.habilidades li{
		font-size: 15px;
	}

	.barra{
		float: none;
		width: 100%;
		margin-top: 10px;
	}

	.foto-1{
		display: none;
	}

	.estudios{
		margin: 0;
	}

	.estudios h2{
		font-size: 16px;
	}

	.fotografia, .editorial, .web, .branding{
		height: 150px;
	}

	.fotografia h2, .editorial h2, .web h2, .branding h2{
		font-size: 20px;
	}

	.breadcrumbs{
		padding-top: 50px;
	}

	.breadcrumbs.contenedor{
		padding-left: 0;
		padding-right: 0;
	}

	.lateral, .display{
		grid-column: span 6;
	}

	.breadcrumbs a{
		font-size: 9px;
	}

	.menu-contenedor .lateral{
		grid-row: 2;
		margin-top: 40px;
	}

	.menu-contendor .display{
		grid-row: 1;
	}

	.swiper-container{
		padding-bottom: 30px;
	}

	.menu-categorias h1{
		margin-top: 0;
	}

	.foto-contactame{
		display: none;
	}

	.info-contactame{
		grid-column: span 6;
	}

	.info-contactame > div{
		padding: 0;
	}
	.mas-info{
		display: inline-block;
	}

	#descripcion{
		height: 0px;
		overflow: hidden;
	}
	

}