html, body{
height:100%;
min-height: 100%;
width:100%;
}

body{
background-image: url("../img/sizzle_bg.jpg");
background-repeat: repeat;
font-family: 'Roboto Condensed', 'sans-serif';
font-size: 18px;
color: #FFFFFF;
position: relative;
}

.main-font{
font-size: 18px;
}
h1{	
font-family: 'Roboto Condensed', 'sans-serif';
text-align: center;
margin-top:.5em!important;
text-shadow: 0 2px 2px #000000, 0 2px 2px #000000, 0 2px 2px #000000;
text-transform: uppercase;
}
p{
font-family: 'Roboto Condensed', 'sans-serif';
font-size: 18px!important;
font-weight: 400;
line-height: 24px;
margin-bottom: 10px;
}

.header-bg{
z-index: 2;
box-shadow: 0 5px 10px -5px #000;
}

header{
height: 275px;
}
.header-container{
padding:0;
height:100%;
}
.header-container img{
width: 75%;
height: 75%;
margin: 0 auto;
display: block;
}

.main-bg{
box-shadow:0px 5px 10px 0px #000;
}
.main-container{
margin-top:-35px;
margin-bottom:-100px;
}

.navigation-font{
background: transparent!important;
background-image: none!important;
box-shadow: none!important;
}
.navigation-font.active{
text-decoration: underline;
}

.navigation-row{
box-shadow: 0 5px 20px 1px #000;
z-index: 2;
position: relative;
height:50px;
}
.navbar-default{
box-shadow: none!important;	
}
.navbar-collapse{
text-align:center;
overflow: hidden!important;
}
.nav-bar{
border-radius: 0;
margin:0;
background: transparent;
border: none;
}
.navbar-nav{
display:inline-block;
float:none;
}
.navbar-nav li a{
background-image: none!important;
background: transparent;
text-shadow: 0 2px 2px #000000, 0 2px 2px #000000, 0 2px 2px #000000;
text-transform: uppercase;
}

.subheader-row{
height:170px;
position: relative;
z-index:1;
}

.showcase-row{
padding-bottom: 100px;
}
.showcase-main-img{
box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.5);
display: block;
margin: auto;
position: relative;
top: -25px;
width: 100%;
max-width: 850px;
z-index: 1;
}

.content-inner-row{
padding: 20px;
margin: -50px 25px 40px 25px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
position: relative;
}

footer{
height: 230px;
width: 100%;
position: relative;
z-index: -1;
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);
}
.footer-container{
height:100%;
padding-top: 125px;
}
.footer-container img{
width:100%;
max-width:710px;
height: 75px;
display:block;
margin:0 auto;
}

.shadow{
box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 1);	
}

.cl-effect-21 a {
padding: 10px;
text-shadow: none;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a:before,
.cl-effect-21 a:after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
content: '';
opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-21 a:before {
top: 0;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-21 a:after {
bottom: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
    transform: translateY(10px);
}
.cl-effect-21 a:hover:before,
.cl-effect-21 a:focus:before,
.cl-effect-21 a:hover:after,
.cl-effect-21 a:focus:after {
opacity: 1;
filter:alpha(opacity=100);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
    transform: translateY(0px);
}


.p-a-0 { padding: 0 !important; }
.p-b-1 { padding-bottom: 1.5em; }
.m-a-0 { margin: 0 !important; }
.relative { position:relative; }
.bold{ font-weight: bold; }
.width-100{ width:100%; }
.height-100{ height:100%; }
.{ display:block; }
@media(max-width:767px){

.header-bg{
height:100px;
margin-bottom:35px;
}

.navigation-row{
height:auto;
}

.footer-bg{
height:100px;
}

.footer-container{
padding-top:25px;
margin-top:100px;
}

.footer-container img{
height:50px;
}

h1{
margin:0;
}
}
@media(min-width:768px){}
@media (min-width: 768px) and (max-width: 992px){

.header-bg{
height:200px;
}

.footer-bg{
height:200px;
}

h1{
margin:0;
}
}
@media(min-width:992px){}
@media (min-width: 992px) and (max-width: 1200px){

.header-bg{
height:200px;
}

.footer-bg{
height:200px;
}
}
@media(min-width:1200px){}
.clearfix::after{content:"";display:table;clear:both}