@media all {
    /* video */
    #video { overflow:hidden; }

    #video video { display:block; position:relative; width: 100vw; height:100vh; object-fit:cover; background-color:var(--color-green); }

    #video #video_options { display:none; position:absolute; bottom:var(--spacing-1S); right:0px; left:0px; text-align:center; z-index:200; }
    
    #video #video_options button { padding:var(--spacing-2S) ; color:var(--color-white); font-size:var(--font-size-1S); cursor:pointer; background-color:var(--color-green); border:1px var(--color-green) solid; border-radius:var(--spacing-4S); }
    #video #video_options button:hover,
    #video #video_options button:focus { color:var(--color-green); background-color:var(--color-white); background-image:none; border-radius:initial; border-radius:0; }

    /* intro */
    #intro { color:var(--color-white); text-align:right; background-image:linear-gradient(to bottom, rgba(0, 107, 103, 1) 70%, rgba(0, 0, 0, 0) 70%); }
    #intro:before { content:''; position:absolute; top:20%; right:50%; bottom:30%; left:10%; background-repeat:no-repeat; background-size:contain; background-image:url(https://eu2allwebext.blob.core.windows.net/shopsonlaneavenue/www/resources/images/common/other/i_flowers_3_light_green.png); z-index:1; }

    #intro .container_row_content { padding-left:40%; }

    #intro .brand_fancy_text { color:var(--color-light-beige); }
    #intro .brand_fancy_text span { color:var(--color-teal); }
    #intro p { font-size:var(--font-size-2L); }

    #intro #text .container_row_content { padding-bottom:0px;}

    #intro #tenant_types { margin-top:var(--spacing-2L); }

    #intro #tenant_types::before { content: ""; position:absolute; width:100%; max-width:1400px; height:1px; transform:translateX(-50%); bottom:calc(var(--spacing-1L) + calc(var(--spacing-2S) + calc(var(--font-size-2S) / 2))); left:50%; background-color: var(--color-black); }
    #intro #tenant_types .container_row_content { padding:0px 10% var(--spacing-5L) 40%; }
    #intro #tenant_types .ms-view { background-color:transparent; border-radius:var(--spacing-2L);}

    #intro #tenant_types .photo { position:relative; height:100%; background-color:var(--color-forest-green);  }
    #intro #tenant_types .photo img { width: 100%; aspect-ratio: 1 / 1; object-fit:cover; object-position:center bottom;}

    #intro #tenant_types .photo a.link { position:absolute; top:var(--spacing-2L); right:var(--spacing-2L); font-size:var(--font-size-1L); z-index:10; }

    #intro .brand_slider_controls { padding-left:var(--spacing-1S); padding-right:var(--spacing-1S); background-color:var(--color-white); }
    #intro .brand_slider_controls .input_button { color:var(--color-black); background-color:var(--color-white); border:1px var(--color-black) solid; border-radius:0px; }
    #intro .brand_slider_controls .input_button:hover,
    #intro .brand_slider_controls .input_button:focus { color:var(--color-white); background-color:var(--color-green); border:1px var(--color-green) solid; border-radius:var(--spacing-4S); }

    /* whats_new */
    #whats_new { background-position:right bottom; background-repeat:no-repeat; background-size:contain; background-image:url(https://eu2allwebext.blob.core.windows.net/shopsonlaneavenue/www/resources/images/common/other/i_flowers_2_light_green.png); }
    #whats_new .container_row_content{ padding-top:var(--spacing-2L); padding-bottom:var(--spacing-3L); }

    #whats_new h2 { margin-top:0px; }

    #whats_new ul.whats_new_list { grid-template-columns:repeat(3, 1fr); }
    #whats_new ul.whats_new_list li { position:relative; background-color:var(--color-gray); border-radius:var(--spacing-3L); }

    #whats_new ul.whats_new_list li a { position:absolute; top:0px; right:0px; bottom:0px; left:0px; border-radius:var(--spacing-3L); z-index:1; }
    #whats_new ul.whats_new_list li .photo { position:relative; }
    #whats_new ul.whats_new_list li .photo img { width:100%; height:calc(var(--spacing-5L) * 3); background-color:var(--color-forest-green); border-top-right-radius:var(--spacing-3L); border-top-left-radius:var(--spacing-3L);  }
    #whats_new ul.whats_new_list li .photo .label { display:inline-block; position:absolute; bottom:calc(-1 * calc(var(--font-size-2S) / 2)); left:50%; transform:translate(-50%); padding:var(--spacing-1S) var(--spacing-0); font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); line-height:0; text-transform:uppercase; z-index:1; }
    #whats_new ul.whats_new_list li .name .body { padding:var(--spacing-1L); font-size:var(--font-size-2L); font-weight:var(--font-weight-bold); text-align:center; }

    /* social*/
    #social_feed { text-align:center; }

    #social_feed .brand_curve { top:-10vw; }

    #social_feed h2 { margin:0px 0px var(--spacing-0) 0px; }
    #social_feed span.icon { color:var(--color-green); vertical-align:middle; }

    #social_feed ul.social_group { grid-template-columns:repeat(4, 1fr); gap:var(--spacing-1S); margin:var(--spacing-2L) 0px; }
    #social_feed ul.social_group li { position:relative; }

    #social_feed ul.social_group a { display:inline-block; border-radius:var(--spacing-1S);}
    #social_feed ul.social_group a:hover img,
    #social_feed ul.social_group a:focus img { opacity:.8; }

    #social_feed ul.social_group img { display:block; margin:0px; width:100%; border-radius:var(--spacing-1S); }
    #social_feed ul.social_group .social_icon { position:absolute; top:var(--spacing-2S); right:var(--spacing-2S); color:var(--color-white); z-index:1; }

}

@media (max-width:1400px) {
    #intro #tenant_types .container_row_content { padding:0px var(--spacing-2L) var(--spacing-5L) 40%; }
}

@media (max-width:1200px) {

}

@media (max-width:1000px) {
    #video #video_options button { font-size:var(--font-size-0); }

    #intro:before { top:10%; right:60%; z-index:0; }

    #intro #tenant_types .container_row.width_full { width:initial; }
    #intro #tenant_types .container_row_content { padding:0px var(--spacing-2L); }

    #intro #tenant_types::before { display:none; }
    #intro .brand_slider_controls { bottom:var(--spacing-2S); background-color:transparent; }

    #whats_new .container_row_content { padding-top:var(--spacing-2L); }
    #whats_new { background-size:30%; }
    #whats_new ul.whats_new_list { grid-template-columns:1fr 1fr; }
}

@media (max-width:700px) {
    #intro { text-align:center; }

    #intro:before { display:none; }
    #intro #text .container_row_content { padding-top:var(--spacing-2L); padding-left:var(--spacing-2L); }

    #social_feed ul.social_group { grid-template-columns:1fr 1fr; }
}

@media (max-width:500px) {

}