/*Medida para tablets horizontal*/
@media screen and (max-width:1024px) {

}

/*Medida para tablets en vertical*/
@media screen and (max-width:960px) {
	#wrap {
		width: 100%;
	}
}

@media screen and (max-width:800px) {
	.tres { grid-template-columns: repeat(2, 1fr); }
	.cuatro { grid-template-columns: repeat(3, 1fr); }
	.cinco { grid-template-columns: repeat(3, 1fr); }
	.galeria { grid-template-columns: repeat(3, 1fr); }

	.layout { grid-template-columns: repeat(5, 1fr); }
	.tools { grid-column: span 2; } 

	img {
		max-width: 100%;
		background-size: cover;
		object-fit: cover;
	}
}

/*Medida para tablets en vertical*/
@media screen and (max-width:760px) {
	.dos { grid-template-columns: repeat(1, 1fr); }
	.cuatro { grid-template-columns: repeat(2, 1fr); }
	.cuatro-dos { grid-template-columns: repeat(3, 1fr); }
	.cinco { grid-template-columns: repeat(2, 1fr); }

	.about {
		width: 100%;
		height: 240px;
		background: url(images/about1.jpg) no-repeat top center;
		background-size: 100%;
	}

	#footer { padding: 10px; }
	#footer p {
		display: block;
	}

	#login { padding: 20px 10%; }
}

@media screen and (max-width:660px) {
	.topnav a {
		line-height: 20px;
	}
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {
		float: right;
		display: block;
	}

	.topnav.responsive { position: relative; }
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive a.minimo { 
		margin:0px;
	}
	.topnav.responsive a.oculto {
		display: none;
	}
	
	.tres { grid-template-columns: repeat(1, 1fr); }
	.cuatro-dos { grid-template-columns: repeat(2, 1fr); }

	.encabezado { padding-top: 55px; }
	.layout { grid-template-columns: repeat(1, 1fr); }
	.tools { grid-column: span 1; } 
	.contenido { grid-column: span 1; } 

	.titulo-single { padding-top: 90px; }
	.content { padding: 50px 20px 50px 20px; }

	h1 { font-size: 36px;  line-height: 45px; }
	h2 { font-size: 32px;  line-height: 40px; }
	h3 { font-size: 28px;  line-height: 36px; }
	h4 { font-size: 24px;  line-height: 30px; }

	.frase p {
		font-size: 36px;
		line-height: 46px;
		color: var(--blanco);
		transition: all 1s;
		text-shadow: black 0.1em 0.1em 0.2em
	}
	.frase span { font-size: 18px; }
}

/*Medida smartphones*/
@media screen and (max-width:500px) {
	.derecha { float: left; }

	.cuatro { grid-template-columns: repeat(1, 1fr); }
	.cinco { grid-template-columns: repeat(1, 1fr); }

	

	.titulo { padding-top: 20px; }
	.content { padding: 30px 20px 30px 20px; }

	.sidebar { padding: 20px 20px 20px; }
	.sidebar ul li { font-size: 16px; line-height: 24px; }
	.sidebar p { font-size: 16px; line-height: 24px; }
}

/*Medida smartphones*/
@media screen and (max-width:400px) {
}

/*Medida smartphones*/
@media screen and (max-width:300px) {
	
}

/*Medida smartphones*/
@media screen and (max-width:250px) {
	.topnav.responsive a.oculto {
		display: block;
	}
}