body {
 margin: 0;
 background-color: rgb(129, 208, 235);
}

.title {    
   
    font-size: 62px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    background-color: rgb(129, 208, 235);
    /* border-radius: 20px; */
    
}

.flecha img {
    position: fixed;
    top: 2vh;
    left: 2vw;
    height: 20px;
    width: 20px;
}

.background  img {
    width: 98vw;
    height: 88vh;
    margin-left: 1vw;
    background-color: rgb(129, 208, 235);
}
.background iframe {
    width: 37vw;
    height: 37vh;
    position:absolute;
    top: 24vh;
    left: 38.7vw;
}
 @media screen and (min-width:480px) and (max-width:1180px)  {
    .background iframe {
        height: 38vh;
        position:absolute;
        top: 20vh;
        
    }

 }
 @media screen and (max-width:480px)  {
    
    .background iframe {
        width: 37vw;
        height: 38vh;
       
    }
 }