body{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    background-image: url(../img/fondo.webp);
    background-color: black;
    background-size:cover;
    background-position: center;
    background-attachment: fixed;
}

.contenedor{
    width: 1100px;
    margin: 0 auto;
    color: aqua;
}

.bienv{
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.bienv img{
    width: 600px;
}

h1{
    font-size: 54px;
    font-family: 'Zen Tokyo Zoo', system-ui;
    color: darkcyan;
}

h2{
    font-size: 48px;
    font-family: 'Koulen', sans-serif;
    color:darkkhaki;
    margin-bottom: -15px;
    margin-top: -15px;
}

h3{
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    color: lightgreen;
}

h4{
    font-size: 40px;
    font-family: 'Bebas Neue', sans-serif;
    color: #AE0AC4;
    margin-bottom: -50px;
}

h5{
    font-size: 38px;
    font-family: 'Aboreto', system-ui;
    
}

h6{
    font-size: 36px;
    font-family: 'Bebas Neue', sans-serif;
    color: aliceblue;
}

h7{
    font-size: 24px;
    font-family: 'Bebas Neue', sans-serif;
    color:red;
}

.maps{
    color: green;
}

.manu{
    font-size: 36px;
    font-family: 'Alex Brush', cursive;
    text-align: center;
}

.separador{
    width: 100%;
    margin: -30px 0;
}

.escucha {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.apps {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.apps1{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 25px;
}
.desc{
    margin:0 25px;
}

.doble{
    width: 100%;
    display: flex;
    background: rgba(0, 0, 0, .5);
    font-size: 1.2em;
    color: darkgoldenrod;
    padding: 20px 10px;
}

.uno{
    width: 60%;
    padding: 10px;
    padding-right: 75px;
}

.tres {
    width: 40%;
    padding: 10px;
    padding-right: 75px;
}  

.cuatro{
    padding: 75px 75px 0 10px;
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.equipo{
    width: 100%;
    background-image: url(../img/estre.jpg);
    display: flex;        
    flex-flow: column;
    align-items: center;
    justify-content:center;
}
.sep-red{
    width: 100%;
    height: 70px;
    background-color: rgba(255, 0, 0, .5);
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.title img{
    width: 30%;
}

.title{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.triple{
    width: 100%;
    display: flex;
    justify-content: center;
}


.msic{
    width: 60%;display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -70px;
}

.micro, .audi{
    margin-top: -70px;
}

.central{
    padding: 20px 25px;
}

.int{
    margin-top: -50px;
}

.central img{
    width: 40px;
}
.left, .right{
    width: 48%;
    padding-top: 30px;
}

.dj{
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding-bottom: 40px;
}

.siguenos{
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.int{
    margin-bottom: 100px;
}

.sep-red p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    margin-left: 20px;
}

.publi{
    width: 100px;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    margin: 20px auto;
}

.rev-maps{
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    margin: 25px;
}

.mapa{
    width: 512px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;

}

.maps{
    width: 100%;
    display: flex;
    justify-content: center;
}

.mision{
   text-align: center;
}