@media (max-width: 1280px) {
    .container {
        flex-direction: column;
        width: 90%;
        border-radius: 20px;

        header {
            width: 100%;

            h1 {
                font-size: 24px;
                text-align: center;
            }
        }
    }
}

@media (max-width: 768px) {
    .container {
        header {
            form {
                width: 100%;
                .input-search,
                .btn-search {
                    width: 100%;
                }

            }
        }
    }
}

@media (max-width: 425px) {
    main {
        padding: 15% 0;
    }

    .container {
        .profile-data {
            .info {

                img,
                .data {
                    width: 100%;
                    padding: 0;
                }

                img {
                    margin-bottom: 20px;
                }
            }
        }
    }
}