body {
padding:0;
margin:0;
margin-top: 102px;
}

.navbar{
height:102px;
background:#f7f7f7;

}
.navbar .nav{
background:#f7f7f7;

}



.nav{
margin-top:20px;
color:#e80000;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-variant:small-caps;
    padding-bottom:5px;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #e80000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #e80000;
    background:#f7f7f7;
	border-bottom:2px solid #e80000;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background-color: #e80000;
}

.navbar-brand{
padding:0;
margin:0;
}
h2, h1 {
font-variant:small-caps;
}
#mainImage{
 background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ),url(frame.jpg) 100% 0 fixed;
    height: 50vh; 
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    padding: 100px 0;
    background-size:cover;
    background-position:top;
    border-bottom:5px solid #e80000;
    border-top:5px solid #e80000;
}


#mainImage h1.large{
color:white;
font-size:6em;
padding-top:150px;
}

#mainImage h1.small{
color:white;
font-size:6em;
padding-top:50px;
}

#contentContainer{
padding-top:10px;
padding-bottom:15px;
}
#mainContent h2{
margin:0;
margin-bottom:10px;
color:#337AB7;
}

#mainContent p{
font-size:1.2em;
}

#sidebar ul{
padding:0;
margin:0;
margin-bottom:10px;
}
#sidebar li{
list-style:none;
}
#sidebar h2{
color:#e80000;
font-variant:small-caps;
}
#sidebar ul{
list-style:none;
width:100%;
text-align:center;
padding:0;
margin:0;
margin-top:5px;
}
#sidebar li{
font-variant:small-caps;
width:100%;
padding-top:10px;
padding-bottom:10px;
margin-bottom:5px;
background:#e80000;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
#sidebar li:hover{
background:#EC4747;
}
#sidebar a{
text-decoration:none;
color:white;
}
#serviceContainer{
padding-top:25px;
padding-bottom:5px;

}
.service {
color:#000;
padding-top:10px;
border-radius:0.3em;
font-variant: small-caps;
cursor: pointer; 
}
.service a{
text-decoration:none;
color:#000;
}
#serviceInfo{
}
.info{
display:none;
background:#ececec;
margin-bottom:5px;
}

.info h3{
font-variant:small-caps;
color:#000;
}

#footer{
border-top:1px solid #f7f7f7;
}
#gallery{
width:100%;
float:left;
}
.square{
width:50%;
padding-bottom:50%;
float:left;
background-size:cover;
}

@media (min-width: 768px) {
.square{
width:20%;
padding-bottom:20%;
float:left;
background-size:cover;
}
}