/*===== HOME =====*/
        .home {
            position: relative;
            row-gap: 5rem;
            padding: 4rem 0 5rem;
        }

        .home__data {
            align-self: center;
            padding-left: 10%;
            padding-top: 16%;
        }

        .home__title {
            font-size: 50px;
            font-weight: 800;
            color: #ffffff;
        }

        .home__title-color {
            color: #88c417;
        }

        @media screen and (max-width: 320px) {
            .home {
                row-gap: 2rem;
            }

            .home__img {
                width: 200px;
            }
        }

        @media screen and (min-width: 576px) {
            .home {
                padding: 0rem 0 0rem;
            }

            .home__img {
                width: 300px;
                bottom: 25%;
            }

            .about__container {
                grid-template-columns: repeat(2, 1fr);
                align-items: center;
                text-align: initial;
            }

        }

        @media screen and (min-width: 768px) {
            body {
                margin: 0;
            }

            .section {
                padding-top: 4rem;
                padding-bottom: 3rem;
            }

            .home {
                padding: 8rem 0 2rem;
            }

            .home__img {
                width: 400px;
                bottom: 10%;
            }

            .about__img img {
                width: 300px;
            }
        }

        @media screen and (min-width: 992px) {
            .bd-grid {
                margin-left: auto;
                margin-right: auto;
            }

            .home {
                padding: 5rem 0 0rem;
            }
        }