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;
	margin: 0px;
	
	/*background-color:#FCFBE3;*/
	
}

	

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

	-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);
	}
/*#bgOverlay{
	height: 100%;
	- filter: blur(15px);
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	;
	background-color: rgba(0, 0, 0, 0);
	position: fixed;
	z-index: -1;
}*/


#logoBorder{
	width: 25vw;
	border:none; /*#ffffff solid 2px*/;
	height: 25vh;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	}
#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-repeat:no-repeat;
	background-position:center;
	font-size: 2vw;
	position: absolute;
	margin: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	line-height: 25px;
	text-align: center;
}
#logoTextContainer{
	top:50%;
	position:relative;
	transform: translateY(-50%);	
}

.logoText{
	font-family: 'halimun', Helvetica, sans-serif;
	font-size: 1.2vw;
    color: #fff;
    letter-spacing: 1px;
    line-height: 10px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.5);}
	
	
.logoTextStyle{
	font-family: 'simplifica', Helvetica, sans-serif;
	color: #fff;
	font-size: 3vw;
	font-weight:300;
	text-shadow: 1px 1px 3px rgba(0,0,0,.5);
	
}


.logoTextStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	font-size: 1.2vw;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
}

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

.mobile-header{
	width: 60vw;
    height: 74px;
    position: absolute;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999999;
	display:none;
	}
.mainSectionContainer{
	width: 65%;
	position:static;
	margin:auto;
	bottom: 0px;
	top: 0px;
	left:0px;
	right:0px;
	padding-bottom: 85px;
	z-index: 5;
	}
.mainSectionContainerPlus{
	width: 50%;
	position:static;
	margin:auto;

	top 0px;
	bottom: 0px;
	top: 0px;
	padding-bottom: 85px;
	
}	
.tableCell{
     display:block;
	 }
/*.mainSectionContainerPlus{
	width: 50%;
	position:static;
	margin:auto;
	z-index: 3;
	display:table;
	top 0px;
	bottom: 0px;
	top: 0px;
	padding-bottom: 85px;
	}*/
#bgMain{
	width: 100%;
	height:100%;
	margin: 0px;
	background-color: rgba(255, 255, 255, .5);
}



#siteContent{
	padding-top:10%;
	width:100%;
	margin-left: auto;
	margin-right:auto;
	
	
}
	


#section-cover{
	background-size: cover;
	background-position: center center;
	width:100%;
	height:100%;
	
	position:relative;
	z-index: 1;
}	
#section-gallery{
	width: 100%;
	height: 100vh;
	background-color: #f8f8ff;
	padding-top:5%;
	z-index:1;
	position:relative;
	z-index:2;
	margin:auto;
	top: 0;
}
section.bio{
	width: 100%;
	height:auto;
	/*background-color: #f8f8ff;*/
	padding-top:0%;
	position:absolute;
	z-index:1;
	position:relative;
	z-index:1;
	margin:auto;
	top: 0;
}
section.gallery{
	padding-top: 150px;
	padding-bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	
	margin:auto;
	top: 0;
}
#section-tab{
      border-bottom: 50px solid rgba(248, 248, 255, .5);
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      height: 10%;
      width: 30%;
	  position:absolute;
	  margin:auto;
	  top:auto;
	  bottom:0px;
	  left:0px;
	  right:0px;
	  z-index:999999;
    }
button.tab-button{
	font-family: Corbel, Helvetica, sans-serif;
    text-shadow: 1px 1px 3px rgba(0,0,0,.75);
	background-color: rgba( 0, 0, 0, 0);
    color: #f8f8ff;
    border-bottom: 50px solid rgba(248, 248, 255, .5);
    border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      height: 0%;
      width: 15%;
	  position:absolute;
	  margin:auto;
	  top:auto;
	  bottom:0px;
	  left:0px;
	  right:0px;
	  
	  z-index:999999;
	}
#bio-cover{
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center center;
	height: 100%;
	width: 55%;
	margin:auto;
	}
	
	
#bioContent{
	margin-right: auto;
	margin-left: auto;
	width: 35%;
	
}
/*img {
	max-width:100%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	display:block;*/
	
	
}
#galleryContainer{
	background-color: rgba(255, 255, 255, 0);
	width: 100%;
	text-align:center;
	
	}
	
	
.imageContainer{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 9px;
	/*box-shadow: 1px 1px 5px #000000;*/
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	background: #000000;
	position:relative;
	
}

.portrait-container{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	background: #000000;
	position:relative;
	
	
	}
.imageContainer:hover .caption-overlay {
  opacity: .7;
}
.portrait-container:hover .caption-overlay{
	opacity: .7;
	}
.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-regular, Helvetica, sans-serif;
  text-align:center;
  font-weight: 1;
  font-size: 1vw;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.captionContainer{
	text-align:center;
	width: 99%;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 15px;
	padding-top: 15px;
	position: static;
	z-index: 8888;
	bottom: 0px;
	letter-spacing: 1px;
	background: #FFFFFF;
	font-family: "vw gishabd", Helvetica, sans-serif;
	font-weight: 1;
	display:none;
	}

.galleryHeader{
	font-family: gishabd, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	background-color: rgba(0, 0, 0, .5);
	width: 90%;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 7px;
	letter-spacing: 3px;
	font-weight: 100;
	padding-bottom: 7px;
	display: none;
	
}
.pageBG{
	background-color: rgba(0, 0, 0, 0);
	width:90%;
	height: auto;
	padding-top:0px;
	padding-bottom:15px;
	font: Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}

/*.aboutLocation{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	background-color: rgba(0, 0, 0, .5);
	text-align: left;
	bottom:0px;
	position:relative;
	height: 91px;
	margin-bottom: 0px;
	
	
}*/
#headerCaption{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	display: none;
}
.textContainer{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	text-align: left;
	position:fixed;
	bottom: 0px;
	width: 100%;
	margin-left: 2%;
	background-color: #ffffff;
	height: 55px;
	margin-bottom: 0px;
	left: 1%;
	
}
.imageBorder{
	border: 2px solid #FFFFFF;
}
#specialImageContainer{
	
	width:25vw;
	height:25vw;
	
	margin-right: auto;
	margin-left: auto;	
	display:none;	
}
.specialImage{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	}
#specialImageBox{
	
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;}
#bioContent{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	
}
#bioBackground{
	background-color: rgba(255, 255, 255, .5);
	width: 35%;
	padding-top: 15px;
	padding-bottom: 0px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	
	}
#bioTextContainer{
	
	width: 80%;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	font-size: 14px;
	
}
#bioTextBox{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	text-align: justify;
	

 }
 .bioBodyText{
	font-family: Corbert-Regular, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	text-align: left;
 	}
	
#page-footer{
	width:100%;
	height:auto /*13vh*/;
	padding-top:1.5vh;
	background-color:#fff;
	margin-bottom:0px;
	padding-bottom: 2%;}	
	
#footer-mobile{
	width:100%;
	height: 20vh;
	padding-top:1.5vh;
	background-color: #f8f8ff;
	/*margin-top :10%;*/
	margin-bottom: 0px;
	display: none;}

.subtext{
	color: #333;
	text-align: center;
	font: lighter x-small Corbert-Regular, Helvetica, sans-serif;
	}


	
	

/*NAVIGATION CONTENT*/
#navBarMain{
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	margin-top: 0px;
	top: 0px;
	z-index: 999;
	position: absolute;

}

#navigation{
	font-family: mojave-regular, Helvetica, sans-serif;
	text-align:center;
	
}

.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;
}

.mobile-header{
background-image:url(../images/mobilelogo.png);}

	
.headerTextStyle{

	/*
		*/
	text-align:left;
	color: #FFFFFF;
	letter-spacing: 1px;
	font: bolder large monserrat-regular, Helvetica, sans-serif;
	text-align: right;
	margin-right: 2%;
	top:50%;
	position:relative;
	transform: translateY(-50%);
}

.header-textStyle2{
	font-family: Corbel, Helvetica, sans-serif;
	color: #ffffff;
	
}
.headerTextStyle2{
	font-family: gishabd, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #71baff;
	letter-spacing: 1px;
}

button.back-button{
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	text-align:left;
	color: #003366;
	width: 10vw;
	height: 26px;
	position:fixed;
	margin: auto;
	left: 2%;
	top: 15px;
	right: auto;
	z-index: 9999;	
	
}
button.back-button:hover{
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	width: 10vw;
	height: 26px;
	position: fixed;
	margin: auto;
	top: 15px;
	right:auto;
	left: 2%;
	z-index: 9999;
	cursor:pointer;
}
button.back-button:active{
	background-color: rgba( 255, 255, 255, 0);
	font-family: Corbel, Helvetica, sans-serif;
	text-align:left;
	border: thin solid #FFFFFF;
	color: #000000;
	width: 10vw;
	height: 26px;
	position: fixed;
	margin: auto;
	right:auto;
	left: 2%;;
	top: 15px;
	z-index: 9999;
	cursor:pointer;
}
/*                        SOCIAL NAV      */


#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;
}

#socialContainer{
	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;
}
#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;
}

.socialButtons{
	width: 70px;
	margin-right: auto;
	margin-left: auto;
}
.fbButton{
	height: 20px;
	width:20px;
	float: right;
	background:url(../images/facebook.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 7%;
}
.igButton{
	height: 20px;
	width:20px;
	float: right;
	background:url(../images/instagram.png) no-repeat;
	background-size:cover;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 7%;
	
	
}
.fbButton2{
	height: 30px;
	width:30px;
	float: right;
	background:url(../images/facebook2.png) no-repeat;
	background-size:cover;
}
.igButton2{
	height: 30px;
	width:30px;
	float: right;
	background:url(../images/instagram2.png) no-repeat;
	background-size:cover;
	margin-right: 30px;}
.linkednButton{}

ul.socialNav{
	width: 90%;
	padding: 0px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	float: right;
}
ul.socialNav li{
	float:right;
	list-style: url(none) none;
	margin: 0px;
	padding: 0px;
}
button.facebookBtn{
	background-image:url(../images/facebook.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
button.facebookBtn:hover{
	background-image:url(../images/facebook.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	background-position: -64px;
}
button.facebookBtn:active{
	background-image:url(../images/facebook.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}

button.youtubeBtn{
	background-image:url(../images/youtube.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 64px;
	width: 64px;
	margin-right: 16px;
}
button.youtubeBtn:hover{
	background-image:url(../images/youtube.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 64px;
	width: 64px;
	margin-right: 16px;
	cursor:pointer;
	background-position: -64px;
}
button.youtubeBtn:active{
	background-image:url(../images/youtube.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 64px;
	width: 64px;
	margin-right: 16px;
	cursor:pointer;}
button.instagramBtn{
	background-image:url(../images/instagram.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 16px;
}
button.instagramBtn:hover{
	background-image:url(../images/instagram.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	background-position: -64px;
}
button.instagramBtn:active{
	background-image:url(../images/instagram.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;}

.socialButtonStyle{
	float: right;
	margin-right: 16px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
 
 button:focus{
  	outline: none;
	} 
	

button.section-button{
	background-color: rgba( 0, 0, 0, .75);
	font-family: Corbel, Helvetica, sans-serif;
	font-weight:100;
	color: #f8f8f8;
    width: 25vw;
    height: 15vw;
    margin: auto;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    
}

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

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

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: 15vw;
	height: 8vh;
	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;
	width: 15vw;
	height: 8vh;
	
	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;
	width: 15vw;
	height: 8vh;
	
	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 {
	text-align: center;
	vertical-align: middle;
}



@font-face{ font-family:'montserrat';
	src: url('montserrat-regular.eot') format('eot'),
    	 url('montserrat-regular.woff') format('woff'),
         url('montserrat-regular.ttf') format('truetype'),
         url('montserrat-regular.svg') format('svg');
	
	}
	
@font-face{ font-family:'bStyle';
	src: url('bstyle_r.eot') format('eot'),
    	 url('bstyle_r.woff') format('woff'),
         url('bstyle_r.ttf') format('truetype'),
         url('bstyle_r.svg') format('svg');
	
	}	
	

@font-face{ font-family:'Corbel';
	src: url('Corbel.eot') format('eot'),
    	 url('Corbel.woff') format('woff'),
         url('Corbel.ttf') format('truetype'),
         url('Corbel.svg') format('svg');
	
	}
	
@font-face{ font-family:'halimun';
	src: url('halimun.eot') format('eot'),
    	 url('halimun.woff') format('woff'),
         url('halimun.ttf') format('truetype'),
         url('halimun.svg') format('svg');
	
	}	
		
@font-face{ font-family:'adam-cg';
	src: url('adam.cg_pro.eot') format('eot'),
    	 url('adam.cg_pro.woff') format('woff'),
         url('adam.cg_pro.ttf') format('truetype'),
         url('adam.cg_pro.svg') format('svg');
	
	}	

@font-face{ font-family:'simplifica';
	src: url('simplifica.eot') format('eot'),
    	 url('simplifica.woff') format('woff'),
         url('simplifica.ttf') format('truetype'),
         url('simplifica.svg') format('svg');
	
	}	
	

@font-face{ font-family:'dense';
	src: url('dense-regular.eot') format('eot'),
    	 url('dense-regular.woff') format('woff'),
         url('dense-regular.ttf') format('truetype'),
         url('dense-regular.svg') format('svg');
	
	}	
	
@font-face{ font-family:'southampton-script';
	src: url('southampton-script.eot') format('eot'),
    	 url('southampton-script.woff') format('woff'),
         url('southampton-script.ttf') format('truetype'),
         url('southampton-script.svg') format('svg');
	
	}	
	
@font-face{ font-family:'black_pen';
	src: url('black_pen.eot') format('eot'),
    	 url('black_pen.woff') format('woff'),
         url('black_pen.ttf') format('truetype'),
         url('black_pen.svg') format('svg');
	
	}	
	
@font-face{ font-family:'thequeenthine';
	src: url('thequeenthine.eot') format('eot'),
    	 url('thequeenthine.woff') format('woff'),
         url('thequeenthine.ttf') format('truetype'),
         url('thequeenthine.svg') format('svg');
	
	}	
	
	
@font-face{ font-family:'elegantlux';
	src: url('elegantlux-mager.eot') format('eot'),
    	 url('elegantlux-mager.woff') format('woff'),
         url('elegantlux-mager.ttf') format('truetype'),
         url('elegantlux-mager.svg') format('svg');
	
	}	

.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position:absolute;
  bottom: 11%;
  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;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.footer{
	width:100%;
	height: 16vh;
	padding-top:1.5vh;
	background-color:#f8f8ff;
	margin-top :2%;
	display:block;}
	
/*#gallery-cover1 section{
	position: absolute;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80%;
	width: 99%;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	}
	
#gallery-cover2 section{
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80%;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
	margin-top: 12%;}*/
	
	
#gallery-cover1{
	height: 100vh;
    width: 100%;}
#gallery-cover2{
	height: 100vh;
    width: 100%;}