html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 100px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 66px;
    padding:10px;
    margin-top:20px;
    color: #fed493;
}

footer p {
    margin-bottom: 4px;
    font-size:11pt;
    color: #fed493;
}
.footer a {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 20px;
    color:#fff;


}
.footer a:hover {
    text-decoration: none;
    color: #fed493;

}

@media only screen and (max-width: 440px) {
    .footer {
        height: 52px;
    }
    body {
         margin-bottom: 56px;
     }
}