body
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee7250+0,ebfc10+50,3b7e2e+100 */
    background: #ee7250; /* Old browsers */
    background: -moz-linear-gradient(top,  #ee7250 0%, #ebfc10 50%, #3b7e2e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ee7250 0%,#ebfc10 50%,#3b7e2e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ee7250 0%,#ebfc10 50%,#3b7e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7250', endColorstr='#3b7e2e',GradientType=0 ); /* IE6-9 */

}
#cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding-bottom: 50px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    object-fit: contain;
     background: url(trumpet.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    align-content: center;

}

#text {
  width: 100%;
  height: 100%;
  background: url(GodHatesTrump.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    align-content: center;
}

#footer {
    
   position:fixed;
   left:50%;
    transform: translateX(-50%);
   bottom:0px;
   height:50px;
   width:80%;
   margin: 0 auto;
   background:rgba(255,255,255,0.8);
    -webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;
    
}

#inner-text {
height: 50px;
width: 80%;    
display:table-cell; vertical-align:middle;
}