header{
    text-align: center;
    padding: 15px 0px;
    background-image:linear-gradient(135deg,#232526,#414345);
    width: 100%;
    display: block;
    font-weight: bold;
    color: #681A15;
    font-family: 'Times New Roman', Times, serif;
    margin-top: 0;
}
h1{
    margin: 0;
}
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

footer{
    text-align: center;
    padding: 15px 0px;
    background-image:linear-gradient(135deg,#414345,#232526);
    width: 100%;
    display: block;
    bottom: 0;
    position: relative;
    left: 0;
    font-weight: bold;
    color: #681A15;
    font-family: 'Times New Roman', Times, serif ;
}

@media screen and (max-width:768px){
    footer{
    text-align: center;
    padding: 15px 0px;
    background-image:linear-gradient(45deg,#414345,#232526);
    width: 100%;
    display: block;
    bottom: 0;
    position: relative;
    left: 0;
    font-weight: bold;
    color: #681A15;
    font-family: 'Times New Roman', Times, serif ;
}

}