@charset "utf-8";
/* CSS Document */

h1 {font-size:2.45em!important;}

h2.very-big-header {font-size: 5.5em; line-height: 1.15;
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    margin: 15% 0 1% 0;}

h3.comment-alone {text-align: center; padding: 2.5%; margin:0; }
.iconsize {font-size: 50px;}


h3.over-bridge {color:#ddd; text-shadow: 0 0 3px #000; font-size:3.4em; text-align: center; padding: 4% 0 0 0; }
p.serving {text-align: center; font-size:2em; padding: 0 0 .5% 0;}
img.california-bar {width:10%; margin: auto; padding: 0 0 10% 0; display: block; }

h3.internal-header {font-size:4.2em; color:#FFF; text-shadow: 0 0 3px #000; padding: 7% 0 0 0; text-align: center; margin:0;}


@media screen and (max-width: 820px){
	h1 {text-align: center;}
}

@media screen and (max-width: 1120px){
	img.california-bar {width:12%;}
	h2.very-big-header {font-size: 4em;}
	h3.over-bridge {font-size:3.1em;  padding: 4% 0 0 0; }

}
@media screen and (max-width: 820px){
		img.california-bar {width:22%;}
	h3.over-bridge {font-size:2.35em;  padding: 4% 0 0 0; }

	h1 {font-size:1.8em;}
	h2 {font-size:1.4em; padding:4% 0 0 0;}
	h2.very-big-header {font-size: 3.5em; text-align: center;}
	h3.internal-header {font-size:2.4em;}
}

.head-wrap {width:36%; padding: 1.5% 0 1% 0; float:right;}

.head-one {font-family: 'Frank Ruhl Libre', serif;}
.head-two {font-family: 'Patua One', cursive;}

.no-underline {border-bottom: none!important;}
.big-underline {
    height: 5px;
    width: 100px;
    margin: 3% 0 3% 0;
}

h1 {font-size:2.15em;}
h2 {font-size:1.65em; margin: 2.5% 0 .5% 0;}
h3 {font-size:1.45em;}
p, ul li, ol li{font-size:14pt; line-height: 1.4;}

.side-pads {padding: 0 2% 0 2%;}

.head-wrap {width:36%; padding: 1.5% 0 1% 0; float:right;}
.head-wrap a:link {text-decoration: none;}
.social-wrap {text-align: center;}
.social-wrap a:link {color:#233d46;}
.social-wrap a:visited {color:#233d46;}

@media screen and (max-width: 820px){
.head-wrap {width:100%; padding: 1.5% 0 1% 0; float:none;}

}
a.call-now {
  font-size: 1.8em;
  text-decoration: none;
  color: #183442;
  font-family: 'Open Sans', sans-serif;
}

p.city {
  font-size: 1.25em;
  margin: 0;
  text-align: center;
  color: #7c828e;
}

p.number {margin:0; padding:0;}

p.phone {
  text-align: center; margin:0;
}



.wsmainfull.wsfixed .number-wrap {
    display: none;
}

.number-for-scroll {float: right; display: none; padding: .5% 0 0 0;}
.number-for-scroll a:link {text-decoration: none;
    color: #fff;
    line-height: 1.5;
    font-size: 22pt;
    padding-top: 5px;
    display: block;}
.number-for-scroll a:visited {color:#fff;}
.tiny-phone-icon {font-size: 25pt;}
.number-wrap {    float: right;
    display: block;
    width: 16%;
    padding: 1%;}


@media (max-width: 1840px){ 
	.number-wrap {width:17.5%;}
}

@media (max-width: 990px){ 
	.number-wrap {display: none;}
}

.number-wrap a.phone{
	color: #fff;
	font-family: sans-serif;
	    white-space: nowrap;
	font-size:22pt;
	text-decoration: none;
	text-shadow: 0px 0px 2px #000;
}


.number-wrap p.city {
	margin: 0 0 -4px 0;
	text-align: center;
	font-size: 1.2em;
	color: #FFA400;
	line-height: 1.1;
}



.number-wrap p.number {
	text-align: center;
	margin: 0 0 5px 0;
}


.top-image h3 {
  z-index: 100;
  color: #fff;
  font-size: 4.5em;
  margin: auto;
  text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
  text-align: center;
  width: 100%;
  border-top: 1px solid #fff;
  padding:10% 2% 10% 2%;
}

.top-image {background-repeat: no-repeat; margin:0 0 0 0; background-size: cover;}

.bridge1 {background-image: url("../images/bgs/bridge1.png")}
.bridge2 {background-image: url("../images/bgs/bridge2.png")}
.bridge3 {background-image: url("../images/bgs/bridge3.png")}
.bridge4 {background-image: url("../images/bgs/bridge4.png")}
.bridge5 {background-image: url("../images/bgs/bridge5.png")}


@media only screen and (max-width: 1250px)
{.top-image h3 {  font-size: 4.1em;
}}

@media only screen and (max-width: 990px)
{.top-image h3 {  font-size: 3em; }
	.top-image {margin:54px 0 0 0; }
}

@media only screen and (max-width: 820px)
{.top-image h3 {  font-size: 2.7em;padding:16% 2% 12% 2%;
}}

@media only screen and (max-width: 500px)
{.top-image h3 {  font-size: 2.2em;
}}