@media only screen and (min-width: 750px) {
    .container {
        width: 35%;
        margin-top: 1%;
        box-shadow: 0 3px 20px rgba(0,0,0,1);
        padding: 40px;
        background-color: #fff;
    }
}

@media only screen and (max-width: 751px) {
    .container {
        margin-top: 5%;
        box-shadow: 0 3px 20px rgba(0,0,0,1);
        padding: 40px;
        background-color: #fff;
    }
}

.main-logo {
    text-align: center;
}


button {
    width: 48%;
}