/* CSS Document */


.page-background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100vw;
  padding: 0
 ;	
 
}

.page-container {
	position: static;
	max-width: 1360px; 
	margin-left: auto;
	margin-right: auto;
	height: 800px;
}

.flex-button {
		background-image: url(images/flex-login-button.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 95% 95%;
		color: white;
        text-align: center;
     	font-family: 'Open Sans', sans-serif;
		font-style: normal;
        cursor: pointer;
		font-weight: normal;
		background-color: #66000000;
		display: inline-block;
		/* text-shadow: 0px 5px 5px #000; */
		text-shadow: 0 4px 3px #000000,
             0 8px 13px #000000,
             0 18px 23px #000000;
		outline: none;
		border: none;
	    }

.flex-button:hover {
	color: #d3d3d3;
	filter: invert(0.15);
}

/* Index Page ------------------------------------------------------------------------------------------------- */

#index-page {

background-color: black;
max-height: 100vh;
overflow: hidden;
}

.index-project-nav {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	max-width: 1360px;
	bottom: 5%;}

.index-project-nav img {
	max-width: 200px; }

.index-project-nav .col-sm-6 {
	margin-top: 5px; }

/* Company Login Page ----------------------------------------------------------------------------------------- */

.company-login-page {
  background-image: url("images/flex-background-login-page.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#000;
  font-family: 'Open Sans', sans-serif;}

.logo-container {
	position: fixed;
	top: 15%;
	width: 100%;
	max-width: 1360px;
}

#login-page .flex-logo {
	width: 450px;
	max-width: 80%;
}

.login-button-container {
	position: fixed;
	width: 100%;
	bottom: 25%;
	max-width: 1360px;
}

.company-login-button {
	font-size: 26px;
	width: 200px;
	height: 50px;

}

/* Heritage Page ---------------------------------------------------------------------------------------------- */

#heritage-page {
  background-image: url("images/backgrounds/heritage-background-gradient-min.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#000;
  font-family: 'Open Sans', sans-serif;}

#heritage-page .logo-container {
	position: fixed;
	top: 20%;
	width: 100%;
	max-width: 1360px;}

#heritage-page .flex-logo {width: 450px;}

#heritage-page .heritage-nav {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	max-width: 1360px;
	bottom: 10%;}

#heritage-page .flex-button {
	width: 250px;
	height: 60px;
	max-width: 95%;
	font-size: 1.2rem;
}



/* For smaller screens ---------------------------------------------------------------------------------------- */

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

/* Index Page ------------------------------------------------------------------------------------------------- */
	.project-button-image {width: 175px;}
	}

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

/* Index Page ------------------------------------------------------------------------------------------------- */

	.project-button-image {width: 250px;}
	
	#heritage-page .flex-logo {max-width: 250px;}

}