*{

    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    padding: 10px;
    }
   
.padre-1{

    border: 1px solid lightcoral;
     display:flex;
     justify-content: space-between;
      flex-wrap: wrap; 

}
.padre-1 div{
border: 1px  solid lightgray;
padding: 100px;
font-size: 20px;

} 
header{
    border: 1px solid lightgray;/*borde para poder separar el contenido*/
text-align: center; /*centrar el contenido*/
}
.padre-2{
border: 1px solid lightgray;
padding: 0px 0px 50px 0px;

}
.padre-2 h4{
    text-align: center;
}
footer {
    border: 1px solid lightgray;
    text-align: center;
   
}
@media (min-width: 768px){
.padre-2{
    display: flex;
    
}
footer{
display: flex;
justify-content: space-between;
}

}  /*@media es para señalar como queremos que se comporte el flexbox*/