html, body {
			width: 100%;
			height: 100%;
	
		}
		body {
			background: #ffffff;
			color: #fff;
			line-height: 1.3;
			-webkit-font-smoothing: antialiased;
			display: flex;
			min-height: 100vh;
			flex-direction: column;
		}
		main {
    	flex: 1 0 auto;
	  }
	 
	nav .brand-logo,nav ul a{color:#444}  

	.parallax-container {
		height: 380px;
	}
	.parallax {
		height: 380px;
	}

	@media screen and (max-width:768px){
		.parallax-container {
			height: 150px;
		}
		.parallax {
			height: 150px;
		}
	}

    #intro {
		position: absolute;
		left: 0;
		top: 15%;
		padding: 0 5px;
		width: 100%;
		text-align: center;
    }
    #green-part {
		background: #4d4d5a;
      	width: 100%;
      	overflow: hidden;
    }
	#white-part {
		background: #ffffff;
		width: 100%;
		overflow: hidden;
    }
	#page-footer {
		background: #4d4d5a;
		width: 100%;
		overflow: hidden;
	}
	

	.btn-large{
		background-color: #528131;
		font-family: 'Montserrat', sans-serif;
	}
	.btn-large:visited{
		font-family: 'Montserrat', sans-serif;
		background-color: #528131
	}
	.btn-large:hover {
		font-family: 'Montserrat', sans-serif;
		background-color: #640064
	}
	.btn-large:active{
		font-family: 'Montserrat', sans-serif;
		background-color: #640064;
	}
	.btn-large:focus{
		font-family: 'Montserrat', sans-serif;
		background-color: #528131;
	}


    hr.style-one {
		border: 0;
		height: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid #104d65;
    }