/*LeagueGothic Font*/
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/LeagueGothic-Regular-webfont.eot');
    src: url('fonts/LeagueGothic-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LeagueGothic-Regular-webfont.woff') format('woff'),
         url('fonts/LeagueGothic-Regular-webfont.ttf') format('truetype'),
         url('fonts/LeagueGothic-Regular-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*site theme*/
body {
font: 14px/1.5 'Open Sans', Arial, Helvetica, Geneva, sans-serif;
color:#666;
background:  #fff url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQECAQEBAgICAQECAgMCAgICAgMEAwMDAwMDBAQEBAUEBAQGBgYGBgYICAgICAkJCQkJCQkJCQn/2wBDAQICAgMDAwUEBAUIBgUGCAkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQn/wAARCAA8AAEDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQr/xAAcEAACAgIDAAAAAAAAAAAAAAAAEwFhFFEjYqH/xAAZAQACAwEAAAAAAAAAAAAAAAADBQIEBwn/xAAbEQEBAQACAwAAAAAAAAAAAAAAERMSISNhof/aAAwDAQACEQMRAD8AnVZZlMdbeY11k4o6inhIXahciNwEhXqByLDQs2DOnYSFmot1hIX6D+fr6T6UvL6+v//Z) repeat-x;
}

h1,h2,h3 {
font-family:'LeagueGothicRegular', Arial, Helvetica, Geneva, sans-serif;
font-weight: 100;
text-transform:uppercase;
color:#333;
}

h1.title {
height:84px;
padding:12px 18px;
font-size: 28px;
font-weight: 400;
text-align: center;
background:#fff url(img/ssc.jpg) no-repeat center 10px;
text-indent:-9999px;
position:absolute;
z-index:99;
width:262px;
border-radius:0 0 4px 4px;
box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}

h2 {
color:#990404;
font-size: 38px;
}

h3 {
font-size: 28px;
font-weight: 100;
}

header {
 margin:auto;
 max-width:960px;
}

header nav {
text-align: right;
background:  #80000F url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQECAQEBAgICAQECAgMCAgICAgMEAwMDAwMDBAQEBAUEBAQGBgYGBgYICAgICAkJCQkJCQkJCQn/2wBDAQICAgMDAwUEBAUIBgUGCAkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQn/wAARCAA8AAEDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQr/xAAcEAACAgIDAAAAAAAAAAAAAAAAEwFhFFEjYqH/xAAZAQACAwEAAAAAAAAAAAAAAAADBQIEBwn/xAAbEQEBAQACAwAAAAAAAAAAAAAAERMSISNhof/aAAwDAQACEQMRAD8AnVZZlMdbeY11k4o6inhIXahciNwEhXqByLDQs2DOnYSFmot1hIX6D+fr6T6UvL6+v//Z) repeat-x;
font-family:'LeagueGothicRegular', Arial, Helvetica, Geneva, sans-serif;
font-size:28px;
letter-spacing:1px;
text-transform:uppercase;
}
header nav ul {
padding: 0.3em;
}
header nav ul li {
display: inline;
margin-left: 1em;
color:#ddd;
}
header nav ul li.phone {
background:url(img/phone-icon.png) no-repeat left 4px; 
padding-left:36px;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}
nav a {
color: #fff;
text-decoration:none;
}
nav a:hover {
color: #ddd;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}

.feature {
height:244px;
margin-bottom:24px;
clear:both;
}

.home-feature {
    height: 244px;
    z-index: 1;
    width: 100%;
    height: 244px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover !important;
       -moz-background-size: cover !important;
         -o-background-size: cover !important;
            background-size: cover !important;
	background-image: url(img/landscape.jpg);
	background-position: 50% 0%;
	background-repeat: repeat no-repeat;	
}

section.services, section.home { 
margin-bottom:24px;
padding-bottom:24px;
border-bottom:1px dotted #ddd;
}

section.location { 
margin-bottom:12px;
}

section.home p { margin-bottom:18px; }
section.home h4 {  font-size:16px; color:#333; }
.times img { width:46px; float:left; margin-right:8px; }

#map-canvas { width:100%; height: 300px; margin-bottom:40px; }

section.offers { 
margin-bottom:36px;
}

footer {
    min-height: 244px;
    background: #252528;
	padding:62px 0 36px 0;
}

footer a {
color: #999;
text-decoration:none;
}
footer a:hover {
color: #aaa;
}

@media all and (max-width:800px){

    .title { display:none; }
   
   .feature, .home-feature {
   		height:160px;
   }

	.call {color:white; margin:16px;}

}

@media all and (max-width:600px){

	#map-canvas { height: 200px; }
	
	.services .col, footer .col {margin-bottom:24px; }

}


/* The alert message box */
.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}