body, head, h1 {
    margin:0;
    padding:0;
}

.logo {
    position: absolute;
    top: 35%;
    width:100%;
    text-align: center;
}

.logo img {
    max-width: 600px;
}

.copyright {
    position: absolute;
    bottom:20px;
    right:20px;
}

.copyright p {
    text-align: right;
}

@media  (max-width:  767px)  {

.logo {
    position:relative;
    width:auto;
    padding-top:35%;
}

.logo img {
    width:80%;
}

.copyright {
    position: relative;
    top: auto;
    right: auto;
    bottom: 0;
}

.copyright p {
    text-align: center;
}

}