.barraSuperior {
    position: fixed;
    width: 100%;
    z-index: 99;
}


.iconos a {
    float: left;
    margin: 0 0 0 1em;
}

@media only screen and (max-width: 770px) {
    .flex-container {
        margin-top: 120px;
    }
}

@media only screen and (min-width: 771px) and  (max-width: 1200px) {
    .flex-container {
        margin-top: 80px;
    }
}

@media only screen and (min-width: 1201px) {
    .flex-container {
        margin-top: 50px;
    }
}


.principal {
    flex: 1;
}