body, html {
    height: 100%;
}
body { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0;
}
.container {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    
}
.elementos {
    width: 100%;
    max-width: 800px;
    margin: 0 30px;
}
.elementos img {
    display: block;
    margin: auto;
}
.frase {
    width: 100%;
}
.logo {
    padding-top: 50px;
}
.boton {
    padding-top: 20px;
    width: 100%;
    max-width: 300px;
    opacity: 1;
    transition: transform .2s;
}
.boton:hover{
    transform: scale(1.1);
}
.ico-audio {
    opacity: 1;
    transition: opacity 1s;
    cursor: pointer;
}
.ico-audio:hover{
    opacity: 0.6;
}