.section.about {
    padding: 80px 0;

    .box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 750px;

        .info {
            position: absolute;
            background: #FAFAFA;
            padding: 3rem;
            padding-top: 4.5rem;
            padding-bottom: 4.5rem;
            border-top-right-radius: 80px;
            border-bottom-left-radius: 80px;

            width: 500px;
            left: 60px;
            z-index: 1;

            h4 {
                font-size: 1.5rem;
                font-weight: 700;
            }

            a {
                color: #fff;
                background: #000000;
                font-size: .75rem;
                padding: 1rem;
                padding-left: 1.5rem;
                padding-right: 1.5rem;
                transition: all 0.3s ease;

                &:hover {
                    background: #333333;
                    transform: translateY(-2px);
                }
            }
        }

        img {
            position: absolute;
            right: 60px;
            height: 650px;
        }
    }

    @media (max-width: 768px) {
        padding: 40px 0;

        .box {
            flex-direction: column;
            height: auto;

            .info {
                position: relative;
                width: 90%;
                left: 0;
                margin-bottom: 30px;
                padding: 2rem;
                border-top-right-radius: 40px;
                border-bottom-left-radius: 40px;

                h4 {
                    font-size: 1.3rem;
                }
            }

            img {
                position: relative;
                right: 0;
                height: auto;
                max-height: 450px;
                width: 90%;
                margin-top: 20px;
            }
        }
    }
}