@import url("https://use.typekit.net/wgs6cgp.css");


.theme {}

/*
—————————————————————————
MAIN ELEMENTS
————————————————————————— */

body { background: #000; color: #fff; }
footer {}
header {}
main {}
nav {}
section {}

/*
——————————————————————————————————————————————————

TYPE

Only attributes relating to font and text styling should be located here. 
Avoid including attributes relating to placement and positioning. You want to 
keep each section distinct to avoid duplications, overriding, and errors. Plus its just easier to manage.


—————————————————————————————————————————————————— */

.theme { background: none; color: #fff; margin: auto; width: 100%; max-width: 1600px; }
  .theme a { color: #fff; text-decoration: underline; vertical-align: baseline; }
	.theme a:hover { text-decoration: underline; }
	  .theme a:hover h4 { text-decoration: none; }
	  .theme a:hover h5 { text-decoration: none !important; }
  .theme article {}
  .theme blockquote { font-family: "ivyora-display", serif; font-size: 4rem; font-weight: 300; letter-spacing: -0.01em; line-height: 0.9em; text-align: center; text-transform: inherit; }
  .theme dl {}
	.theme dl dd { font-family: "sofia-pro", sans-serif; font-size: 1.05rem; font-weight: 300; line-height: 2em; }
	.theme dl dt { font-family: "sofia-pro", serif; font-size: 1.05rem; font-weight: 400; text-transform: uppercase; }
  .theme h1 { font-family: "mixta-didone", serif; font-size: 8em; font-style: normal; font-weight: 200; letter-spacing: -0.01em; line-height: 0.85em; text-transform: inherit; }
	.theme h1 span { font-weight: 200; }
  .theme h2 { font-family: "mixta-didone", serif; font-size: 3.5rem; font-style: normal; font-weight: 200; line-height: 1.1em; letter-spacing: -0.01em; text-align: center; text-transform: inherit; }
	.theme h2 span { font-weight: 200; }
  .theme h3 { font-family: "sofia-pro", serif; font-size: 2rem; font-style: normal; font-weight: 200; letter-spacing: -0.01emem; line-height: 1.1em; text-transform: inherit; }
  .theme h4 { font-family: "sofia-pro", serif; font-size: 1.6rem; font-weight: 200; letter-spacing: 0.04em; line-height: 1.3em; text-transform: inherit; }
  .theme h5 { font-family: "sofia-pro", sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.5em; margin-bottom: 1.5em; }
  .theme h6 { font-family: "sofia-pro", sans-serif; font-size: 0.8rem; font-weight: 400; }
  .theme h7 { font-family: "sofia-pro", sans-serif; font-size: 0.65rem; font-weight: 400; letter-spacing: 0.1em; }
  .theme hgroup { margin: auto; max-width: 980px; }

  .theme input { font-size: 1.05em; font-weight: 300; }
	.theme input[type=submit] { font-family: "sofia-pro", serif; font-size: 1.05em; letter-spacing: 0.05em; text-transform: uppercase; }
  .theme label { font-family: "sofia-pro", sans-serif; font-size: 0.7em; font-weight: 500; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; }
  .theme main { perspective: 8px; perspective-origin: 0%; z-index: 1; }
  .theme p { font-family: "sofia-pro", sans-serif; font-size: 1.03rem; font-weight: 300; line-height: 1.8em; vertical-align: baseline; }

  .theme select { font-family: "sofia-pro", sans-serif; font-size: 1.05em; font-weight: 300; }
  .theme textarea { font-family: "sofia-pro", sans-serif; font-size: 1.05em; font-weight: 300; }
.theme ul { }
  .theme ul li { /* border-top: solid 1px #000; */ list-style: none; }
	.theme ul li:last-of-type { /* border-bottom: solid 1px #000; */ }
	.theme ul li span { font-size: 0.9rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; }

/*
—————————————————————————
CONTROLS
————————————————————————— */

.theme input { background: none; border: solid 1px #000; border-radius: 0; outline: none; margin-bottom: 0.8em; padding: 0.8em; transition: 0.20s all ease; }
  .theme input:focus { background: #fafafa; transition: 0.20s all ease; }
  .theme input:hover { transition: transition: 0.20s all ease; }
.theme input[type=submit] { background: #000; color: #fff; padding: 1em 1.5em 1em 1.5em; transition: 0.20s all ease; } 
  .theme input[type=submit]:hover { background-color: #333; transition: 0.20s all ease; }
.theme select { background: none; border: solid 1px #000; margin-bottom: 0.8em; outline: none; padding: 0.8em; transition: 0.20s all ease; }
  .theme select:focus { background: #fafafa; transition: 0.20s all ease; }
.theme table { border-bottom: solid 1px #d7d7d7; border-top: solid 1px #d7d7d7; }
.theme table tr { border-bottom: solid 1px #d7d7d7; border-top: solid 1px #d7d7d7; }
.theme table td { padding: 6% 0 6% 0; }
  .theme table td h4 { text-transform: uppercase; }
  .theme table td h5 { text-transform: uppercase; }
  .theme table td span { text-transform: capitalize; }
.theme textarea { background: none; border: solid 1px #000; margin-bottom: 0.8em; outline: none; padding: 0.8em; transition: 0.20s all ease; }
  .theme textarea:focus { background: #fafafa; transition: 0.20s all ease; }

/*
—————————————————————————
CUSTOM CLASSES
————————————————————————— */

.theme .bg { background-image: url('/img/bg.jpg'); background-size: cover; background-position: center center; }
.theme .bg_blur { background: rgba(255,255,255,0.10); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: 0.25s all ease; }
.theme .bg_blur:hover { background: rgba(0,0,0,0.25); transition: 0.25s all ease; }

.theme .bg_gradient_noise { background: linear-gradient(180deg, rgba(243,243,243,1), rgba(0,0,0,0)), url('/domain/img/noise.svg'); background-repeat: repeat; filter: contrast(170%) brightness(100%); height: 250px; width: 250px; }

.theme .bg_gradient { background-image: url('/domain/img/gradient.png?ghvnedsd'); background-position: top left; background-repeat: repeat-x; background-size: contain; }
.theme .bg_solid { background-image: url('/domain/img/noise.png'); background-repeat: repeat; }
.theme .bg_color { background: rgba(248,248,248,1); }
  .theme .bg_color_1 { background: #fbf9f7; }
  .theme .bg_color_2 { background: #f4f0ed; }

.theme .border_bottom { border-bottom: solid 1px #000; }
.theme .border_top { border-top: solid 1px #000; }

.theme [class*='button_'] { background: none; border: solid 1px #000; color: #000; padding: 1.3em 2em 1.3em 2em; font-family: "sofia-pro", serif; font-size: 14px; font-weight: 400; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }
.theme [class*='button_'] { border: solid 1px #000; color: #000; padding: 1.3em 2em 1.3em 2em; font-family: "sofia-pro", serif; font-size: 14px; font-weight: 400; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }

  .theme .button_cta { background: none; border: solid 1px #fff; color: #fff; }
	.theme a.button_cta:hover { background: #fff; border: solid 1px #fff; color: #000; transition: 0.15s all ease; text-decoration: none; }

  .theme .button_primary { background: none; transition: 0.10s all ease; }
	.theme .button_primary:hover { background: #000; border-color: solid 1px #000; color: #fff; text-decoration: none; transition: 0.10s all ease; }
	.theme a.button_primary:hover { background: #000; border-color: solid 1px #000; color: #fff; text-decoration: none; transition: 0.10s all ease; }

  .theme .button_secondary { background-image: url('/img/icon_plus-circle.svg'); background-position: left center; background-repeat: no-repeat; background-size: 20px; border: none; color: #000; font-weight: 500; padding: 0 2em 0 2em; text-align: left; }

  .theme .button_small { background: none; border-color: #fff; border-radius: 0px; font-size: 0.9em; letter-spacing: 0.1em !important; padding: 0.5em 0em; min-width: 10em;  }
	.theme a.button_small:hover { background: #000; border-color: #000; color: #fff; text-decoration: none; }
	  .theme .scrolled .button_small { background: none; border-color: #000; color: #000; }
		.theme .scrolled a.button_small:hover { background: #000; border-color: #000; color: #fff !important; }


.theme .section { min-height: auto; padding: 10% 0 10% 0; }
  .theme .section hgroup { margin-bottom: 2em; }



.theme .wrap { max-width: 1440px; }
  .theme .wrap_inner { max-width: 980px; }


/*
—————————————————————————
COMMON SELECTORS
————————————————————————— */

  /* Common Footer */
  .theme #common_footer { background: #000; bottom: 0; font-size: 0.8em; height: 100vh; padding: 0 0 0 0; position: relative; width: 100%; }

	.theme #common_footer #footer_cta { bottom: 0; height: 50%; margin: auto; position: absolute; top: 0; width: 100%; }
	  .theme #common_footer #footer_cta h2 { color: #fff; font-size: 6em; }
	  .theme #common_footer #footer_cta h5 { color: #fff; }

	.theme #common_footer #footer_legal { bottom: 0; color: #fff; font-size: 0.85em; letter-spacing: 0.08em; margin: auto; padding: 2em 0 1em 0; position: absolute; width: 100%; }

	.theme #common_footer #footer_nav { bottom: 4em; padding: 2em 0 2em 0; position: absolute; width: 100%; }	
	  .theme #common_footer #footer_nav .footer_link { color: #fff; font-weight: 500; margin: 0 1em 0 1em; letter-spacing: 0.2em; text-transform: uppercase; }

  /* Common Header */
  .theme #common_header { display: none; padding: 0 0 2% 0; }
	.theme #common_header .logo_header { margin: auto; width: 13%; }
  
  /* Common Modal */
  #common_modal_iframe .overlay { background: rgba(0,0,0,0.8); padding: 0 10% 0 10%; }
	#common_modal_iframe .overlay .ui_modal_close { background-image: url('/img/icon_close-circle-white.svg'); background-repeat: no-repeat; background-position: center center; height: 40px; width: 40px; }
	  #common_modal_iframe .overlay .ui_modal_close img { display: none; }

  #common_modal_iframe #modal_iframe_content { border-radius: 0; padding: 0; }

  /* Common Nav */
  .theme #common_nav {}

	.theme #common_nav #menu_primary { background: none; display: block; left: 0; padding: 1.5em 0.5em 1.5em 0.5em; position: absolute; width: 100%; transition: 0.25s all ease; top: 0; }
	  .theme #common_nav #menu_primary a { }
		.theme #common_nav #menu_primary a:hover { font-weight: 500; text-decoration: none; }
		.theme #common_nav #menu_primary .nav_icon_veterans { background-image: url('/domain/img/logo_veterans.svg'); background-position: left center; background-repeat: no-repeat; background-size: contain; padding-left: 20px; }
		.theme #common_nav #menu_primary .nav_link { color: #fff; font-size: 0.8em; font-weight: 500; letter-spacing: 0.2em; margin: 0 1.5em 0 0; mix-blend-mode: difference; text-transform: uppercase; }
		  .theme #common_nav #menu_primary .nav_link:last-of-type { margin-right: 0; }
	  .theme #common_nav #menu_primary.scrolled { background: rgba(255,255,255,0.9) !important; mix-blend-mode: darken; left: 0; padding: 1em 0 1em 0; position: fixed !important; top: 0; transition: 0.25s all ease; z-index: 9999; }
		  .theme #common_nav #menu_primary.scrolled .nav_link { color: #000; mix-blend-mode: darken; }

	.theme #common_nav #menu_secondary { background: rgba(255,255,255,0.98); display: none; height: 50px; position: fixed; width: 100%; }
	  .theme #common_nav #menu_secondary .ui_icon_menu { background: none; height: 60px; left: 1em; margin: 0; overflow: hidden; position: fixed; top: 0; width: 40px; z-index: 999; }
		.theme #common_nav #menu_secondary .ui_icon_menu img { height: 50px; }

	.theme #common_nav #menu_overlay { background: rgba(0,0,0,0.35); background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url('/domain/files/uploads/cache/7a27b8a54b4a0358d39e89c1b6533116_w2851.5.jpeg') center center no-repeat; background-size: cover; color: #fff; height: 100vh; overflow: hidden; position: fixed; right: 0; top: 0; width: 100%; z-index: 999; }
	  .theme #common_nav #menu_overlay .logo { left: 0; margin: auto; position: fixed; right: 0; top: 8%; max-width: 140px; }

	.theme #common_nav #menu_overlay .nav_info { bottom: 5%; position: absolute; text-align: center; width: 100%; }
	  .theme #common_nav #menu_overlay .nav_info h5 { margin-bottom: 0; text-transform: uppercase; }
	  .theme #common_nav #menu_overlay .nav_info p { }
	
	.theme #common_nav #menu_overlay ul { height: 100vh; left: 0; margin: auto; position: absolute; right: 0; top: 30%; width: 50%; }
	  .theme #common_nav #menu_overlay ul li { margin: 0; padding: 2em; text-align: center; }
		.theme #common_nav #menu_overlay ul li .nav_link { color: #fff; display: block; font-family: "mixta-didone"; font-size: 4vh; font-style: italic; font-weight: 200; text-transform: capitalize; }
	  .theme #common_nav #menu_overlay .ua_open-menu { mix-blend-mode: difference; width: auto; transition: width 0.3s; }
	  .theme #common_nav #menu_overlay .ua_close-menu { background: url('/img/icon_close-white.svg') center center no-repeat; height: 25px; left: 0.2em; position: fixed; right: auto; top: 0; width: 25px; }
		.theme #common_nav #menu_overlay .ua_close-menu img { display: none; }

	.theme #gallery [class*='grid_columns_'] .block_image { height: 500px; max-width: 400px; }
	  .theme #gallery [class*='grid_columns_']:nth-of-type(2) .block_image { height: 500px; max-width: 100%; }

	.theme #hero { height: 99vh; overflow: hidden; padding: 0 0 0 0; position: relative; width: 100%; }
	  .theme #hero .block_code { height: 100vh; z-index: 10; }
		.theme #hero .block_code .copy { left: 0; margin: auto; position: absolute; right: 0; top: 30vh; /* transform: translate(-50%, 75%); */ width: 100%; z-index: 11; } 
		  .theme #hero .block_code .copy h1 { color: #fff; margin: auto; width: 90%; max-width: 1080px; }
		  .theme #hero .block_code .copy .button_cta { margin-top: 5%; }
	  .theme #hero .hero { filter: brightness(65%); padding: 0.5em; } 
		.theme #hero .hero img { filter: brightness(0.55); height: 100vh; }
		.theme #hero .hero video { filter: brightness(0.55); height: 100vh; object-fit: cover; }


/*
—————————————————————————
CONTENT SELECTORS
————————————————————————— */

  /* Home */
  .theme #home { }

  .theme #home #hero { padding: 0 0 0 0; }
	.theme #home #hero .button_primary { border: solid 1px #fff; color: #fff; }
	  .theme #home #hero .button_primary:hover { background: #cd1212; border: solid 1px #cd1212; }
	.theme #home #hero .copy { top: 25vh; /* transform: translate(-50%, 50%); */ }
	.theme #home #hero .hero { filter: brightness(70%); } 




/*
———————————————————————————————————————————————————————————————————————————

MEDIA QUERIES

*
* Conditions modify existing classes & selectors to change the appearance of elements based on screen width
* 
* 1. The default 3 conditions typically cover majority of screen sizes, though additional conditions can be included.
* 2. Use sparingly (complex modifications typically indicate an element should be simplified)
*
*

——————————————————————————————————————————————————————————————————————————— */

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	
	/*
	——————————————————————————————————————————————————
	
	BREAKPOINT DETAILS
	
	Min-Width: 1024px	
	Max-Width: 1280px
	Target Device: Tablets
	Orientation: Portait & Landscape
	
	—————————————————————————————————————————————————— */  

	.theme h1 { font-size: 14vh; }
	.theme h2 { font-size: 5vh; }
	.theme h3 { font-size: 4vh; }
	.theme h4 { font-size: 3vh; }
	.theme h5 { font-size: 2vh; }
	.theme input { border: solid 1px #000; font-size: 1.3em; }
	  .theme input:focus { background: none; border: solid 1px #cd1212; }
	.theme input[type=submit] { font-size: 1.3em; margin-top: 0.5em; padding: 0.5em 1em 0.5em 1em; } 
	.theme select { border: solid 1px #000; font-size: 1.3em; }
	  .theme select:focus { background: none; border: solid 1px #cd1212; }
	.theme table {}
	.theme textarea { border: solid 1px #000; font-size: 1.3em; }

  	/*
	—————————————————————————
	Classes (Tablets Landscape)
	————————————————————————— */
  
	.theme .spread { height: auto; overflow: visible; padding: 2em 0 2em 0; position: relative; }
	  .theme .spread h3 { text-align: center; }
	  .theme .spread h5 { text-align: center; }
	  .theme .spread p { font-size: 1.1em; line-height: 1.5em; text-align: center; }
	  .theme .spread .copy { min-height: auto; height: auto; left: 0; order: 2; padding: 2em 0 0 0; position: relative; top: 0 !important; }
		.theme .spread .copy .block_text { height: auto; margin: auto; position: relative; text-align: left !important; max-width: 100%; }
	  .theme .spread .image { height: auto; order: 1; position: relative; margin-bottom: 0.5em; }
		.theme .spread .image img {}
	  .theme .spread .wrap { padding: 0 1em 0 1em; }
	  .theme .spread [id*='column_'] { display: block; width: 100%; }
   
  
	/*
	—————————————————————————
	Selectors (Tablets Portait)
	————————————————————————— */

	.theme #common_footer #footer_nav { display: none; }
  
  
}
@media only screen and (max-width: 767px) {

	/*
	——————————————————————————————————————————————————
	
	BREAKPOINT DETAILS
	
	Max-Width: 767px
	Target Device: Smartphones & Handheld
	Orientation: Portait & Landscape
	
	—————————————————————————————————————————————————— */

	.theme h1 { font-size: 8vh; max-width: 100%; }
	.theme h2 { font-size: 5vh; max-width: 100%; }
	.theme h3 { font-size: 4vh; line-height: 1.2em; }
	.theme h4 { font-size: 3vh; }
	.theme h5 { }
	.theme hgroup { padding: 1em; }
	.theme input { border: solid 1px #000; font-size: 1.3em; }
	  .theme input:focus { background: none; border: solid 1px #cd1212; }
	.theme input[type=submit] { font-size: 1.3em; margin-top: 0.5em; padding: 0.5em 1em 0.5em 1em; } 
	.theme p { font-size: 1em; line-height: 1.8em; }
	.theme select { border: solid 1px #000; font-size: 1.3em; }
	  .theme select:focus { background: none; border: solid 1px #cd1212; }
	.theme table {}
	  .theme table td h4 { font-size: 5vw; }
	.theme textarea { border: solid 1px #000; font-size: 1.3em; }

  	/*
	—————————————————————————
	Classes (Mobile)
	————————————————————————— */
  
	.theme .block_button {}
	  .theme .block_button [class*='align_'] { }
  
	.theme .block_code { min-height: auto; }
  
	.theme .block_teaser { height: auto; padding: 0 0 0 0; margin-top: 5em; }
	  .theme .block_teaser [id*='teaser_'] { height: auto; margin-bottom: 2em; }
		.theme .block_teaser [id*='teaser_'] .image { height: 325px; }
	  .theme .block_teaser [id*='teaser_']:nth-child(3n) { flex-basis: 100%; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n) .copy { margin: 0; width: 100%; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n) .image { height: 325px; margin: 0; width: 100%; }
	  .theme .block_teaser [id*='teaser_']:nth-child(3n-2) { height: auto; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n-2) .copy { margin: auto; width: 100%; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n-2) .image { height: 325px; margin: auto; width: 100%; }

	.theme .button_cta { font-size: 2vh; height: auto; padding: 1em 2em 1em 2em; width: auto; }

	.theme [class*='grid_columns_2'] .block_text { padding: 0; max-width: 100%; }
 
	.theme .header { min-height: 50vh; height: 100%; margin: 5em auto 10em auto; }
	  .theme .header .block_code { height: auto; }
	  .theme .header .block_image img { height: 99vh; }

  	.theme .layout_spread .copy { order: 2; }
	  .theme .layout_spread .copy .block_text { align-self: center; margin: 2em auto 2em auto; max-width: 100%; z-index: 3; }
	.theme .layout_spread .image { order: 1; }
	  .theme .layout_spread .image .block_image { align-self: center; display: flex; justify-content: center; margin: auto; }

	.theme .logos [class*='span_'] { width: 50%; }
	  .theme .logos .logo { height: auto; }
		.theme .logos .logo img { aspect-ratio: 1/1; width: 100%; }
  
	.theme .nav_admin { bottom: 0; position: fixed; z-index: 999; }
  
	.theme [class*='shape_'] { border-radius: 0; height: auto; width: 100%; }
	  .theme [class*='shape_'] img { border-radius: 0; height: auto; width: 100%; }
 
	.theme .section { min-height: auto; padding: 15% 0 15% 0; }
  
	.theme .spacer { display: none; }
  
	.theme .spread { height: auto; overflow: visible; padding: 2em 0 2em 0; position: relative; }
	  .theme .spread h3 { text-align: left; }
	  .theme .spread h5 { text-align: left; }
	  .theme .spread p { text-align: left; }
	  .theme .spread [id*='column_'] { display: block; width: 100%; }
	  .theme .spread .block_text { max-width: 100%; }
	  .theme .spread .copy { min-height: auto; height: auto; left: 0; order: 2; padding: 0 0 0 0; position: relative; top: 0; }
		.theme .spread .copy .block_text { height: auto; position: relative; max-width: 100%; }
	  .theme .spread .image { height: auto; order: 1; position: relative; margin-bottom: 0.5em; }
		.theme .spread .image img { }
	  .theme .spread .wrap { padding: 0 1em 0 1em; }
  
	.theme .wrap { padding: 0 1em 0 1em; }
	  .theme .wrap_inner { padding: 0 1em 0 1em; }
  
  
	/*
	—————————————————————————
	Selectors (Mobile)
	————————————————————————— */
 
  .theme #common_footer #footer_cta h2 { font-size: 6vh; }
  .theme #common_footer #footer_nav { display: none; }
  
  .theme #common_header {} 
    .theme #common_header .logo_header { margin-top: 2em; width: 110px; }
  
    #common_modal_iframe .overlay { background: rgba(0,0,0,0.8); padding: 0 0 0 0; }
  	#common_modal_iframe .overlay .ui_modal_close { background-image: url('/img/icon_close-circle.svg'); height: 30px; width: 30px; }

  .theme #common_nav #menu_primary { display: none; }  
  .theme #common_nav #menu_secondary { display: block; }

  .theme #contact {}
	.theme #contact .header { min-height: 30vh; height: auto; padding-bottom: 5em; }
	.theme #contact #info [class*='span_'] { display: block; float: none; width: 100%; }

  
  .theme [class*='section'] { padding: 20% 0 20% 0; }
	.theme [class*='section'] hgroup { margin-bottom: 10%; }
	.theme [class*='section'] p { text-align: left; }

  .theme #about-us #veteran-employment [class*='grid_columns_']:nth-of-type(3) { border-left: none; padding-left: 0; }
	.theme #about-us #veteran-employment .block_text { padding: 0; max-width: 100%; }  

  .theme #gallery { display: none; }
  
  .theme #home #header { padding: 0 0 0 0; }
  
  .theme #home #introduction { min-height: 100%; }
	.theme #home #introduction .block_code { min-height: 275px; }
  
  .theme #home #services-culinary {}
  
  .theme #home #media {}
	.theme #home #media table { margin: 0 0 0 0; }

  .theme #home #our-work {}
  
  .theme #section_marquee { display: none; }
  
  .theme #section_work_clients {}
	.theme #section_work_clients [class*='span_'] { width: 50%; }
  
}
  
  /*
  ——————————————————————————————————————————————————

  MAIL

  —————————————————————————————————————————————————— */   

  .theme .mail p { margin: auto; max-width: 100%; }
  .theme .mail .container { background: #fff; }
  .theme .mail .wrap { margin: 0 auto 0 auto; }