.wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}
html{
    background-color: black;
}
audio{
    margin: 2em;
}
h1{
    margin:0.25em;
    color: white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
}
h2{
    margin:0.5em;
    margin-bottom: 1em;
    color: white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
}
img{
    border-color: white;
    border-style: inset;
    border-width: 3px;    
}

@media screen and (max-width:1024px) {
    img{width:90%;}
    h1{font-size:7vw;}
    h2{font-size:5vw;}
}

@media screen and (min-width:2560px) {
    img{width:50%;}
    h1{font-size:5em;}
    h2{font-size:2vw;}
    audio{width:25%;}
}