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

.logo {width:44%; padding: 1.5% 0 0 0; }
.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.badge-wrap,.SL-wrap {float: right; margin: 8px; }
.badge-wrap img {width: auto; height: 130px; }
.SL-wrap img {width: auto; height: 130px; padding: 10px 0 0 0;}

.map-section-wrap {width:50%; float: right; margin: 0 0 20px 20px;}

.map-inset {width:50%; padding:0.4%; border:1px solid #ddd; float:right; }

@media screen and (max-width: 820px){
	.map-inset {width:70%; float: none; margin: auto; }
}
.front-icon {text-align: center; font-size: 80px;}

.three-images i {text-align: center;  display: block; }

img.footer-swell-logo {width:12%; opacity: 0.35; display: block; margin: auto; }
img.footer-swell-logo:hover {opacity: 1;}

.spot-for-content {    position: absolute;
    background-color: rgba(0,0,0,0.2);
    top: 13%;
    left: 10%;
    width: 76%;
    padding: 2%;
}

@media screen and (max-width: 820px){
	.logo {width:70%; margin: 0 15% 0 15%;}
	img.footer-swell-logo {width:19%;}
	.spot-for-content {width:90%; left:3%;padding:1.2%;     background-color: rgba(0,0,0,0.5);
}
}
.bash-text {color:#e3d0a8}
.bash-bg {background-color: #e3d0a8;}
.black-bg {background-color: #333333;}
.black-text {}
.three-images {       border: 3px solid;     background-color: #fff;
    margin: 5%;
    padding: 2.5%;}

.three-images h3 {padding: 0 auto 2% auto;}
.three-images p {padding: 0 4% 2% 4%;}

.symbol-wrap {    border: 4px solid;
    margin: 10px;
    min-height: 215px;
    padding: 31px;}


.bg-box-wrap {        border: 1px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 3px;
    padding: 62px;}

@media screen and (max-width: 1120px){
	.bg-box-wrap {padding:50px;}
}

@media screen and (max-width: 820px){
	.bg-box-wrap {padding:30px;}
}


.pillar-1 {background-image: url("../images/bgs/v-light-pillars-1.png")}
.pillar-2 {background-image: url("../images/bgs/v-light-pillars-2.png")}
.pillar-3 {background-image: url("../images/bgs/v-light-pillars-3.png")}
.pillar-4 {background-image: url("../images/bgs/v-light-pillars-4.png")}

.vine {width:13%;}

@media screen and (max-width: 820px){
img.symbol-plant {width:30%; margin: 1% 0 1% 2%; float:right;}
	.symbol-wrap {margin: 1% 1% 1% 1%; padding: 1% 1% 1% 1%;}
	.three-images {margin: 1% 1% 1% 1%; padding: 1% 1% 1% 1%; border-radius: 0;}
	.vine {width:23%;}

}

.three-images h3 {font-size: 1.5em;text-align: center;padding:0 0 1.2% 0; margin:0}
.three-images p {font-size:1.1em; padding:0 3% 2% 3%; margin:0;}
.three-images h3 a:link {text-decoration: none;}
.three-images h3 a:visited {text-decoration: none;}

.height-front {  height: 560px;
}
.height-inside {height:320px;}
.height-banner {height: 200px;}

@media screen and (max-width: 820px){
.height-inside {height:190px;}
	.height-front {  height: 700px;}

	
}
.parallax { 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: 100% -18%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 820px){ .parallax { background-position: 100% 10%;
}
}


.injury {  background-image: url("../images/bgs/injury.jpg");}
.family {  background-image: url("../images/bgs/family-law.jpg");}
.lighthouse {  background-image: url("../images/bgs/lighthouse.jpg");}
.lighthouse-png {  background-image: url("../images/bgs/lighthouse.png");}
.bridge {  background-image: url("../images/bgs/ggb-bg.png"); height:400px;}

@media screen and (max-width: 820px){.bridge {height:320px;}}