/* Elements */
img {
    max-width: 100%;
}

/* Classes */
.left-right{
    & * {
        font-family: var(--roboto);
    }
    & img {
        max-height: 480px;
        width: 100%;
        object-fit: contain;
    }
    & .copy {
        align-items: flex-start;
        padding: 120px;
        gap: 20px;
        @media(max-width: 1200px){ padding: 64px; }
        @media(max-width: 992px){ padding: 48px; }
        @media(max-width: 768px){ padding: 16px; }
    }
}

/* Sections */
#hero {
    gap: 30px;
    padding-block: 80px;
}

#lifestyle-1 {
    width: 100%;
    max-height:  700px;
    object-fit: cover;
    aspect-ratio: 1;
}

#tutorials {
    padding-bottom: 140px;
}