.my-content {
    display: flex;
    min-height: 100vh;
    color: #ffffff;
    flex-direction: column;
    justify-content: center;

}

.my-row {
    display: flex;
    flex-direction: row;
}

.my-col {
    min-width: calc(100%/3);
    text-align: center;
}

.my-redes {
    min-height: 600px;
}
.my-icons {
    margin-right: 10px;
    font-size: 20px;
}
@media (min-width: 0px) and (max-width: 480px) {
    .my-row{
        flex-direction: column;
    }
    .my-col {
        min-width: 100%
    }
}


@media (min-width: 481px) and (max-width: 768px) {
    .my-row{
        flex-direction: column;
    }
    .my-col {
        min-width: 100%
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

}

@media (min-width: 1025px) and (max-width: 1200px) {

}

@media (min-width: 1200px) {

}