@charset "utf-8";
address, article, aside, blockquote, body, dd, dialog, dl, dt, fieldset,
footer, form, h1, h2, h3, h4, h5, h6, header, li, nav, ol, p, pre, section,
td, th, tr, ul {
    margin: 0;
    padding: 0; 
}

body 		{font-family: 'MENZ'; margin: 0; background-color:#fcfcfc; color:#222; -webkit-font-smoothing:antialiased;}

@font-face {
    font-family: "Romain"; src: url("NewBaskervilleStdRoman.otf");
}

@font-face {
    font-family: "Romain"; src: url("NewBaskervilleStdItalic.otf"); font-style: italic	;
}


@font-face {
    font-family: "MENZ"; src: url("Ogg-Roman.otf");
}


a { text-transform:none; text-decoration:none;}

#foo { display:none;}

.video-wrapper {
		width: 100%;
		height: auto;
		overflow-x:hidden;
		background-color: black;
	}

.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	



.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 0;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}


@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 400%;
    top: -150%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 400%;
    left: -150%;
  }
}


@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    
  }
}



hr 				{ border-top:.1px solid rgba(0, 0, 0, 0.1); opacity:.9;}



section {
  width: 100%;
  padding: 0;
  margin:0;
  display: table;
  margin: 0;
  background-color:none;		
  max-width: none;
  height: 30vh;	
}
	

a { padding:0; margin:0; color:#222; text-decoration:none;}

/* Navbar container */
.navbar {

  height: 0vh; z-index:101; background-color:none; position: -webkit-sticky; position: sticky; top: 0px;
}

.navbar-2 {

  display:block;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  text-transform:uppercase;
  font-size: 35px;
  line-height: 30px;
  color: #333;
  margin: 0;
  padding:0;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
}

/* The dropdown container */
.dropdown {
    float: left;
    display:inline-block;
    overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 35px;
  padding-top:2.5vh;
  padding-left:3.5vh;
  padding-right:3.5vh;
  letter-spacing:1px;
  text-transform:uppercase;
  border: none;
  outline: none;
  color: #444;
  width:100%;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  cursor:pointer;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: none;
  
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  padding-top:2vh;
  padding-bottom:2vh;
  padding-left:3vh;
  background-color: #fcfcfc;
  z-index: 1;
  width:500px;
  left:0px;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #444;
  padding-top: 15px;
  text-decoration: none;
  background-color: #fcfcfc;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: none;
  color: #444;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


.dropdown-2 {
	display:none;
}

/* Dropdown button */
.dropdown-2 .dropbtn-2 {
  font-size: 25px;
  padding-top:1.5vh;
  letter-spacing:1px;
  text-transform:uppercase;
  border: none;
  outline: none;
  color: #444;
  width:100%;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  cursor:pointer;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown-2:hover .dropbtn-2 {
  background-color: none;
  
}

/* Dropdown content (hidden by default) */
.dropdown-2-content {
  display: none;
  font-size: 25px;
  position: absolute;
  padding-top:2vh;
  background-color: #fcfcfc;
  z-index: 1;
  left:0px;
  width:100%;
   
}

/* Links inside the dropdown */
.dropdown-2-content a {
  float: none;
  color: #444;
  padding-top: 15px;
  text-decoration: none;
  background-color: #fcfcfc;
  display: block;
  text-align: center;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-2-content a:hover {
  background-color: none;
  color: #444;
}

/* Show the dropdown menu on hover */
.dropdown-2:hover .dropdown-2-content {
  display: block;
}






@media only screen and (min-width: 10px) {
	
		h4 				{ font-family:arial; font-size:15px; line-height:23px; color:#555; text-align:justify; font-weight:normal;}
		h4 a 			{ text-decoration:none;}
		h4 a:hover 		{ background-color:none; border-bottom: none; }
	
		h5 				{ font-family:arial; font-size:10px; line-height:35px; color:#555; text-align:center; font-weight:normal;}
	
		.underline 		{  border-bottom: 3px solid rgba(0,0,0,.8); padding-bottom:4px;}
	
		.dropdown-2 	{ display:block; padding-top:1.5vh;}	
		#foo			{ font-size: 25px; background-color:#fcfcfc;}
						
		.navbar  			{ display:none;}
		.navbar-2 			{ height: 0vh; z-index:101; background-color:none; position: -webkit-sticky; position: sticky; top: 0px; display:block;}
		.navbar-2 a 		{ font-size: 25px; line-height: 15px; text-transform:uppercase;}
		
		.linkxx				{ padding:0; margin:0; font-size: 35px; letter-spacing:1px;
								text-transform:uppercase; border: none; outline: none; color: #444; width:100%; background-color: inherit;
								font-family: inherit; /* Important for vertical align on mobile phones */
								margin: 0; /* Important for vertical align on mobile phones */
								cursor:pointer; }
		
		.linkpages		{ text-decoration:none;}
			
		#theLogo 		{ width: 95%; margin-top:0vh;}
		#arrow-T 		{ width: 40px; opacity:1;}
		
		
		.left-info 		{ font-family:arial; width: 100%; float:left; font-size:15px; line-height:25px; color:#444;}
		.right-info		{ font-family:arial; width: 100%; float:right; text-align:left; font-size:15px; line-height:25px; color:#444;}
		
		.bio-line		{ font-family:arial;  width: 80%; float:left; font-size:15px; line-height:25px; color:#444;}
		.bio-line-date	{ font-family:arial;  width: 20%; float:right; text-align:right; font-size:15px; line-height:25px; color:#444;}
		
		
				
		.intro-2 		{ width: 100%; height: 100vh; z-index:0; background-color:#000; position:fixed;}
		.intro-3 		{ width: 100%; height:30vh; z-index:0; background-color:none;}
		.intro-3B 		{ width: 100%; height: 50vh; z-index:0; background-color:none;}
		.title			{ width: 100%; height: 20vh; z-index:0; background-color:none; }
		
		.arrow 			{ width:100%; z-index:100; opacity:.8; bottom:10px; height: 2vh; background-color:none; position:fixed;}
		.descript		{ transform: rotate(-90deg); z-index:101; left:-20px; bottom:5%;  background-color:none; position:fixed;}
			
		.mainnav		{ width: 100%; height: 10vh; z-index:100; background-color:#fcfcfc; position: -webkit-sticky; position: sticky; top: 0px; 	
							-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
	    					-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
	    					transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }

	    .mainnav.inactive { 
	     	 				-webkit-transform: translate3d(0, -150px, 0);
	      				  	-moz-transform: translate3d(0, -150px, 0);
	      				  	-ms-transform: translate3d(0, -150px, 0);
	     				   	-o-transform: translate3d(0, -150px, 0);
	      				  	transform: translate3d(0, -150px, 0); }
		
		.mainnav h2 	{ font-size:20px; line-height:23px; color:#444; text-align:center; font-weight:normal; }
		
	
		.intro			{ width: 100%; height: 70vh; background-color: #fcfcfc; padding-bottom:2.5vh;}	
		.outro 			{ width: 100%; height: 100vh; background-color: #fcfcfc;}
		.description	{ width: 100%; height: 50vh;}
		
		.outro a:hover	{ color:#ccc;border-bottom:none; }
		.buffer 		{ width: 100%; height: 40vh; color:#444; z-index:100;  background-color:#fcfcfc; text-align:center;}
		.buffer img		{ width:100%; }
	
		.buffer-2 h4 	{ width: 100%; color:#444; z-index:10; }
		.buffer-2 h2 	{ color:#444; letter-spacing:0px; }
	
		.buffer-3 		{ width: 100%; height: 5vh; z-index:10;}
		
		#content 		{ display: table-cell; padding-left:10%; padding-right:10%; text-align:center; vertical-align:middle;  }
		#content-2 		{ display: table-cell; padding-left:0%; padding-right:0%; vertical-align:middle; }
		#content-3 		{ display: table-cell; padding-left:15%; padding-right:15%; vertical-align:middle; }
		#content-2B 	{ display: table-cell; padding-left:20%; padding-right:20%; vertical-align:middle; }
		#content-4 		{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle;  }
		#content-6 		{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle; }
		#content-7 		{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center;}
		#content-8 		{ display: table-cell; background-color:#fff; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle;  }
		#container 		{ display: table-cell; font-size:20px; line-height:26px; padding-left:8%; padding-right:8%; padding-bottom: 3vh; vertical-align:middle;}
		#container-2 	{ font-size:13px; line-height:16px; display: table-cell; padding-left:10%; padding-right:10%; vertical-align:middle;}
		#titles 		{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle; padding-bottom:45px; }
		


	}	


@media only screen and (min-width: 1000px) {
	
	
	.mainnav		{ height: 7vh; }

	.intro-3 		{ width: 100%; height:33.3vh; z-index:0; background-color:none;}

	.navbar-2 			{ display:none;}
	.navbar  			{ display:block;}
	.dropdown .dropbtn 	{ font-size: 25px; padding-top:1.5vh;}
	.navbar a 			{ font-size: 25px; line-height: 20px; }
	.linkxx				{ padding:0; margin:0; font-size: 25px; padding-top:1.5vh; padding-left:3.5vh; padding-right:3.5vh; letter-spacing:1px;
							text-transform:uppercase; border: none; outline: none; color: #444; width:100%; background-color: inherit;
							font-family: inherit; /* Important for vertical align on mobile phones */
							margin: 0; /* Important for vertical align on mobile phones */
							cursor:pointer; }

	h4 				{ font-family:arial; font-size:20px; line-height:30px; color:#555; text-align:justify; font-weight:normal;}
	h5 				{ font-family:arial; font-size:15px; line-height:35px; color:#555; text-align:center; font-weight:normal;}
	
	.left-info 		{ font-family:arial; width: 50%; float:left; font-size:23px; line-height:32px; color:#444;}
	.right-info		{ font-family:arial; width: 50%; float:right; text-align:left; font-size:18px; line-height:26px; color:#444;}
	
	.bio-line		{ font-family:arial; width: 80%; float:left; font-size:18px; line-height:25px; color:#444;}
	.bio-line-date	{ font-family:arial; width: 20%; float:right; text-align:right; font-size:18px; line-height:25px; color:#444;}

	.intro			{ width: 100%; height: 60vh; background-color: #fcfcfc;}	
	
	#titles 	{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle; padding-bottom:0px; }
	#container 		{ font-size:20px; line-height:26px; display: table-cell; padding-left:10%; padding-right:10%; vertical-align:middle;}
	#theLogo 		{ width: 80%; margin-top:0vh;}

}	
	

	




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


	h4 				{ font-family:arial; font-size:23px; line-height:33px; color:#555; text-align:justify; font-weight:normal;}
	
	
	.dropdown .dropbtn 	{ font-size: 35px; padding-top:1.5vh;}
	.navbar a 			{ font-size: 35px; line-height: 30px; }
	.linkxx				{ padding:0; margin:0; font-size: 35px; padding-top:1.5vh; padding-left:3.5vh; padding-right:3.5vh; letter-spacing:1px;
							text-transform:uppercase; border: none; outline: none; color: #444; width:100%; background-color: inherit;
							font-family: inherit; /* Important for vertical align on mobile phones */
							margin: 0; /* Important for vertical align on mobile phones */
							cursor:pointer; 
	}	
	
	#titles 	{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle; padding-bottom:0px; }
	
}
	
	
@media only screen and (min-width: 1500px) {
	

	h4 				{ font-family:arial; font-size:25px; line-height:35px; color:#555; text-align:justify; font-weight:normal;}

	.dropdown .dropbtn 	{ font-size: 50px; padding-top:1.5vh; }
	.navbar a 			{ font-size: 50px; line-height: 45px; }
	.linkxx				{ padding:0; margin:0; font-size: 50px; padding-top:1.5vh; padding-left:3.5vh; padding-right:3.5vh; letter-spacing:1px;
							text-transform:uppercase; border: none; outline: none; color: #444; width:100%; background-color: inherit;
							font-family: inherit; /* Important for vertical align on mobile phones */
							margin: 0; /* Important for vertical align on mobile phones */
							cursor:pointer; 
	}	
	
	#titles 	{ display: table-cell; padding-left:0%; padding-right:0%; text-align:center; vertical-align:middle; padding-bottom:0px; }
	
}	


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	
#titles 	{ padding-bottom:0px; }
.intro-3 	{ width: 80%; height:33.3vh; z-index:0; background-color:none;}

}	


	*:focus {
	outline: 0;
	outline: none;
	}