html
{
	font-family: 'Montserrat', sans-serif;
	margin:0px !important;
	padding:0px !important;
	-webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
	font-size:16px; 
}

body
{
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	margin:0px !important;
	padding:0px !important;
	-webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
	font-size:16px; 
	background-color:black;
	
}

.container-full{
	height: 100% !important;
	
}
img {
    width: 100%;
}

@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

	.content_title{
		color:			black !important;
		text-align: 	left;
		width:			100%;
		display:		block;
		font-family: 	'Montserrat', sans-serif;
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
	}
	
	.content_title h1{
		margin-top:		30px;
		font-weight:	800;
		font-style:		normal;
	}
	
	
	.content_text{
		color:			black !important;
		text-align: 	left;
		width:			100%;
		font-family: 	'Montserrat', sans-serif;
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
		display:		block;
		margin-top:		10px;
		word-break: 	normal; 
	}
	
	.content_subtitle{
		color:			black !important;
		text-align: 	center;
		width:			100%;
		font-family: 	'Montserrat', sans-serif;
		font-weight:	800;
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
		display:		block;
		margin-top:		15px;
		word-break: 	normal;
	}
	
	.content_subtitle_left{
		float:			left;
		color:			black !important;
		text-align: 	left;
		width:			75%;
		font-family: 	'Montserrat', sans-serif;
		font-weight:	800;
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
		display:		block;
		word-break: 	normal;
	}
	
	.content_subtext{
		color:			black !important;
		text-align: 	center;
		width:			100%;
		font-family: 	'Montserrat', sans-serif;	
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
		display:		block;
		margin-top:		30px;
		word-break: 	normal;
	}	
	.content_subtext_left{
		margin-top:		15px;
		float:			left;
		color:			black !important;
		text-align: 	left;
		width:			80%;
		font-family: 	'Montserrat', sans-serif;	
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
		display:		block;
		word-break: 	normal;
	}		
	
	.content_text .bold{	
		font-weight:	800;
	}
	
	.content_block_left{
		display:		block;
		float:			left;
		width:			100%;
		margin-top:		60px;
		clear:			both;
	}
	
	.content_icon_center{
		text-align: 	center;
		width:			100%;
		display:		block;
		margin-top:		90px;
	}
	
	.content_icon_center img{
		filter: 		invert(83%) sepia(30%) saturate(422%) hue-rotate(1deg) brightness(90%) contrast(84%);
		width: 			110px;
	}
	
	
	.content_icon_left{
		text-align: 	center;
		width:			18%;
		display:		block;
		float:			left;
		min-height:		100px;
	}
	
	.content_icon_left img{
		filter: 		invert(83%) sepia(30%) saturate(422%) hue-rotate(1deg) brightness(90%) contrast(84%);
		width: 			35px;
	}
	
	.content_pages{
		margin-left:	1rem;
		margin-right:	1rem;
		margin-top:		110px;
	}

	.title{
		color:			white !important;
		text-align: 	center;
		width:			100%;
		font-family: 	'Montserrat', sans-serif;
		font-weight:	800;
		font-style:		normal;
		color: 			#FFFFFF;
		opacity: 		1;
		background:		transparent !important;
		overflow:		hidden;
	}
  
	.tch{
		color:			white !important;
		text-align: 	left;
		font-family: 	'Montserrat', sans-serif;
		font-weight:	800;
		color: 			#FFFFFF;
		opacity: 		1;
		display:		none;
		background:		transparent !important;
		overflow:		hidden;
	}

	.tch_on{
		color:			white !important;
		text-align: 	left;
		font-family: 	'Montserrat', sans-serif;
		font-weight:	800;
		color: 			#FFFFFF;
		opacity: 		1;
		display:		none;
		background:		transparent !important;
		overflow:		hidden;
		transition: 	3s all;
	}	
	
	.center_tch {
		position: 		absolute;
		transform: 		translate(0, -50%);
		top: 			50%;
		left: 			3rem;
		overflow:		hidden;
	}
	
	.center_tch_on {
		position: 		absolute;
		transform: 		translate(0, -25%);
		top: 			25%;
		left: 			3rem;
		overflow:		hidden;
	}
	
	
	.arrow_down{
		font-size:		23px;
		color:			white;
		overflow:		hidden;
		background:		transparent !important;		
	}
	




.center {
	position: absolute;
	transform: translate(-60%, -50%);
	top: 50vh;
	left: 60%;
	overflow:hidden;
}

.project_button{
	margin-top:6vh;
	width: 285px;
	height: 60px;
	display:block;
	border: 1px solid #D3BC86;
	opacity: 1;
	color: #D3BC86;
	text-align:center;

}

.linktext{
	margin-top:20px;
	vertical-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	line-height: 19px;
	font-weight:500;
	letter-spacing: 1.5px;
	color:black;
}

.project_button:hover{
	border: 1px solid #D3BC86;
	opacity: 1;
	color: black !important;
	background-color:#D3BC86;
}

a{
	text-decoration:none !important;
}

a:hover{
	text-decoration:none !important;
	color:black;
}

.page0{
	background-color: rgb(0,0,0) !important;
	height: 100% !important;
	overflow:hidden;

}

.page1{
	background-color: rgb(0,0,0) !important;
	height: 100% !important;
	overflow:hidden;	
	display:none;	
}
.page2{
	background-color: rgb(0,0,0) !important;
	height: 100% !important;
	overflow:hidden;
	display:none;	
}


.arrow_down{
	position: 		absolute;
	transform: 		translate(-50%, -50%);
	top: 			95%;
	left: 			50%;
	overflow:		hidden;
	color:			white;
	font-size:		25px;
	background:		transparent !important;	
}

.arrow_down a,a:hover{
	color:white;
}

.menu_1{
	display:none;
}
 
.menu_2{
	display:none;
}

.menu_open_2 li a{
	color:white;
}

.menu_open li a{
	color:white;
}
	
.menu_1_icon_open{
	height:80px;
	width:20px;

}

.menu_2_icon_open{
	height:80px;
	width:20px;
}
	
.aboutme{
	background-color:white !important;
	height:100%;
}

	.page2_title{
		color:			white !important;
		text-align: 	left;
		opacity: 		1;
		display:		block;
		background:		transparent !important;
		overflow:		hidden;
	}
	
	.page2_text{
		text-align: 	left;
		color: 			#D3BC86;
		opacity: 		1;
		display:		block;
		background:		transparent !important;
		overflow:		hidden;
	}
	
	.portfolio_links{
		color:black;
	}
	
	.portfolio_links:hover{
		color:white;
	}