.center {
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

.logo{
    width: 100%;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .logo{
        width: 100%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .logo{
        width: 100%;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .logo{
        width: 100%;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .logo{
        width: 75%;
    }
}

body{
    font-family: Verdana, sans-serif;
    text-align: center;
    color: #000000;
}

a{
    color: #000000;
}

.footer{
    padding-top: 50px;
}