@charset 'utf-8';

/*movil*/
article.intro_articulo_lateral,
article.intro_articulo{
display: inline-flex;
flex-direction: column;
justify-content: center;
}
article.intro_articulo_lateral div,
article.intro_articulo div:first-child {
	display: flex;
	flex: 1 3 90%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-self: baseline;
    text-align: center;
}

article.intro_articulo div:first-child div a:first-child{
   flex:1 0 90%;
   padding: 1.5px;
}

article.intro_articulo div:first-child div time.fecha{
  flex:1 0 90%;
  padding: 2.5px
  font-size:8px
}

article.intro_articulo div:nth-child(1)  h2{
   font-size: 25px;
   color: black;
   font-weight: 900px;
}


article.intro_articulo div:first-child h2:last-child{
flex-basis: 90%;
padding: 2.5px;
margin-top: 2.5px;
margin-bottom: 2.5px;
}

article.intro_articulo div:first-child a:last-child img{
width: 100%;
 /*height: 125px;*/
 border-radius: 2.5px;
}

article.intro_articulo div:last-child{
display: flex;
justify-content: center;
flex-direction: column;
}

article.intro_articulo div:last-child p{
font-size:16px;
font-weight: 700;
text-align: left;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 90%;
margin-left: 5%;
margin-right: 5%;
}

article.intro_articulo div:last-child a{
flex:0 1 90%; 
/*margin-left: 5%;
margin-right: 5%;*/
padding: 2.5px;
}

article.intro_articulo div:last-child a button{
width: 45%;
margin-left: 27.5%;
margin-right: 27.5%;
font-size:12px;
text-transform: uppercase;
padding: 2.5px;
}

div.sobre_mi{
	display: flex;
	flex-direction: column;
	flex-wrap;
    justify-content: center;
    align-self: start;
}

div.sobre_mi *{
flex-basis: 90%;
}

div.sobre_mi img{
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

article.intro_articulo_lateral{
	display: flex;
    
}

article.intro_articulo_lateral h3{
	font-size:18px;
	text-align: center;
}

article.intro_articulo_lateral div:first-child{
display: flex;
flex-direction: column;
align-self: center;
}

article.intro_articulo_lateral div:first-child img:first-child{
flex-basis: 90%;
margin-left: 5%;
margin-right: 5%;
}

article.intro_articulo_lateral div:first-child p:first-child{
flex-grow: 0;
flex-shrink: 1;
flex-basis: 30%;
margin-left: 10%;
margin-right: 10%;
text-align: left;
font-size: 14px;
font-weight: 700px;
}

/*movil grande*/
@media(min-width: 480px){

article.intro_articulo div:first-child div h2{
 font-size:33px;
}

article.intro_articulo div:first-child a:last-child img{
 width: 70%;
 margin-left: 15%;
 margin-right: 15%;
 /*height: 200px;*/
 border-radius: 2.5px;
}


}
/*tableb*/
@media(min-width:768px){

article.intro_articulo div:first-child a:last-child img{
	width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
    /*height: 250px; */
}

}

/*escritorio*/
@media(min-width:1024px){


article.intro_articulo div:first-child a:last-child img{
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
/*height: 225px; */
}

article.intro_articulo div:first-child div h2:first-child{
flex-basis: 75%;
font-size:22.5px;
}

article.intro_articulo div:first-child div time.fecha{
flex-basis: 25%;
align-self: center;
}


article.intro_articulo_lateral h4{
font-size: 16px;	
}

article.intro_articulo_lateral div p{
font-size: 12px;
font-weight: 700px;
}


}