body {
    background-color: #000;
}

span.brand img {
    width: 29%;
}

.enter-text {
    font-size: .75em;
}

p span {
    margin: 5px;
}

.player-icon {
    position: absolute;
    top: 17%;
    left: 30%;
    font-size: 7em;
    color: #fff;
}

.footer-link a {
    margin: 15px;
}

@media (min-width: 414px) { 
    .player-icon {
        position: absolute;
        top: 24%;
        left: 35%;
        font-size: 7em;
    }
}

@media (min-width: 640px) { 
    .player-icon {
        top: 30%;
        left: 40%;
        font-size: 7em;
    }
 }

 @media (min-width:768px) { 
    .player-icon {
        top: 22%;
        left: 34%;
        font-size: 6em;
    }
 }

 @media (min-width:1024px) { 
    .player-icon {
        top: 16%;
        left: 30%;
        font-size: 5em;
    }
 }

 @media (min-width: 1280px) {
    .player-icon {
        top: 22%;
        left: 34%;
        font-size: 6em;
    }
  }