@charset "utf-8";

@font-face {
  /* Need to update this again before pushing out. */
    font-family: 'cormorant_scbold';
    src: url('https://localcoinco.com/assets/fonts/cormorantsc-bold-webfont.woff2') format('woff2'),
         url('https://localcoinco.com/assets/fonts/cormorantsc-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*reset styles*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;  border: 0; outline: 0; 
}


.ksnCustomFont, header #logo, header #location a, header nav a:hover, header nav a.current, div#mainbody div { background-image: linear-gradient(to right,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%);color:transparent;-webkit-background-clip:text; }
.ksnSilverFont, div#mainbody div.ksnSilverFont {background: linear-gradient(to right bottom,  #eaeaea, #4d4d4d, #eaeaea, #4d4d4d, #eaeaea);color: transparent;-webkit-background-clip: text;}
 
body {color: #fff; background-color: #000000;} /* TODO Remove this color once all colors are set. */

header #logo {font-size: 430%; text-align: center; font-family: 'cormorant_scbold', Arial, sans-serif;letter-spacing: 5px;font-weight: bold;} 

header #logo img {width: 60px; position: relative; top: 6px;}

header #logo, header #location, header #menu_container, div#spot_banner, div#wrapper, div#footer {width: 900px; margin-left: auto; margin-right: auto; border-style: solid; border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1;} 

header #location {border-width: 2px 2px 0px 2px;}
header #menu_container {border-width: 0px 2px 0px 2px;}
div#spot_banner {border-width: 1px 2px 1px 2px;}

header #location {text-align: center;  padding-top: 4px;}
header #location a {text-decoration: none; } 
header #location .number, header #location .hours {font-weight: bold;margin-left: 20px;}
header #menu_container {background-image: linear-gradient(to right, #000, #1a1a1a, #1a1a1a, #000); }
header #menu_row { display: flex; flex-direction: row; justify-content: space-between;} 
header #menu_button { display: inline-block; position: relative; top: 10px; }
header .toggle, [id^=drop]:not(#dropdown_div) { display: none; }
header nav { margin: 0; padding: 0; }
header nav:after { content: ""; display: table; clear: both; }
header nav a { display: block; padding: 0 19px;  font-size: 20px; text-decoration: none;color: #ffffff;}

/* header nav a:hover { background-image: linear-gradient(to right,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%);color:transparent;-webkit-background-clip:text; } */
header nav ul { float: right; padding: 0; margin: 0; list-style: none; position: relative; }
header nav ul li { margin: 0px; float: left; border-right: 1px solid #333;}
header nav ul li:last-of-type { border: none;}
header nav ul li ul li:hover { background: #000000; }
header nav ul ul { display: none; position: absolute;background-color: #000000; z-index: 3;} /* top: 60px; */
header nav ul li:hover > ul { display: inherit; }
header nav ul ul li { width: 170px; float: none; display: list-item; position: relative; }
 header nav ul ul ul li { position: relative; top: -60px; left: 170px; }
header nav li > a:after { content: ' +'; }
header nav li > a:only-child:after { content: ''; }
header li.mobile-only {display: none;}

header nav ul li:last-of-type {position: absolute; left: calc(100% + 200px);}

div#spot_banner {display: flex; flex-direction: row; justify-content: space-between; padding-top: 5px;padding-bottom: 5px;}
span.arrow-up {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #009933;position:relative;top: -13px;left: -5px;} /* float: left; */
span.arrow-down {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 8px solid #ff0000;position:relative;top: 12px;left: -5px;} /* float: left; */

div#spot_banner div[id$=change] {width: 60px; text-align: right;display: inline-block;}
/* div#spot_banner .change {width: 55px; text-align: right;display: inline-block;}*/ /* position: relative; top: 2px;*/
div#spot_banner span:first-of-type { font-weight: bold;}
div#spot_banner div:first-of-type {margin-left: 5px;}
div#spot_banner div:last-of-type {margin-right: 5px;}
header div[id$=spot] div[id$=change] { display: inline-block;} 


#mainbody, div.bx-wrapper {background-image: linear-gradient(to right, #000, #1a1a1a, #1a1a1a, #000);}
div#wrapper {border-width: 0px 2px 2px 2px; margin-bottom: 10px; }
div.bx-wrapper {padding-top: 10px; box-shadow: none;border: 0;margin-bottom: 0; padding-left: 50px; padding-right: 5px;}
/* div.bx-wrapper {padding-top: 5px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 0;margin-bottom: 0; padding-left: 5px; padding-right: 5px;} */


div#slider {padding-top: 10px; width: 800px; min-width: 800px; height: 126px; margin-left: auto; margin-right: auto;position: relative;overflow: hidden;}


/*Banner 2 here: */
#specials_container {width: 796px; height: 122px; background-color: #000000;border: 2px solid #E2D145; background-image: linear-gradient(to bottom, #535353, #000000); border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1;}

#banner2container #specialText {position: relative; font-size: 230%;left: 125px;top: 20px;}
#banner2container #specialText2 {position: relative; font-size: 150%;font-family: 'cormorant_scbold';left: 125px;top: 40px;}
#banner2container #specialClickText{color: #ffffff;  position: relative; top: 25px; left: 600px; }
/* #banner2 #specialText {transform: rotate(-15deg); position: relative; top: 20px;font-size: 250%;font-family: 'Brush Script MT', cursive;color: #CCB675;} */
/*#banner2 #specialClickText{color: #ffffff;  position: relative; top: 2px; left: 80px;}*/
#banner2container a {text-decoration: none;}
/*All of the below is used to create the updated daily circle. */
.container {width: 100px;height: 100px;margin: 0 auto;float: left;display: grid;place-items: center;grid-template-areas: "inner-div";background: transparent; position: relative; left: 30px;}
.inner {height: 80px;width: 80px;grid-area: inner-div;position: relative; top: 10px;}
.dot {border-radius: 50%;background-image: linear-gradient(to right, #f6f2c0 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #f6f2c0 100%);}
.dot2 {height: 65px;width: 65px;border-radius: 50%;background-image: linear-gradient(to bottom, #535353, #000000);}
.text {height: 35px;color: #fff;text-align: center;font-size: 75%;top: 15px;}
.sun {position: relative;top: -19px;left: -23px;right: 0;bottom: 0;margin: auto;width: 5px;height: 5px;border-radius: 50%;background: white;opacity: 0.9;box-shadow: 0px 0px 40px 15px white;z-index: 3;}
.ray_box {position: absolute;margin: auto;top: 0px;left: 0px;right: 0;bottom: 0;width: 7px;animation: ray_anim 10s linear infinite;} /* -webkit-animation: ray_anim 10s linear infinite; */
.ray {background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);margin-left: 10px;border-radius: 80% 80% 0 0;position: absolute;opacity: 0.7;}
.ray1 {height: 40px;width: 3px;-webkit-transform: rotate(180deg);top: -18.5px;left: -9.5px;}
.ray2 {height: 40px;width: 2px;-webkit-transform: rotate(220deg);top: -18.5px;left: -8.5px;}
.ray3 {height: 70px;width: 1px;-webkit-transform: rotate(250deg);top: -33.5px;left: -8px;}
.ray4 {height: 100px;width: 3px;-webkit-transform: rotate(305deg);top: -48.5px;left: -8px;}
/* @-webkit-*/ @keyframes ray_anim {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}

div#banner3.lazy, div#banner4.lazy, div#banner5.lazy {background-image: none;}

div#banner3container a { text-decoration: none;}
div#banner3 {background-image: url("/assets/images/banner3.webp"); min-height: 126px; min-width: 799px; max-width: 799px; text-align: center;}
div#banner3 span {padding-left: 100px;font-size: 200%;}

div#banner4container a { text-decoration: none;}
div#banner4 {background-image: url("/assets/images/banner4.webp"); min-height: 126px; min-width: 799px; max-width: 799px; text-align: center;}
div#banner4 span {padding-left: 100px;font-size: 130%;}

div#banner5 {background-image: url("/assets/images/scrapBanner.webp"); min-height: 126px; min-width: 799px; max-width: 799px; text-align: center;}
div#banner5 span {font-size: 350%;color: #ffffff;font-weight: bold;filter: drop-shadow(0 10px 0.75rem #000000);}


span.mobile-only { display: none;}


div#mainbody { text-align: center; padding-left: 20px; padding-right: 20px;}
div#backend { text-align: center;background: #000000;}
div#backend div.tox {margin-left: auto;margin-right: auto;margin-bottom: 20px}
div#backend #page_note {color: #ffffff;margin-bottom: 20px;}
div#backend table {margin-left: auto; margin-right: auto;}

div#main_page_div {font-size: 20px;font-weight: bold;display: inline-block;width: 100%;text-align: left;padding-top:20px; padding-bottom: 20px;} /* line-height: 30px;*/

div#main_page_div p {text-align: justify;}


/* This is new for the page items and is complete. */
div.item, div.multiItem {position: relative;width: 96vw;height:175px; margin-top: 20px; margin-right: 20px; margin-left: 20px; max-width: 380px;overflow: hidden;display: inline-block;}
div.item::before, div.multiItem::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius: 15px;border-width: 2px;border-style: solid;pointer-events: none;border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1;background: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;mask-composite: exclude;}
div.item .title, div.multiItem .title { padding-left: 20px; font-weight: bold; font-size: 18px;text-align: left;padding-top: 3px;}
div.item div.detailContainer, div.multiItem div.detailContainer {display: flex; flex-direction: row;height: 100%;}

div.item div.buyColumn, div.item div.sellColumn, div.multiItem div.sizeColumn, div.multiItem div.buyColumn, div.multiItem div.sellColumn  {display: flex; flex-direction: column;border: 2px solid orange; border-width: 2px 2px 0px 0px; border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1; text-align: center; flex-grow: 1; height: 100%; min-width: 75px;max-width: 105px;}
div.item span.heading, div.multiItem span.heading {border: 2px solid orange; border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1; border-width: 0px 0px 2px 0px;}
div.item span[id^=buy], div.item span[id^=sell] {margin-top: 45px;}

div.multiItem div.sizeColumn {min-width: 40px;max-width: 65px; }
div.multiItem div.buyColumn, div.multiItem div.sellColumn {min-width: 70px; max-width: 95px;}
div.multiItem div.sizeColumn, div.multiItem div.buyColumn, div.multiItem div.sellColumn {height: 150px;}
div.multiItem div.sizeColumn span:first-of-type, div.multiItem div.buyColumn span:first-of-type, div.multiItem div.sellColumn span:first-of-type {flex-grow: 0;}
div.multiItem div.sizeColumn span:nth-child(2), div.multiItem div.buyColumn span:nth-child(2), div.multiItem div.sellColumn span:nth-child(2) {padding-top: 10px;}
div.multiItem div.sizeColumn span, div.multiItem div.buyColumn span, div.multiItem div.sellColumn span {flex-grow: 1;}

div.item div.picColumn, div.multiItem div.picColumn {width: 166px; height: 150px; background-image: linear-gradient(to bottom, #000000 0, #000000 25%, #5a5858 100%); border-radius: 0 0 15px 0;}
div.item div.picColumn span, div.multiItem div.picColumn span {border: 2px solid orange; border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1; border-width: 0px 0px 2px 0px;display: inline-block;width: 100%;margin-top: 2px;}
div.item div.picColumn img, div.multiItem div.picColumn img {width: 150px; position: relative; top: -29px; left: 3px;max-width: 95%;filter: drop-shadow(0 10px 0.75rem #000000);}




div.us-gold {width: 180px; display: inline-block;margin-bottom: 10px;}
div.us-gold .body {border: 2px solid #E2D145;padding-top: 5px;}
div.us-gold .head {border: 2px solid #E2D145; border-bottom: 0px; border-radius: 15px 15px 0px 0px;}
div.us-gold .footer {border: 2px solid #E2D145; border-top: 0px; border-radius: 0px 0px 15px 15px;}
div.us-gold .buy-price {border-bottom: 2px solid #E2D145; text-align: left;}
div.us-gold .sell-price {text-align: left;}
div.us-gold .label {width: 80px; text-align: center; border-right: 2px solid #E2D145; line-height: 30px;display: inline-block;}
div.us-gold .price {width: 80px; text-align: center; display: inline-block;}

hr.us-gold {width: 600px; border: 3px solid #E2D145; border-bottom: 0px; border-radius: 15px 15px 0px 0px; height: 10px; position: relative; top: -20px; z-index: 1; margin-bottom: -10px;}
div.us-gold-heading span {position: relative; padding-left: 20px; padding-right: 20px; background: #000000; z-index: 2;}

div#footer {text-align: center;font-size: 250%; border-width: 2px; }
div#footer_text {  font-family: 'cormorant_scbold', Arial, sans-serif;letter-spacing: 5px;font-weight: bold;background-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%);color:transparent;-webkit-background-clip:text;}
div#footer_text {margin-top: 6px;position:relative; right: -60px;}

div#instagram { float: right; }
div#facebook { float: right; }
div#instagram img, div#facebook img { width: 40px; vertical-align: middle;margin-right: 20px; position: relative; z-index: 2; }



div.divider { border-top: 1px solid #ffffff; width: calc(100% - 60px); margin-left: auto; margin-right: auto;  }

.center, div#main_page_div p.center { text-align: center;}


@media all and (max-width: 425px){
  
  
/* This is for the page items and is complete. */
/*
div.item {position: relative;width: 90vw;height:175px;display: inline-block; margin-top: 20px; margin-right: 20px; margin-left: 20px;}
div.item .title { width: initial; }
div.item div.buy, div.item div.sell { width: 25vw;}
div.item .buy-price, div.item .sell-price  { width: 26vw;}
*/
/*
div.item::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius: 15px;border-width: 2px;border-style: solid;pointer-events: none;border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1;background: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;mask-composite: exclude;}
div.item .title {border-width: 0px 0px 2px 0px; border-style: solid; border-image: linear-gradient(to right,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1; padding-left: 20px; font-weight: bold; width: 94.5%; font-size: 18px;text-align: left;margin-top: 3px;}
div.item div.buy, div.item div.sell, div.item .filler {width: 30%;float: left;border-width: 0px 0px 2px 2px;border-style: solid;border-image: linear-gradient(to right,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1;text-align: center;  padding-top: 2px;}
div.item .filler {width: 38%;}
div.item .buy-price, div.item .sell-price {border-width: 0px 2px 0px 0px;border-style: solid;border-image: linear-gradient(to bottom,#f6f2c0 0,#cb9b51 22%,#f6e27a 45%,#f6f2c0 50%,#f6e27a 55%,#cb9b51 78%,#f6f2c0 100%) 1; width: 30.4%; height: 71%;float: left; text-align: center; font-weight: bold;}
div.item .buy-price {clear: both;}
div.item .sell-price {width: 30%;}
div.item span.buy, div.item span.sell { position: relative; top: 50px;}
div.item .picture {float:left; height: 71%; width: 38%; text-align: left;background-image: linear-gradient(to bottom, #000, #5a5858); border-radius: 0 0 15px 0;}
div.item .picture img {width: 135px; top: -20px; left: 8px; position: relative;  filter: drop-shadow(0 10px 0.75rem #000000);}
*/
  
  
  
}


 



@media all and (max-width : 768px) {
  div#mainbody { padding-left: 0px; padding-right: 0px;}
  
  header #menu_container, header #location, header div#spot_banner {width: 98vw; margin-left: auto; margin-right: auto;}
  header div#logo {width: 98.5vw; font-size: 6vw;padding-bottom: 5px;}  
  header #logo img {width: 30px; position: relative; top: 6px;}
  header .number {display: block;}
  header .hours {display: block;}  
  
  div#slider {max-width: 380px;min-width: 300px; width: 96vw;}
  
  
  

  .container {left: 3px;}

  #banner2container #specialText {font-size: 94%;left: 4px;top: 20px;}
  #banner2container #specialText2 {font-size: 110%;font-family: 'cormorant_scbold';left: 4px;top: 20px;margin-right: 5px;}
  #banner2container #specialClickText{ top: 20px; left: 119px; }
  
  #banner2container, #specials_container { min-width: 300px; max-width: 380px; width: 96vw;}

  #specials_container {width: 94.5vw; max-width: 376px;}
  

  
  div#banner3 {background-image: url("/assets/images/banner3.png"); min-height: 126px; min-width: 300px; max-width: 380px; width: 96vw; text-align: center;background-position: -250px;}
  div#banner4 {background-image: url("/assets/images/banner4.png"); min-height: 126px; min-width: 300px; max-width: 380px; width: 96vw; text-align: center;background-position: -250px;}
  div#banner3 span {padding-left: initial;}
  div#banner4 span {font-size: 190%; padding-left: initial;}
  
  div#banner5 {min-width: 300px; max-width: 380px; width: 96vw; text-align: center;}
  div#banner5 span {font-size: 180%;position: relative;top: 15px;}
  
  span.no-mobile {display: none;}
  span.mobile-only { display: initial;}
  
  header #menu_right {padding-left: 20px;}
  
  header #menu_button { top: 2px; z-index: 99999; }
  header #menu_row { display: flex; flex-direction: row; justify-content: space-between; }
  
  header #spot_heading { display: none;}
  header div[id$=spot] span:nth-of-type(1), header div[id$=spot] span:nth-of-type(2) {display: block;width: 25vw; text-align: center;}
  div#spot_banner div[id$=spot] { width: 24.4vw; text-align: center;}
  
  div#spot_banner div[id$=change] {width: initial; text-align: initial;}

  
  header div[id$=spot] div[id$=change] { display: inline-block;width: 22vw;text-align: center;}
  
  div#spot_banner .change {text-align: center;}
  /*
  header div[id$=spot] div[id$=change] span[class^=arrow] {left: 0px;}
  */
  
  header div[id$=spot] div[id$=change] span {display: inline;}
  
  
  header [id^=drop]:checked ~ ul { display: block; }
  header [id^=drop]:checked + label span.line1 { transform: rotate(-45deg) translate(-8px,5px); }
  header [id^=drop]:checked + label span.line2 { opacity: 0; }
  header [id^=drop]:checked + label span.line3 { transform: rotate(45deg) translate(-8px,-7px); }
  header .line1, .line2, .line3 { width: 35px; height: 4px;  margin: 6px 0; transition: 0.4s; display: block; background: linear-gradient(to right,  #eaeaea, #4d4d4d, #eaeaea);} /* background-color: #fff; */
  header .toggle { display: block;  font-size: 20px; line-height: 60px; text-decoration: none; border: none; color: #ffffff; }
  header .toggle + a, .menu { display: none; }
  
  header nav { margin: 0; }
  header nav ul li { display: block; width: 100%; margin-top: 5px;} /* background-image: linear-gradient(to bottom, #672D97, #AB76D6); */
  header nav ul li ul li .toggle, nav ul ul a { background-color: #212121; }
  header nav a:hover, header nav ul li ul li a:hover, nav ul ul ul a { background-color: #000000; }  
  header nav ul ul { float: none; position: static;  }
  header nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
  header nav ul ul li { display: block; width: 100%; }
  header nav ul ul .toggle, nav ul ul a { padding: 0 40px; background-image: linear-gradient(to right, #672D97,  #431D62, #431D62, #672D97);}
  header nav ul ul ul a { padding: 0 80px; }
  header nav ul ul ul li { position: static; }  
  
  /*
  div.item {min-height: 175px; max-height: 175px; margin-right: auto; margin-left: auto;}
  */
  
  div.item, div.multiItem {margin-right: auto; margin-left: auto;} /* width: 96vw; */


  
  div#wrapper, div#location, div#menu_container { width: 98vw; margin-left:auto; margin-right: auto;}
  

  #pagebody, #search_container, #foot { padding-left: 15px; padding-right: 15px;}
  #foot { font-size: 75%;}
  div.divider { width: calc(100% - 30px); }

  div#main_page_div {padding-left: 20px; padding-right: 20px;width: initial;}
  
  div#main_page_div p.center {text-align: center;}
  
  div#footer {width: 98vw; margin-left: auto; margin-right: auto;font-size: 100%;}
  div#footer_text {right: initial;margin-top: 8px;}

  div#instagram img, div#facebook img { width: 20px; vertical-align: middle;margin-right: 15px; position: relative; z-index: 2; top: 4px;}
  
  header div#menu_container {padding: 0px;position: relative; top: -40px; margin-bottom: -40px;background-image: initial;z-index: 1;}
  header div#location span.number {position: relative; z-index: 2;}
}