@media screen and ( max-width: 10000px) { 
body{
	
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	z-index:-999;
	
}

#navigation{
	font-family: mojave-regular, Helvetica, sans-serif;
	text-align:center;
	margin-right: auto;
	margin-top: 0px;
	padding-top:10px;
	width: 100%;
	margin-left: auto;
	height: 46px;
	background-color:rgba(255, 255, 255, 1);
	position: fixed;
	left: 0px;
	right: 0px;
}

#logoMain{
	background-color: rgba(255, 255, 255, .0);
	font-family: Corbel, Helvetica, sans-serif;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-image:url(../images/mainlogo.png);
	background-repeat:no-repeat;
	background-position:center;
	font-size: 2vw;
	width: 369px;
	height: 144px;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	line-height: 25px;
	text-align: center;
}

#socialContainer-index{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 10%;
	background: rgba(0, 0, 0, 0);
	z-index: 9999;
	height: 42px;
	display: block;
	margin-bottom: 22px;
	position:fixed;
	top: 1.5%;
	bottom: auto;
	float: right;
	margin-right: 2%;
	right: 0px;
	text-align: right;
}

.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: .9vw;
	color: #fff;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);;
	text-align:center;
	position:absolute;
	bottom: 1.75%;
	top:auto;
	z-index:9999;
	
	}

#bgImage{
	width:100%;
	height:100%;
	z-index: 1;
	position: fixed;
	top: 0px;
	bottom: 0px;
	overflow: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	-webkit-filter: blur(5px);
	- filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
}
#bgOverlay{
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, .15);
	}


.eventsgallaries{
	width: 65%;
	margin:auto;
	position:absolute;
	top:23%;
	bottom:auto;
	left:0;
	right:0;
}
.gallery-cover-overlay{
	width: 70%;
	height: 100vh;
	/*background-image: radial-gradient( farthest-corner, rgba(255, 255, 255, 0),  rgba(255, 255, 255, 0),  rgba(0, 0, 0, .2));
	box-shadow: 0 0 200px rgba(0,0,0,.5) inset;*/
	background-color: rgba( 0, 0, 0, 0);
	display:block;
	position:relative;
	padding-bottom:0;
	margin:auto;
	}
	
.mobile-header-gallery{
	display:none;
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #ffffff;
	width: 50%;
	height: 1vw;
	position: absolute;
	margin: auto;
	padding-top:-6%;
	left: 0px;
	right: 0px;
	bottom: auto;
	z-index: 999;
	text-align:center;}
	
.gallery-header{
	display:block;
	background-color: rgba( 51, 51, 51, 0);
	font:  large 'adam-cg', Helvetica, sans-serif;
	font-size: 5vw;
	text-shadow: 2px 2px 2px rgba(0,0,0,.2);
	text-align:center;
	letter-spacing: 3px;
	line-height: 80%;
	color: #ffffff;
	width: 100%;
	height: 23vw;
	position: absolute;
	margin: auto;
	padding-top:12%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	}
.section-cover{
}	
.header-text{
	display:block;
	font: bolder large montserrat-regular, Helvetica, sans-serif;
	font-size: 1.7vw;
	text-shadow:none;
	text-align:center;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%;
	height: .5vw;
	position:relative;
	transform: translateY(-50%);
	
	}

.section-header{
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height:10vh;
	position:relative;
	margin: auto;
	left: 0px;
	top: 42vh;
	right: 0px;
	bottom: 0px;
	z-index: 99;
	text-align:center;
	}
.section-text-bio {
    font:  large 'adam-cg', Helvetica, sans-serif;
	font-size: 5vw;
	/*text-shadow: 2px 4px 3px rgba(0,0,0,.5);*/
	text-align:center;
	letter-spacing: 5px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	display: block;
    
}	
.sectiion-text{
	font:  large 'adam-cg', Helvetica, sans-serif;
	font-size: 4vw;
	/*text-shadow: 2px 4px 3px rgba(0,0,0,.5);*/
	text-align:center;
	letter-spacing: 5px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	}

.aboutLocation{
	width: 100%;
	display:none;
	/*border-top: #ffffff solid 2px;*/
	
	height: 5vw;
	position:fixed;
	margin: auto;
	left: 0px;
	right: auto;
	bottom: 1%;
	z-index: 999;
}

.textContainer{
	
	top:50%;
	position:relative;
	transform: translateY(-50%);
	text-align: right;
	margin-right: 2%;	
}
.mobile-header-main{
	display:none;
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 15vw;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 2%;
	right: 0px;
	bottom: auto;
	z-index: 999;
	text-align:center;}
	
.mobile-header-text{
	display:none;
	font: bolder large Corbel, Helvetica, sans-serif;
	font-size: 3vw;
	text-shadow: 2px 4px 3px rgba(0,0,0,.5);
	text-align:left;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%;
	height: 3vw;
	margin-left: 2%;
	display:none;
	
	}
#headerCaption{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	display: none;
}

.imageContainer{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background: #ffffff;
	
}
.portrait-container{
	width: 81%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background: #ffffff;
	margin-bottom:3px;
	
	}

.imageContainer2{
	width: 95%;
	height:75%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background: #ffffff;
	
}

.imageContainer:hover .caption-overlay {
  opacity: .8;
}
.caption-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
  z-index:955;
  }
.caption-text {
  font-family: 'montserrat', Helvetica, sans-serif;
  color: white;
  font-size: 1.1vw;
  line-height:20px;
  text-shadow:#000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#bioContent{
	background-color: rgba(255, 255, 255, .5);
	width: 95%;
	height: 100%;
	margin:25% auto;
	padding: 0px;
	box-shadow: 1px 1px 150px 125px #ffffff; 
	/*box-shadow: horizontal offset vertical offset blur radius color*/
	
}
#bioBackground{
	background-color: rgba(255, 255, 255, 0);
    width: 30%;
    height: auto;
    top: 0%;
    bottom: 0;
    right: 1%;
	left: auto;
	float:right;
	margin-bottom: 0%;
    position: relative;
	
	}
#bioTextContainer{
	height:100%;
	width: 50%;
	/*background-color: #f8f8ff;*/
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	font-size: 14px;
	
}
#bioTextBox{
	font-family: Corbel, Helvetica, sans-serif;
	color: #333333;
	font-size: 15px;
	line-height:160%;
	padding:10px;
	

 }
.bio-header{
	text-align:left;
	color:#438fed;
	letter-spacing: 1px;
	font: bolder large 'monserrat', Helvetica, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	padding-right:5px;
	padding-left: 5px;
}
 .bioBodyText{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	text-align: left;
 	}
	
.bio-blue-box{
	background-color: #438fed;
	width: 100%;
	height: 8%;
	}

.event-header-border{
	width: 100%;
	position: absolute;
	margin: auto;
	bottom: 0%;
	top:0%;
	z-index: 999;
	
	}
.event-header{
	width: 100%;
	height:30%;
	position: absolute;
	margin: auto;
	padding:0px;
	left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	z-index: 999;
	font-weight: 100;
	text-align: center;
	
}
button.section-button{
	background-color: rgba( 0, 0,0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
    color: #f8f8ff;
	font-size:12px;
    width: 10vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
   /*text-shadow: 1px 1px 3px rgba(0,0,0,.75border: 1px solid #fff;);*/
}

button.section-button:hover{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
    border: 2px solid #000;
    color: #f8f8ff;
	font-size:12px;
    width: 10vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	cursor:pointer;
    
}

button.section-button:active{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
    border: 2px solid #000;
    color: #f8f8ff;
	font-size:12px;
    width: 10vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	cursor:pointer;
    
}


button.sub-button{
	background-color: rgba( 0, 0, 0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
	color: #f8f8f8;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,.75border: 1px solid #FFFFFF;);*/
	width: 10vw;
	height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*box-shadow: 1px 1px 5px #000000;*/
}
button.sub-button:hover{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #f8f8ff;
	width: 10vw;
	height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.sub-button:active{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:bold;
	color: #f8f8ff;
	width: 10vw;
	height: 5vh;
	
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
.section-textStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	font-size:1.5vw;
	color: #ffffff;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,.75)*/
	}
	
.event-textStyle{
	color: #ffffff;
	letter-spacing: 1px;
	font: bolder large 'bStyle', Helvetica, sans-serif;
	font-size: 4vw;
	text-shadow: 2px 4px 3px rgba(0,0,0,.5);
	letter-spacing:5px;
}
.event-textStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	color: #ffffff;
	text-shadow: 2px 4px 3px rgba(0,0,0,.5);
}
.event-spacer{
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px #000000;
	width: 79%;
	height: 4vw;
	position: absolute;
	margin: auto;
	left: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;}
	
.event-text-container{
	top:36%;
	position:absolute;
	text-align: center;
	right:0%;
	left:0%;
	margin:auto;
	
}
.event-caption{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: .9vw;
	width: 70%;
	color: #ffffff;
	letter-spacing: 1px;
	text-align:left;
	position: absolute;
	margin: auto;
	left: 2%;
	top: 19%;
	right: auto;
}

.gallery-container{
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 5px #000000;
	width: 80%;
	height: 100%;
	
	margin: auto;
	
	
	top: 0px;
	
	bottom: 0px;
	z-index: 999;
}

.section-overlay{
	width:100%;
	height:100%;
	/*box-shadow: 0 0 400px rgba(0,0,0,0.9) inset;*/
	background-color: rgba(0, 0, 0, .15);
	}
	
#social-container2{
	font-family: Arial, Helvetica, sans-serif;
	width: 95px;
	background: rgba(255, 255, 255, 0);
	z-index: 9999;
	height: 42px;
	display: none;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.footer{
	
	width:100%;
	height: 6vh;
	padding-top:1.5vh;
	background-color:#fff;
	margin-top: 2%;
	display: block;}
	
#footer-mobile{
	width:100%;
	height: 5vh;
	padding-top:1.5vh;
	background-color: rgba(255, 255, 255, .0);
	margin-top :-3%;
	margin-bottom: 0px;
	display: block;}
	
	
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position:absolute;
  bottom: 16%;
  left: 0;
  right: 0;
  margin:auto;
  
  display: block;
  width: 4vw;
  height: 4vw;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
	right:0;
	margin:auto;
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}


}

@media screen and ( max-width: 1400px) {

.footer{
	
	width:100%;
	height: 25vh;
	padding-top:1.5vh;
	background-color:#fff;
	margin-top: 30vh;
	display:block;}
	 }
@media screen and ( max-width: 1100px) { 

#logoBorder{
	width: 60vw;
    border: none;
    height: 74px;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 18px;
    right: 0px;
    bottom: auto;
    z-index: 9999999;
	}
#logoMain{
	background-color: rgba(255, 255, 255, .0);
	/*font-family: Corbel, Helvetica, sans-serif;
	font-size: 2vw;*/
	background-size:100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/mobilelogo.png);
	
	width: 17vw;
	height: 74px;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	text-align: center;
}
.logoTextStyle{
    font-family: 'simplifica', Helvetica, sans-serif;
    font-size:4.5vw;
    color: #003366;
	text-shadow: none;
	font-weight: 400;
	
}
.logoText {
    font-family: 'halimun', Helvetica, sans-serif;
    font-size: 1.8vw;
    color: #003366;
    letter-spacing: 1px;
    line-height: 10px;
	text-shadow: none;
}
	
	
.mobile-header{
	width: 17vw;
    height: 74px;
    position: fixed;
	background-size:100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-repeat:no-repeat;
	background-position:center;
    margin: auto;
    left: 0px;
    top: 18px;
    right: 0px;
    bottom: auto;
    z-index: 9999;
    display: block;
	text-align:center;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.25vw;
	color: #fff;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);;
	text-align:center;
	position:absolute;
	bottom: 1.75%;
	top:auto;
	z-index:9999;
	
	}
.footer{
	
	width:100%;
	height: 25vh;
	padding-top:1.5vh;
	background-color:#fff;
	margin-top: 30vh;
	display:block;}
	
#footer-mobile{
	width:100%;
	height: 5vh;
	padding-top:1.5vh;
	background-color: rgba(255, 255, 255, .0);
	margin-top :-8.5%;
	margin-bottom: 0px;
	display: block;}
#siteContent{
	
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	font-size:100%;
	margin-right: 10%;
	margin-top: 0%;
	
}

#navBarMain{
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	margin-top: 0px;
	position: absolute;
	top: 0px;
	z-index: 9999;
}

#bgImage{
	width:100%;
	height:100%;
	z-index: 1;
	position: fixed;
	top: 0px;
	bottom: 0px;
	overflow: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	-webkit-filter: blur(5px);
	- filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);

}
#bgOverlay{
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, 0);
	}
.section-header{
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 10vh;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	text-align:center;
	}
.section-text-bio {
    font: large 'adam-cg', Helvetica, sans-serif
	font-size: 9vw;
	/*text-shadow: 2px 4px 3px rgba(0,0,0,.5);*/
	text-align:center;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	display: none;
    
}	
.sectiion-text{
	font: large 'adam-cg', Helvetica, sans-serif;
	font-size: 5.5vw;
	/*text-shadow: 2px 4px 3px rgba(0,0,0,.5);*/
	text-align:center;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	}
.mainSectionContainer{
   
   	left:0px;
	right:0px;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:85px;
	z-index:5;	
}

.mainSectionContainerPlus{
	background-color:;
	left:0px;
	right:0px;
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20%;
	position:relative;
	padding: 0px;
	top:85px;	
}

.tableCell{
	display:block;
	width: 100%;
	padding:0px;
     
	 }
.sectionCaptionContainer{
	background-color: #FFFFFF;
	text-align:center;
	width: 95%;
	color: #003366;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: static;
	bottom: 0px;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.5vw;
	letter-spacing: 1px;}
	
.sectionImageContainer{
	background-color:#ffffff;
	width: 100%;
	padding: 10px 0px 0px 0px;
	
}
.sectionImageContainerRight{
	float:none;
	width: 100% ;
	margin:0;
	
}
.sectionImageContainerLeft{
	float:none;
	width: 100%;
	margin:0;
	
}
.aboutLocation{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0);
	width: 95%;
	height: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	position:absolute;
	padding: 0px;
	margin-top: 0%;
	top: 0px;
	display:none;
}
.event-header-border{
	width: 100%;
	position: absolute;
	margin: auto;
	bottom: 0%;
	top:0%;
	z-index: 999;
	
	}
.event-header{
	width: 100%;
	position: absolute;
	margin: auto;
	top:0%;
	bottom:0%;
	z-index: 999;
	font-weight: 100;
	text-align: center;
	
}

.event-text-container{
	top:36%;
	position:absolute;
	text-align: center;
	right:0%;
	left:0%;
	margin:auto;
	
}
.mobile-header-gallery{
	display:none;
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 15vw;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 2%;
	right: 0px;
	bottom: auto;
	z-index: 999;
	text-align:center;}



.textContainer{
	padding-top:15px;
	width: 95%;
	position: static;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding:7px;
	background-color: rgba(255, 255, 255, 1);
}

#headerCaption{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	display: block;
}

.headerTextStyle{
	text-align:left;
	color: #438fed;
	letter-spacing: 1px;
	font: bolder large Corbel, Helvetica, sans-serif;
	background-color: rgba(255, 255, 255, 1);
	padding-right:0px;
	padding-left: 0px;
	
}

img {
	padding:0 px;
	max-width:95%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
#galleryContainer{
	background-color: rgba(255, 0, 0, 0);
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 50px;
	}

.imageContainer{
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	position:relative;
	
}
.imageContainer:hover .caption-overlay {
  opacity: .8;
}
.caption-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
  z-index:955;
  }
  
.captionContainer{
	background-color: rgba(0, 0, 0, .75);
	width: 95%;
	color: #ffffff;
	padding-top: 13px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	position:absolute;
	z-index: 999;
	bottom: 15px;
	left:0;
	right:0;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1vw;
	letter-spacing: 1px;;
	}
.caption-text {
  font-family: montserrat-regular, Helvetica, sans-serif;
  color: white;
  font-size: 1.5vw;
  text-shadow:#000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}



.pageBG{
	background-color: rgba(0, 0, 0, .5);
	width:90%;
	
	padding-top:0px;
	padding-bottom:15px;
	font: Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}


.rounded-img{
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
	overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	}
#specialImageContainer {
	
	width:25vw;
	height:25vw;
	position:absolute;
	left: 0px;
	right: 0px;
	margin-top:1%;
	z-index:10;
	display:none;
	
}
#bioContent{
	width: 95%;
	background-color:#fff;
	padding-top:14%;
	margin-top:20%;
	box-shadow: 0px 0px 0px #000000;
}
#bioBackground{
	background-color: rgba(255, 255, 255, .5);
	width: 80%;
	height:auto;
	top: 20%;
	bottom: 0;
	margin-bottom:25%;
	left:0px;
	right:0px;
	margin-right:auto;
	padding-bottom: 15px;
	position:relative;
	float:none;
	bottom: 0px;
	box-shadow: 1px 1px 5px #000000;
	}
	
#bio-cover{
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center 110px;
	height: 70%;
	width:100%;
	}	
#bioTextContainer{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	width: 90%;
	background-color: #fff;
	padding-top:0;
	padding-bottom:10px;
 	
	padding: 0px;
	
}


 #bioTextBox{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	width:95%;
	color: #333333;
	text-align:left;
	font-size: 14px;
	margin-right:auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
	line-height:160%;
 }
.bio-header{
	text-align:left;
	color: #438fed;
	letter-spacing: 1px;
	font: bolder large Corbel, Helvetica, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	padding-right:5px;
	padding-left: 5px;
}
.bioBodyText{
 	font-family: Corbert-Regular, Helvetica, sans-serif;
	text-align:left;
	color: #333333;
	font-size: 14px;
 	}
.subtext{
	color: #333;
	text-align: center;
	font: lighter x-small Corbert-Regular, Helvetica, sans-serif;
	}
	
#socialContainer{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	z-index: 9999;
	height: 42px;
	display: none;
	margin-bottom: 0px;
	margin:auto;
	position:fixed;
	top:auto;
	bottom: 0px;
	float: right;
	margin-right: 0%;
	text-align: right;
	
}

#socialContainer-index{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 60px;
	background: rgba(255, 255, 255, 0);
	z-index: 999;
	height: 42px;
	display: block;
	margin-bottom: 0px;
	margin:auto;
	/*position:fixed;*/
	top: auto;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center;
}

.fbButton{
	height: 25px;
	width:25px;
	float: right;
	background: url(../images/facebook2a.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
}
.igButton{
	height: 25px;
	width:25px;
	float: right;
	background:url(../images/instagram2a.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
	
}
#social-container2{
	font-family: Arial, Helvetica, sans-serif;
	width: 95px;
	background: rgba(255, 255, 255, 0);
	z-index: 9999;
	height: 42px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}


button.section-button{
	background-color: rgba( 0, 0,0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
    color: #f8f8ff;
	font-size:12px;
    width: 15vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
   /*text-shadow: 1px 1px 3px rgba(0,0,0,.75border: 1px solid #fff;);*/
}

button.section-button:hover{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
    border: 2px solid #000;
    color: #fff;
    font-size:12px;
    width: 15vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	cursor:pointer;
    
}

button.section-button:active{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
    border: 2px solid #000;
    color: #fff;
    font-size:12px;
    width: 15vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	cursor:pointer;
    
}


button.sub-button{
	background-color: rgba( 0, 0, 0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
	color: #f8f8f8;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,.75border: 1px solid #FFFFFF;);*/
	font-size:12px;
    width: 15vw;
    height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*box-shadow: 1px 1px 5px #000000;*/
}
button.sub-button:hover{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #ffffff;
	font-size:12px;
    width: 15vw;
    height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.sub-button:active{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	font-size:12px;
    width: 15vw;
    height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}

button.back-button{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #333;
	width: 8vw;
	height: 50px;
	position:fixed;
	margin: auto;
	left: 2%;
	top: 30px;
	right: auto;
	z-index: 9999;
	
}
button.back-button:hover{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	top: 30px;
	right:auto;
	left: 2%;
	z-index: 9999;
	cursor:pointer;
}
button.back-button:active{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	border: thin solid #FFFFFF;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	right:auto;
	left: 2%;
	top: 30px;
	z-index: 9999;
	cursor:pointer;
}

.scroll-down {
  position:absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin:auto;
  
  display: none;
  width: 4vw;
  height: 4vw;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}
	}

@media screen and ( max-width: 900px) {
	.sectiion-text{
	font: large 'adam-cg', Helvetica, sans-serif;
	font-size: 6vw;
	/*text-shadow: 2px 4px 3px rgba(0,0,0,.5);*/
	text-align:center;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	}
	
	#footer-mobile{
	width:100%;
	height: 5vh;
	padding-top:1.5vh;
	background-color: rgba(255, 255, 255, .0);
	margin-top :-10%;
	margin-bottom: 0px;
	display: block;}


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

#logoBorder{
	width: 60vw;
    border: none;
    height: 74px;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 18px;
    right: 0px;
    bottom: auto;
    z-index: 9999999;
	}
#logoMain{
	background-color: rgba(255, 255, 255, 0);
	/*font-family: montserrat-regular, Helvetica, sans-serif;
	font-size: 2.3vw;*/
	background-size:100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/mobilelogo.png);
	width: 24vw;
	height: 74px;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	text-align: center;
}
.logoTextStyle{
	font-family: 'simplifica', Helvetica, sans-serif;
    font-size: 4vw;
    color: #003366;
    font-weight: 400;
	text-shadow: none;
	
}
.logoTextStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.3vw;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
}
.mobile-header{
	width: 172px;
    height: 74px;
    position: fixed;
    margin: auto;
    left: 0px;
    top: 18px;
    right: 0px;
    bottom: auto;
    z-index: 99999999;
	display:block;
	}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.25vw;
	color: #fff;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);;
	text-align:center;
	position:absolute;
	bottom: 1.75%;
	top:auto;
	z-index:9999;
	
	}
#siteContent{
	
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	font-size:100%;
	margin-right: 10%;
	
}

.section-header{
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 10vh;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	text-align:center;
	}
.gallery-header {
    display: block;
    background-color: rgba( 51, 51, 51, 0);
    font: large 'adam-cg', Helvetica, sans-serif;
    font-size: 10vw;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
    text-align: center;
    letter-spacing: 3px;
    line-height: 80%;
    color: #ffffff;
    width: 100%;
    height: 23vw;
    position: absolute;
    margin: auto;
    padding-top: 12%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.section-text-bio {
    font:  large 'adam-cg', Helvetica, sans-serif;
	font-size: 5vh;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,.75);*/
	text-align:center;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	display: none;
    
}	
.sectiion-text{
	font:  large 'adam-cg', Helvetica, sans-serif;
	font-size: 6.5vh;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,.75);*/
	text-align:center;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%
	height: 3vw;
	}
	
.section-textStyle2 {
    font-family: Corbel, Helvetica, sans-serif;
    font-size: 2.5vw;
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0,0,0,.75));
}
button.section-button{
	background-color: rgba( 0, 0,0, .75);
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:100;
	color: #f8f8ff;
    width: 22vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
   /*border: 1px solid #fff;text-shadow: 1px 1px 3px rgba(0,0,0,.75);*/
}

button.section-button:hover{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
    border: 2px solid #000;
    color: #fff;
    width: 15vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    cursor:pointer;
}

button.section-button:active{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
    border: 2px solid #000;
    color: #fff;
    width: 15vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    cursor:pointer;
}
#bgImage{
	width:100%;
	height:100%;
	background: #CCCCCC;
	z-index: 1;
	position: fixed;
	top: 0px;
	bottom: 0px;
	overflow: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	-webkit-filter: blur(5px);
	- filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	
	

}
#bgOverlay{
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, .5);
	}

#bgGallery{
	height: 100vh;
	top:0;
	bottom:0;
	position:relative
	z-index: -10;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	
	-webkit-filter: blur(12px);
	- filter: blur(12px);
	-moz-filter: blur(12px);
	-o-filter: blur(12px);
	-ms-filter: blur(12px);
	

}

/*#bgOverlay{
	- filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,.75) url(../images/bg/13.jpg);
	background-size:cover;
	background-position:center center;
	display:block;
}*/

#navBarMain{
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	margin-top: 0px;
	position: absolute;
	top: 0px;
	z-index: 9999999;
	

}
#navigation{
	font-family: mojave-regular, Helvetica, sans-serif;
	text-align:center;
	margin-right: auto;
	margin-top: 0px;
	padding-top:10px;
	width: 35%;
	margin-left: auto;
	height: 46px;
	background-color:rgba(0, 0, 0, 0);
	position: fixed;
	left: 0px;
	right: 0px;
}
.mainSectionContainer{
   
   	left:0px;
	right:0px;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:85px;
	z-index:5;
	
	
}
.sectionCaptionContainer{
	background-color: #FFFFFF;
	text-align:center;
	width: 95%;
	color: #003366;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: static;
	bottom: 0px;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.5vw;
	letter-spacing: 1px;}
	
.sectionImageContainer{
	background-color:#ffffff;
	width: 95%;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	
	margin: 10px auto;
}
.sectionImageContainerRight{
	float:none;
	width: 100% ;
}
.sectionImageContainerLeft{
	float:none;
	width: 100%;
}
.aboutLocation{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 1);
	width: 95%;
	height: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	position:static;
	padding: 0px;
	margin-top: 0px;
	top: 0px;
}


.event-textStyle{
	color: #ffffff;
	letter-spacing: 1px;
	font: bolder large 'bStyle', Helvetica, sans-serif;
	font-size: 7vw;
	text-shadow: 2px 4px 3px rgba(0,0,0,.5);
	letter-spacing:5px;
}
.event-textStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	color: #ffffff;
	text-shadow: 2px 4px 3px rgba(0,0,0,.5);
}

.mobile-header-gallery{
	display:none;
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 15vw;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 2%;
	right: 0px;
	bottom: auto;
	z-index: 999;
	text-align:center;}

.textContainer{
	padding-top:15px;
	width: 90%;
	position: static;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding:7px;
	background-color: #ffffff;
}


img {
	max-width:95%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	
	
	
}
#galleryContainer{
	background-color: rgba(255, 0, 0, 0);
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 50px;
	}

.imageContainer{
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 8px;
	position:relative;

}
.imageContainer:hover .caption-overlay {
  opacity: .8;
}
.caption-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;
  z-index:955;
  }
#headerCaption{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	display: block;
}
.captionContainer{
	background-color: rgba(0, 0, 0, .75);
	width: 95%;
	color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 13px;
	position:absolute;
	z-index: 888;
	bottom: 15px;
	left:0;
	right:0;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.75vw;
	letter-spacing: 1px;;
	}

.caption-text {
  font-family: montserrat-regular, Helvetica, sans-serif;
  color: white;
  font-size: 2vw;
  text-shadow:#000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.pageBG{
	background-color: rgba(0, 0, 0, .5);
	width:90%;
	
	padding-top:0px;
	padding-bottom:15px;
	font: Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
.rounded-img{
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
	overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	}
#specialImageContainer {
	
	width:25vw;
	height:25vw;
	position:absolute;
	left: 0px;
	right: 0px;
	margin-top:1%;
	z-index:10;
	display:none;
	
}
#bioContent{
	width: 95%;
	background-color:#fff;
	padding-top:16%;
	margin-top:20%;
	box-shadow: 0px 0px 0px #000000;
}
#bioBackground{
	background-color: rgba(255, 255, 255, .5);
	width: 80%;
	height:auto;
	top: 20%;
	bottom: 0;
	margin-bottom:25%;
	padding-bottom: 15px;
	
	position:relative;
	
	}
	
	
#bioTextContainer{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background-color: #ffffff;
	padding-top:0;
	padding-bottom:10px;
 	
	padding: 0px;
	
}


 #bioTextBox{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	width:95%;
	color: #333333;
	text-align:left;
	font-size: 14px;
	margin-right:auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 14px;
	line-height:160%
 }
 
.bio-header{
	text-align:left;
	color: #438fed;
	letter-spacing: 1px;
	font: bolder large Corbel, Helvetica, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	padding-right:5px;
	padding-left: 5px;
}
.bioBodyText{
 	font-family: Corbert-Regular, Helvetica, sans-serif;
	text-align:left;
	color: #333333;
	font-size: 14px;
 	}
.subtext{
	color: #333;
	text-align: center;
	font: lighter x-small Corbert-Regular, Helvetica, sans-serif;
	}
	
#socialContainer{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	z-index: 9999;
	height: 42px;
	display: none;
	margin-bottom: 0px;
	margin:auto;
	position:fixed;
	top:auto;
	bottom: 0px;
	float: right;
	right: 0px;
	text-align: right;
}

#socialContainer-index{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 60px;
	background: rgba(255, 255, 255, 0);
	z-index: 999;
	height: 42px;
	display: block;
	margin-bottom: 0px;
	margin:auto;
	/*position:fixed;*/
	top: auto;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center;
}

.fbButton{
	height: 25px;
	width:25px;
	float: right;
	background: url(../images/facebook2a.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
}
.igButton{
	height: 25px;
	width:25px;
	float: right;
	background:url(../images/instagram2a.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
	
}

#social-container2{
	font-family: Arial, Helvetica, sans-serif;
	width: 95px;
	background: rgba(255, 255, 255, 0);
	z-index: 9999;
	height: 42px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}




button.sub-button{
	background-color: rgba( 0, 0, 0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
	color: #f8f8f8;
	width: 15vw;
	height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	
}
button.sub-button:hover{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #f8f8f8;
	width: 15vw;
	height: 5vh;
	
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.sub-button:active{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #f8f8f8;
	width: 15vw;
	height: 5vh;
	
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}

button.back-button{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #333;
	width: 8vw;
	height: 50px;
	position:fixed;
	margin: auto;
	left: 2%;
	top: 30px;
	right: auto;
	z-index: 99999999;
	
}
button.back-button:hover{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	top: 30px;
	right:auto;
	left: 2%;
	z-index: 99999999;
	cursor:pointer;
}
button.back-button:active{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	border: thin solid #FFFFFF;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	right:auto;
	left: 2%;;
	top: 30px;
	z-index: 99999999;
	cursor:pointer;
}


.scroll-down {
  position:absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin:auto;
  
  display: none;
  width: 4vw;
  height: 4vw;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}



#footer-mobile{
	width:100%;
	height: 5vh;
	padding-top:1.5vh;
	background-color: rgba(255, 255, 255, .0);
	margin-top :-15%;
	margin-bottom: 0px;
	display: block;}

	}


 
 
 
 
 @media screen and ( max-width: 720px) { 
 body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}
#logoBorder{
	width: 60vw;
    border: none;
    height: 74px;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 18px;
    right: 0px;
    bottom: auto;
    z-index: 9999999;
	}
#logoMain{
	background-color: rgba(255, 255, 255, 0);
	font-family: montserrat-regular, Helvetica, sans-serif;
	font-size: 2.5vw;
	background-size:100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/mobilelogo.png);
	width: 26vw;
	height: 74px;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	text-align: center;
}
.logoTextStyle{
    font-family: 'simplifica', Helvetica, sans-serif;
    font-size:7vw;
    color: #003366;
	text-shadow: none;
	
	
}

.logoText {
    font-family: 'halimun', Helvetica, sans-serif;
    font-size: 2.5vw;
    color: #003366;
    letter-spacing: 1px;
    line-height: 10px;
	text-shadow: none;
}
.logoTextStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.5vw;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
}



#siteContent{
	
	width: 80%;
	
	margin-top: 0px;
	background-color: rgba(0, 0, 0, 0);
}

.gallery-header {
    display: block;
    background-color: rgba( 51, 51, 51, 0);
    font: large 'adam-cg', Helvetica, sans-serif;
    font-size: 8vw;
    text-shadow: 2px 2px 2px rgba(0,0,0,.2);
    text-align: center;
    letter-spacing: 3px;
    line-height: 80%;
    color: #ffffff;
    width: 100%;
    height: 23vw;
    position: absolute;
    margin: auto;
    padding-top: 12%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.mobile-header-main{
	display:block;
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 15vw;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 2%;
	right: 0px;
	bottom: auto;
	z-index: 999;
	text-align:center;}
	
.mobile-header-text{
	display:block;
	font: bolder large Corbel, Helvetica, sans-serif;
	font-size: 3vw;
	text-shadow: 2px 4px 3px rgba(0,0,0,.5);
	text-align:left;
	letter-spacing: 1px;
	color: #ffffff;
	width: 100%;
	height: 3vw;
	margin-left: 2%;
	}
#gallery-cover{
	background-image:none;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	width: 100%;
	height: 45%;
	background-color: rgba( 255, 255, 255, 1);
	border-bottom: #333 5px solid;
	display:none;
	position:relative;
	padding-bottom:0;
	}
	
.mobile-header-gallery{
	display:none;
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	border: none;
	color: #000000;
	width: 100%;
	height: 15vw;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 2%;
	right: 0px;
	bottom: auto;
	z-index: 999;
	text-align:center;}
#bgGallery{
	height: 100vh;
	top:0;
	bottom:0;
	position:relative
	z-index: -10;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	
	-webkit-filter: blur(12px);
	- filter: blur(12px);
	-moz-filter: blur(12px);
	-o-filter: blur(12px);
	-ms-filter: blur(12px);
	

}
.mainSectionContainer{
   
   	left:0px;
	right:0px;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:85px;
	z-index:5;
	
	
}
.sectionCaptionContainer{
	background-color: #FFFFFF;
	text-align:center;
	width: 95%;
	color: #003366;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: static;
	bottom: 0px;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.5vw;
	letter-spacing: 1px;}
	
.sectionImageContainer{
	background-color:#ffffff;
	width: 95%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 8px;
	
	margin: 10px auto;
}
.sectionImageContainerRight{
	float:none;
	width: 100% ;
}
.sectionImageContainerLeft{
	float:none;
	width: 100%;
}
.aboutLocation{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 1);
	width: 95%;
	height: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	position:static;
	padding: 0px;
	margin-top: 0px;
	top: 0px;
}

.textContainer{
	padding-top:15px;
	width: 90%;
	position: static;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding:7px;
	background-color: #ffffff;
}
#headerCaption{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	display: block;
}
.captionContainer{
	background-color: rgba(0, 0, 0, .75);
	width: 95%;
	color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 13px;
	position:absolute;
	z-index: 888;
	bottom: 15px;
	left:0;
	right:0;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.5vw;
	letter-spacing: 1px;;
	}
	
.caption-text {
  font-family: montserrat-regular, Helvetica, sans-serif;
  color: white;
  font-size: 1.5vw;
  text-shadow:#000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#bioContent{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.rounded-img{
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
	overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	}
#specialImageContainer {
	
	width:25vw;
	height:25vw;
	position:absolute;
	left: 0px;
	right: 0px;
	margin-top:1%;
	z-index:10;
	display:none;
	
}

#bio-cover{
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center 110px;
	height: 70%;
	width:100%;
	}	
#bioContent{
	width: 95%;
	background-color:#fff;
	padding-top:16%;
	margin-top:20%;
}
#bioBackground{
	background-color: rgba(255, 255, 255, .5);
	width: 80%;
	height:auto;
	top: 20%;
	bottom: 0;
	margin-bottom:25%;
	padding-bottom: 15px;
	
	position:relative;
	
	}
	
	
#bioTextContainer{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background-color: #fff;
	padding-top:0px;
	padding-bottom:10px;
 	
	padding: 0px;
	
}


 #bioTextBox{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	width:95%;
	color: #333333;
	text-align:left;
	font-size: 14px;
	margin-right:auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 14px;
	line-height:160%
 }
 .bio-header{
	text-align:left;
	color: #438fed;
	letter-spacing: 1px;
	font: bolder large Corbel, Helvetica, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	padding-right:5px;
	padding-left: 5px;
}
.bioBodyText{
 	font-family: Corbert-Regular, Helvetica, sans-serif;
	text-align:left;
	color: #333333;
	font-size: 14px;
 	}
.subtext{
	color: #333;
	text-align: center;
	font: lighter x-small Corbert-Regular, Helvetica, sans-serif;
	}
	
#socialContainer{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background: rgba(255, 255, 255, 0);
	z-index: 9999;
	height: 42px;
	display: none;
	margin-bottom: 0px;
	margin:auto;
	position:fixed;
	top:auto;
	bottom: 0px;
	left:0px;
	right: 0px;
	text-align:center;
}

#socialContainer-index{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 60px;
	background: rgba(255, 255, 255, 0);
	z-index: 999;
	height: 42px;
	display: block;
	margin-bottom: 0px;
	margin:auto;
	/*position:fixed;*/
	top: auto;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center;
}

.fbButton{
	height: 25px;
	width:25px;
	float: right;
	background: url(../images/facebook2a.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
}
.igButton{
	height: 25px;
	width:25px;
	float: right;
	background:url(../images/instagram2a.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
	
}

.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.75vw;
	color: #fff;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);;
	text-align:center;
	position:absolute;
	bottom: 1.75%;
	top:auto;
	z-index:9999;
	
	}
#social-container2{
	font-family: Arial, Helvetica, sans-serif;
	width: 95px;
	background: rgba(255, 255, 255, 0);
	z-index: 9999;
	height: 42px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

button.section-button{
	background-color: rgba( 0, 0,0, .75);
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:100;
	color: #f8f8ff;
    width: 22vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
   /*border: 1px solid #fff;text-shadow: 1px 1px 3px rgba(0,0,0,.75);*/
}

button.section-button:hover{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
    border: 2px solid #000;
    color: #fff;
    width: 22vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    cursor:pointer;
}

button.section-button:active{
	background-color: rgba( 0, 0, 0, 1);
    font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
    border: 2px solid #000;
    color: #fff;
    width: 22vw;
    height: 5vh;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    cursor:pointer;
}
button.sub-button{
	background-color: rgba( 0, 0, 0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:100;
	color: #f8f8f8;
	width: 15vw;
	height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
}
button.sub-button:hover{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	width: 15vw;
	height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.sub-button:active{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	width: 15vw;
	height: 5vh;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.back-button{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #333;
	width: 8vw;
	height: 50px;
	position:fixed;
	margin: auto;
	left: 2%;
	top: 30px;
	right: auto;
	z-index: 99999999;
	
}
button.back-button:hover{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	top: 30px;
	right:auto;
	left: 2%;
	z-index: 99999999;
	cursor:pointer;
}
button.back-button:active{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	border: thin solid #FFFFFF;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	right:auto;
	left: 2%;;
	top: 30px;
	z-index: 99999999;
	cursor:pointer;
}

 }
 
 
 @media screen and ( max-width: 500px) { 
 
 	#bio-cover{
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center 110px;
	height: 65%;
	width:100%;
	}	
 
 
 }

@media screen and ( max-width: 400px) { 

 body, html {

	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0px;
}
.copyright{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.75vw;
	color: #000000;
	width:100%;
	text-shadow: none;
	text-align:left;
	left:1%;
	position:absolute;
	bottom: 1.75%;
	top:auto;
	z-index:9999;
	
	}
#siteContent{
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	
	margin-top: 96px;
	background-color: rgba(0, 0, 0, 0);
}

#bgGallery{
	height: 100vh;
	top:0;
	bottom:0;
	position:relative
	z-index: -10;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	
	-webkit-filter: blur(12px);
	- filter: blur(12px);
	-moz-filter: blur(12px);
	-o-filter: blur(12px);
	-ms-filter: blur(12px);
	

}

#bgGallery{
	height: 100vh;
	top:0;
	bottom:0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	
	-webkit-filter: blur(12px);
	- filter: blur(12px);
	-moz-filter: blur(12px);
	-o-filter: blur(12px);
	-ms-filter: blur(12px);
	

}.caption-text {
  font-family: montserrat-regular, Helvetica, sans-serif;
  color: white;
  font-size: 2vw;
  text-shadow:#000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.mainSectionContainer{
   
   	left:0px;
	right:0px;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:85px;
	
	
}
.sectionCaptionContainer{
	background-color: #FFFFFF;
	text-align:center;
	width: 95%;
	color: #003366;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: static;
	bottom: 0px;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.5vw;
	letter-spacing: 1px;}
	
.sectionImageContainer{
	background-color:#ffffff;
	width: 95%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 8px;
	
	margin: 10px auto;
}
.sectionImageContainerRight{
	float:none;
	width: 100% ;
}
.sectionImageContainerLeft{
	float:none;
	width: 100%;
}
.aboutLocation{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 1);
	width: 95%;
	height: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	position:static;
	padding: 0px;
	margin-top: 0px;
	top: 0px;
}

.textContainer{
	padding-top:15px;
	width: 90%;
	position: static;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding:7px;
	background-color: #ffffff;
}
#headerCaption{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	display: block;
}
.captionContainer{
	background-color: rgba(0, 0, 0, .75);
	width: 95%;
	color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 13px;
	position:absolute;
	z-index: 888;
	bottom: 15px;
	left:0;
	right:0;
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 1.5vw
	letter-spacing: 1px;;
	}
	
.rounded-img{
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
	overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	}
#specialImageContainer {
	
	width:25vw;
	height:25vw;
	position:absolute;
	left: 0px;
	right: 0px;
	margin-top:1%;
	z-index:10;
	display:block;
	
}
#bioContent{
	width: 95%;
	background-color:#fff;
	padding-top:16%;
	margin-top:20%;
}
#bioBackground{
	background-color: rgba(255, 255, 255, .5);
	width: 80%;
	height:auto;
	top: 20%;
	bottom: 0;
	margin-bottom:25%;
	padding-bottom: 15px;
	
	position:relative;
	
	}
	
	
#bioTextContainer{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background-color: #ffffff;
	padding-top:10px;
	padding-bottom:10px;
 	
	padding: 0px;
	
}


 #bioTextBox{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	width:95%;
	color: #333333;
	text-align:left;
	font-size: 14px;
	margin-right:auto;
	margin-left: auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 14px;
	line-height:160%
 }
 
 .bio-header{
	text-align:left;
	color: #438fed;
	letter-spacing: 1px;
	font: bolder large Corbel, Helvetica, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	padding-right:5px;
	padding-left: 5px;
}
.bioBodyText{
 	font-family: Corbert-Regular, Helvetica, sans-serif;
	text-align:left;
	color: #333333;
	font-size: 14px;
 	}
.subtext{
	color: #666666;
	text-align: right;
	font: lighter x-small Corbert-Regular, Helvetica, sans-serif;
	}
#socialContainer{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	z-index: 9999;
	height: 42px;
	display: block;
	margin-bottom: 0px;
	margin:auto;
	position:fixed;
	top:auto;
	bottom: 0px;
	float: right;
	margin-right: 0%;
	right: 1%;
	text-align: right;
}
#socialContainer-index{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 10%;
	background: rgba(0, 0, 0, 0);
	z-index: 9999;
	height: 42px;
	display: none;
	margin-bottom: 22px;
	position:fixed;
	top: 1.5%;
	bottom: auto;
	float: right;
	margin-right: 2%;
	right: 0px;
	text-align: right;
}

.fbButton{
	height: 32px;
	width:32px;
	float: right;
	background: url(../images/facebook.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
}
.igButton{
	height: 32px;
	width:32px;
	float: right;
	background:url(../images/instagram.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2%;
	
}


button.sub-button{
	background-color: rgba( 0, 0, 0, .75);
	border-radius: 50px;
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
	color: #f8f8f8;
	width: 10vw;
	height: 3vw;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	
}
button.sub-button:hover{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #ffffff;
	width: 10vw;
	height: 3vw;
	
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.sub-button:active{
	background-color: rgba( 0, 0, 0, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #ffffff;
	width: 10vw;
	height: 3vw;
	
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;;
	cursor:pointer;
}
button.back-button{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #333;
	width: 8vw;
	height: 50px;
	position:fixed;
	margin: auto;
	left: 2%;
	top: 0%;
	right: auto;
	z-index: 99999999;
	
}
button.back-button:hover{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	top: 0%;
	right:auto;
	left: 2%;
	z-index: 99999999;
	cursor:pointer;
}
button.back-button:active{
	background-color: rgba( 255, 255, 255, 1);
	font-family: Corbel, Helvetica, sans-serif;
	border: thin solid #FFFFFF;
	color: #000000;
	width: 8vw;
	height: 50px;
	position: fixed;
	margin: auto;
	right:auto;
	left: 2%;;
	top: 0%;
	z-index: 99999999;
	cursor:pointer;

}

 }