* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.page {
    /*background: linear-gradient(200deg, #ff0062, #ff5387);*/
    background: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.logo {
    /*margin-bottom: 110px;*/
    height: 66%;
    display: flex;
    align-items: center;
}

.social-icons {
    width: 250px;
    height: 33%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.social-icons a {
    margin: 50px 0px;
}

.invisible {
    display: none;
}

@media only screen and (min-width: 450px) {
    .logo {
        height: 33%;
    }
    .invisible {
        display: block;
        height: 33%;
    }
    .social-icons {
        align-items: flex-start;
        width: 300px;
    }
    .social-icons a {
        margin: 0;
    }
}