@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
.container{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;

	padding: 0 20px;
}


.card-container{
	display: flex;
	width: 900px;
	height: auto;
	border-radius: 2px;
	/*box-shadow: 5px 1px 10px 5px rgba(0, 0, 0,0.5);*/
}
.header{
	border-right: 1 px solid #ddd;
}
.descripcion{
	/*background: #fbfbfb;*/

}
.header, .descripcion{
	padding: 20px;
	text-align: center;

}
.header a{
	position: relative;
	display: block;
}
.header img{
	width: 350px;
	height: 400px;
	box-shadow: 0 0 0 8px rgba(0, 0, 0, .06);
	margin: 20px 30px;
	transition: .2s;
	align-items: center;

}
.header a:hover img{
	box-shadow: 0 0 0 12px rgba(0, 0, 0, .1);

}

.descripcion{
	position: relative;
}
.Titulo{
   margin: 20px 20px;
   text-align: justify;
   font-size: 30px;
   font-family: 'Montserrat', sans-serif;
   font-weight: bolder;
   color: white;
   text-shadow: -3px -3px 3px #F24405, 3px -3px 3px #F24405, -3px 3px 3px #F24405, 3px 3px 3px #F24405;
}
.des{
   margin: 20px 20px;
   text-align: justify;
   font-size: 15px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
/*Perfil de egreso 1*/
.pEgreso1{
	display: flex;
	width: 1300px;
	height: auto;
	border-radius: 2px;
	/*box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, .2);*/
}
.Titulo2{
   margin: 20px 30px;
   text-align: justify;
   font-size: 30px;
   font-family: 'Montserrat', sans-serif;
   font-weight: bolder;
   color: white;
   text-shadow: -3px -3px 3px #F24405, 3px -3px 3px #F24405, -3px 3px 3px #F24405, 3px 3px 3px #F24405;
}
.des2{
   margin: 20px 30px;
   text-align: justify;
   font-size: 15px;
   font-family: 'Montserrat', sans-serif;
   color: white;
   font-weight: bolder;
}

.imagenPE1 img{
	width: 350px;
	height: 400px;
	box-shadow: 0 0 17px 12px #358886;
	margin: 80px 20px;
	transition: .2s;
	/*align-items: center;*/
		background-position: right center;


}
.bordePerfil img{
  box-shadow: 0 0 17px 12px #358886;

}
/*Perfil de egreso 2*/
.pEgreso2{
	display: flex;
	width: 1000px;
	height: auto;
	border-radius: 2px;
	/*box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, .2);*/
}
.imagenPE2 img{
	width: 350px;
	height: 400px;
	box-shadow: 0 0 17px 12px #358886;
	margin: 65px 30px;
	transition: .2s;
	align-items: center;



}
.des3{
   margin: 20px 30px;
   text-align: justify;
   font-size: 15px;
   font-family: 'Montserrat', sans-serif;
   color: white;
   font-weight: bolder;
}

/*Termina diseño de la barra de nav*/
@media(max-width:640px){
	.card-container{
		display: block;
		width: 350px;
	}
	.header{
		padding: 0 0 5px 0;
		border: none;
	}
	.descripcion{
	  padding: 5px 10px 10px 10px;
	  background: transparent;

	}
	.header h4{
		margin: 0;
	}
	p.des{
   margin: 20px 20px;
   text-align: justify;
   font-size: 10px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
p.des2{
   margin: 20px 20px;
   text-align: justify;
   font-size: 7px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
p.des3{
   margin: 20px 20px;
   text-align: justify;
   font-size: 8px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
	ol.des{
   margin: 20px 20px;
   text-align: justify;
   font-size: 10px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
	ol.des3{
   margin: 20px 20px;
   text-align: justify;
   font-size: 8px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
	ul.des2{
   margin: 20px 20px;
   text-align: justify;
   font-size: 7px;
   font-family: 'Montserrat', sans-serif;
   color:white;
   font-weight: bolder;
}
.header img{
	width: 160px;
	height: 210px;
	box-shadow: 0 0 0 8px rgba(0, 0, 0, .06);
	margin: 20px 30px;
	transition: .2s;
	align-items: center;

}
.container{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	margin-top:-45px;

}

}