.highlightimage:hover {

filter:brightness(150%);
}


nav {
  font-size: 25px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  a:hover {
    background-color: #000;
  }
}


.padleft{
    padding-left: 20px;
}
.padright{
    padding-right: 20px;
}
.padtop{
    padding-top: 20px;
}
.padbottom{
    padding-bottom: 20px;
}

.margintop{
    
    margin-top: 20px;
}
.marginbottom{
     margin-bottom: 20px;
    
}
.marginleft{
    
     margin-left: 20px;
}

.marginright{
    
     margin-right: 20px;
}





@font-face {
     font-family: Jura-Regular;
     src: url('../fonts/Jura-Regular.ttf'); 
}


@font-face {
     font-family: Jura-Italic;
     src: url('../fonts/Jura-Italic.ttf'); 
}


@font-face {
     font-family: OpenSans-Regular;
     src: url('../fonts/OpenSans-Regular.ttf'); 
}


@font-face {
     font-family: OpenSans-Bold;
     src: url('../fonts/OpenSans-Bold.ttf'); 
}


@font-face {
     font-family: OpenSans-LightItalic;
     src: url('../fonts/OpenSans-LightItalic.ttf'); 
}


@font-face {
     font-family: OpenSans-Light;
     src: url('../fonts/OpenSans-Light.ttf'); 
}




/* general styles */
html, body {
height: 100%;
width: 100%;
}
/* padded section */
.pad-section {
padding: 50px 0;
}
.pad-section img {
width: 100%;
}


.text-vcenter {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.text-vcenter h1 {
font-size: 4.5em;
font-weight: 700;
margin: 0;
padding: 0;
}



#about {
    width: 100%;
    background-color: #fff;
}
#services {
background-color: #69c;
color: #ffffff;
}
#services .glyphicon {
border: 2px solid #FFFFFF;
border-radius: 50%;
display: inline-block;
font-size: 60px;
height: 140px;
line-height: 140px;
text-align: center;
vertical-align: middle;
width: 140px;
}

#bottomfooter{
 background-color: #333;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
    
}
#footernumber {
    padding-top: 50px;
       font-family: OpenSans-light;
	   font-size:30px;
	   color:#fff;
    
}
#footertext {
    
         font-family: OpenSans-light;
	   font-size:18px;
	   color:#fff;
    
}
#facebooksize {
    width: 320px;
    height: 400px;
    
    
}
.emptypadding{
    
padding-top: 20px;
    padding-bottom: 20px;
}

#testimonialsserction{
    
    background: url(../images/backgroundlighthouse.jpg) no-repeat center center fixed; 
display: table;
height: 800px;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    
}






    




@media only screen and (max-width: 767px) {
    #home {
margin-top: 40px;
background: url(../images/background-mobile.jpg) no-repeat; 
display: table;
height: 600px;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
        background-position: center center;
}
}

@media only screen and (min-width: 481px) {
    #home {
margin-top: 40px;
background: url(../images/background.jpg) no-repeat; 
display: table;
height: 600px;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
        background-position: center center;
}
}


    
    
    

    
#testimonialheader{
      font-family: OpenSans-light;
	   font-size:25px;
	   color:#69f;
    padding-bottom: 50px;
    padding-top: 40px;
    
    
}
#testimonials{
    
     font-family: OpenSans-light;
	   font-size:18px;
	   color:#666;
    padding-bottom: 20px;
    
    
}
#testimonialcontainer{
    width:60%; 
    position:relative; 
    
    
}
#testimonialsname{
    padding-left: 30px;
     font-family: OpenSans-regular;
	   font-size:17px;
	   color:#000;
    padding-bottom: 30px;
    
}









@media only screen and (min-width: 768px) {

     
#testimonialheader{
      font-family: OpenSans-light;
	   font-size:40px;
	   color:#69f;
    padding-bottom: 50px;
    padding-top: 40px;
    
    
}
#testimonials{
    
     font-family: OpenSans-light;
	   font-size:22px;
	   color:#666;
    padding-bottom: 20px;
    
    
}
#testimonialcontainer{
    width:60%; 
    position:relative; 
    
    
}
#testimonialsname{
    padding-left: 30px;
     font-family: OpenSans-regular;
	   font-size:20px;
	   color:#000;
    padding-bottom: 30px;
    
}
}   


.oversize {max-width: 143px;}


    

#footerlinks a:link {text-decoration:none; color:#fff;}
#footerlinks a:hover {text-decoration:underline; color:#fff;}
#footerlinks a:visited {text-decoration:none; color:#fff;}

#Resources{

background-color: #fff;
display: table;
height: 500px;
position: relative;
width: 100%;

    
}
#information {
background: url(../images/oillamp.jpg) no-repeat center center fixed; 
display: table;
height: 500px;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#information .panel {
opacity: 0.85;
}
#google_map {
height: 500px;
}
footer {
padding: 20px 0;
}
footer .glyphicon {
color: #333333;
font-size: 60px;
}
footer .glyphicon:hover {
color: #fff;
}

.img-full{
    width: 100%;
}
html { 

}


#topmenu {
	padding-top:10px;
	padding-bottom:10px;
	   background-color:rgba(0, 0, 0, 0.7);
	   font-family: OpenSans-light;
	   font-size:18px;
	   color:#FFF;
}

@media only screen and (max-width : 769px) {
#comapanyname{
    padding-top: 5px;
    font-family: OpenSans-light;
	   font-size:26px;
	   color:#036;
    
    
}
    
#memorymenu {
       font-family: OpenSans-light;
	   font-size:18px;
	   color:#69c;  
        
    }
#memorymenucare {
         font-family: OpenSans-regular;
	   font-size:18px;
	   color:#036;
        
    }
    
#comapanynamecare{
    padding-top: 5px;
    font-family: OpenSans-regular;
	   font-size:26px;
	   color:#036;
    
    
}  
#servicearea{
    
    font-family: OpenSans-light;
	   font-size:17px;
	   color:#666;
    padding-left: 20px;
    
    
    
}
}
@media only screen and (min-width : 770px) {
#comapanyname{
    font-family: OpenSans-light;
	   font-size:35px;
	   color:#69c;
    
    
}
#comapanynamecare{
    padding-top: 20px;
    font-family: OpenSans-regular;
	   font-size:60px;
	   color:#69c;
    
    
}   
#servicearea{
    
    font-family: OpenSans-light;
	   font-size:20px;
	   color:#666;
    padding-left: 20px;
    
    
}
}





.whitebackground{
    
    background-color:rgba(255, 255, 255, 0.7);
    
}

.blackbackground{
    
    background-color:rgba(0, 0, 0, 0.7);
    
}


.container-full {
width: 100%;

}


#companynamecontainer{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color:rgba(255, 255, 255, 0.7);
    padding-bottom: 10px;
    
}