@media (max-width: 440px) {
    body {
        background: url(../image/bg-mobile.svg);
        background-color: hsl(257, 40%, 49%);
    }
    .logo {
        margin: 0;
        max-height: 80%;
    }

    .info {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .info .text {
        padding: 0;
        align-items: center;
    }

    .info .text h2, .info .text h3 {
        font-size: 18px;
    }

    .info .text p {
        text-align: center;
        font-size: 13.5px;
        padding: 20px;
    }

    .info .text .button {
        font-size: 12px;
    }

    .social .social-media {
        justify-content: center;
        padding: 0 0 50px 0;
        font-size: 12px;
    }

    .social .social-media a {
        width: 35px;
        height: 35px;
    }
}