/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

	.container_menu,
	.container_menu .menu{
		margin: 0px;
		width: 100%;
	}

	.menu ul{
		width: 100%;
		align-content: center;
		justify-content: center;
	}

	.menu ul li{
		margin: 10px;
	}

	.menu ul li a{
		margin: 0px;
		font-size: 0.6rem;
	}



	.container_presentacion{
		padding-top: 50px;
		height: 100%;
	}

	.presentacion {
		width: 100%;
		padding: 0px 25px;
		height: auto;
	}

	.presentacion .texto h1{
		text-align: center;
	}

	.presentacion .texto p{
		text-align: justify-all;
	}

	.presentacion img {
		width: 100%;
		max-height: auto;
	}



	.container-separate{
		height: 100px;
		flex-wrap: wrap;
		justify-content: center;
		margin: 10px 0px;
		}

	.container-separate .s_email,
	.container-separate .icon_social{
		margin-bottom: 10px;
	}



	.portfolio {
		width: 100%;
	}

	.portfolio .img_separate{
		display: block;
		text-align: center;
		width: 100%;
		/*padding: 0px 100px;*/
		margin: 50px 0px;
	}

	.portfolio .img_separate img{
		width: 40%;
	}

	.portfolio .title{
		width: 100%;
		text-align: center;
	}

	.portfolio .port-il,
	.portfolio .port-ir{
		padding: 0px 25px;
		margin-bottom: 0px;
	}

	.portfolio .port-il .img,
	.portfolio .port-ir .img{
		display: none;
	}

	.portfolio .port-il .img_md,
	.portfolio .port-ir .img_md{
		width: 100%;
		display: block;
		margin-bottom: 50px;
	}

	.portfolio .port-il .texto,
	.portfolio .port-ir .texto{
		width: 100%;
		/*background-color: red;*/
	}

	.portfolio .port-il .texto p,
	.portfolio .port-ir .texto p{
		margin: 0px;
		font-size: 1.2rem;
	}



	.aboutme{
		width: 100%;
		padding: 50px 0px;
	}

	.aboutme .img{
		display: none;
	}

	.aboutme .texto{
		width: 100%;
		padding: 0px 25px;
	}

	.aboutme .texto .img_md{
		display: block;
		margin-bottom: 50px;
	}

	.aboutme .texto img{
		width: 100%;
		height: auto;
	}

	.aboutme .texto p{
		text-align: justify-all;
		font-size: 1.2rem;
		margin: 0px 40px 40px 40px;
	}





	.contacto{
		width: 100%;
		height: auto;
		display: block;
		padding: 0px;
	}

	.contacto .social{
		text-align: center;
		justify-content: center;
	}

	.contacto .social .texto{
		margin-top: 50px;
	}

	.contacto .social .icon_social{
		margin-bottom: 50px;
	}

	.contacto .form_contacto{
		width: 100%;
		padding: 0px 25px;
	}

	.contacto .form_contacto .btncontact{
		text-align: center;
		margin-bottom: 50px;
	}


}



@media (min-width: 601px) and (max-width: 992px) {

	.menu ul li a{
		font-size: 0.8rem;
	}



	.container_presentacion{
		min-height: 900px;
	}

	.presentacion,
	.container_presentacion .texto,
	.container_presentacion .img,
	.contacto{
		width: 100%;
		padding: 0px 25px;
	}

	.presentacion img{
		width: 100%;
	}



	.portfolio {
		width: 100%;
		padding: 0px 25px;

		text-align: center;
	} 

	.portfolio .port-il,
	.portfolio .port-ir{
		width: 100%,
		padding: 0px 25px;
	}

	.portfolio .port-il img,
	.portfolio .port-ir img{
		width: 300px;
		height: auto;
		margin: 25px;
	}

	.portfolio .port-il, .portfolio .port-ir{
		margin: 0px;
	}

	.portfolio .img_separate{
		display: block;
		width: 100%;
		margin: 50px 0px;
	}

	.portfolio .img_separate img{
		width: 30%;
	}

	.aboutme{
		width: 100%;
		margin: 0px 25px;
	}

	.aboutme .texto p{
		margin: 25px;
	}

	.contacto{
		margin: 50px 0px;
	}

	.contacto .form_contacto .btncontact{
		width: 100%;
		text-align: center;
	}
}