.padre
{   
    background: skyblue;
    display: flex;
    flex-flow: column;  
    width: 80%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.hijo
{
    width: 50%;
    height: 200px;
    border: 1px solid black ;
    border-radius: 12px;
    box-shadow: 10px 12px 10px;
    background-color: #f5f5f5;
    margin: 20px auto;
    display: flex;
    font-size: 20px;
}

.uno
{
    background: rgb(169, 203, 215);
    box-shadow: 16px 8px 2px rgba(219, 90, 90, 0.3);
    text-align: center;
    justify-content: center;
    align-items: center;
}

.dos
{
    background: radial-gradient(orange, white, rgb(44, 223, 247));
    justify-content: center;
    font-size: 20px;
}

.tres
{
    background: linear-gradient(45deg,orange, white, pink);
    justify-content: center;
    align-items: center;
}

.tres img
{   
    width: 50%;
    height: 100%;
    margin: 5%;
}

.cuatro
{
    background: linear-gradient(-45deg,orange, white, pink);

    .texto4{
        text-align: left;
        padding: 20px;
        font-size: 16px;
    }
}

.cinco
{
    background: linear-gradient(45deg,orange, white, pink);

    .texto5{
        text-align: left;
        font-size: 16px;
    }
}



@media (min-width: 1081px) {
    .hijo.uno {
        background-color: rgb(123, 105, 105);
    }
}

@media (max-width: 1080px) and (min-width: 600px) {
    .hijo.uno {
        background-color: rgb(216, 216, 40);
    }
}


@media (max-width: 599px) {
    .hijo.uno {
        background-color: rgb(142, 184, 198);
    }
}