img {
    max-width: 100%;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: black;
}

.logo-principal {
  
    width: 110px;
    height: 110px;
}


/*-------------------------------------- Estilos generales-------------------------------*/

header {
    background-image: url(img/new-header.jpg);
    background-size: cover;
    min-height: 400px;
    
}

h2 {
    color: red;
}

h3 {
    color: red;
}


h6 {
    color: yellow;
}


p {
    color: white;
}



/*-----------------------------Estilos mas especificos----------------------*/

.nav-li {
    float: right;
    margin-right: 20px;
    list-style: none;
}

.navegacion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.list-nav-a {
    color: red;
    text-decoration: none;
    font-size: 18px;
}

.fl-studio {
    text-decoration: none;
}

.fl_studio{
    background-image: url(img-blog/imagen_fl_studio_20.jpg);

}



.prueba {
    background-color: aquamarine;
    height: 200px;
}



.title {
    position: absolute;
    align-items: center;
    color: red;

}

.quienes-somos {
    color: red;
}


/*Sugerencias*/

.sug {
    color: red;
}



/*Decoracion de boton descarga Fl-Studio-20*/

.fl-studio {
    background-color: yellow;
    border-radius: 5px;
    padding: 5px;
}

/*Decoracion footer*/

footer {
    background-color: darkslategray;
}





@media screen and (min-width: 848px) {
    .header-flayer {
        display: none;
    }
    
}