/*MOBILE*/
	.historia-box{
		width:100%;
		height:50%;
		padding-top:20px;
		display:flex;
		flex-direction: column;
		align-items: center;
		box-shadow:0px 1px #fff;
	}

	.historia{
		padding:0 20px;
		color:#fff;
		display:block;
		width:80%;
		font-family: Arial;
	}

	.imghistoria{
		margin:20px 0;
		display:flex;
		justify-content: center;
		align-items: center;
	}

	.imghistoria img{
		width:70%;
	}

	.titulo{
		font-size:40px;
		padding-bottom: 20px;
		text-align:center;
		text-shadow: 0px 5px #000;
	}

	p{
		font-size:20px;
		letter-spacing: 1px;
		text-align: justify;
	}

	.integrantes{
		width:100%;
		text-align:center;
		color:#fff;
		margin-top:30px;
	}

	.integrantes h3{
		font-size:40px;
		letter-spacing: 4px;
		font-family:montserrat; 
		text-shadow: 3px 3px #000;
	}

	.inte-box{
		margin:30px 0;
		width:90%;
		margin-left:5%;
		display:flex;
		flex-direction: column;
		align-items: center;
	}

	.img{
		display:flex;
		justify-content: center;
		align-items: center;
	}

	.img img{
		height:210px;
	}
	
	.text{
		width:100%;
		height:100%;
		color:#fff;
		display:inline-block;
		text-align:left;
		margin-bottom: 10px;
	}

	.name{
		width:100%;
		height:20%;
		display:block;
		color:#fff;
		font-size:30px;
		margin-bottom: 10px;
		font-family:bebas;
		letter-spacing: 2px;
	}
	
	.desc {
		width:100%;
		height:80%;
		display:block;
		font-size:15px;
		letter-spacing: 1px;
		font-family:Arial;
	}

/*TABLET*/
@media only screen and (min-width:500px){
	.integrantes h3{
		letter-spacing: 7px;
	}

	.titulo{
		font-size:60px;
		text-shadow: 0px 8px #000;
	}

	.inte-box{
		display:flex;
		flex-direction: row;
	}

	.text{
		margin-left: 10px;
		margin-bottom:0px;
	}
}

/*NOTEBOOK1*/
@media only screen and (min-width:1024px){
	.historia-center{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top:40px;
	}

	.historia-box{
		width:80%;
		display:flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}
	
	.historia{
		width:70%;
		margin-bottom:20px;
	}

	.imghistoria{
		width:30%;
		margin-top:100px;
	}

	.integrantes{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.inte-box{
		width:60%;
	}
}

/*BANDLOGO*/
@media only screen and (min-width:1400px){
	.historia p{
		font-size:20px;
		line-height:25px;
	}

	.desc {
		font-size:20px;
	}
}

/*PC*/
@media only screen and (min-width:1890px){
	.desc{
		font-size:25px;
	}
}