@media only screen and (max-width: 767px) {
	
	html,body{
		overflow-x:		auto !important;
	}
	
	.menu_icons_padding_top{
		position: 		fixed; 
        bottom: 		0; 
        width: 			100%; 
        /* Height of the footer*/  
        height: 		40px; 
		margin-left:	1rem;
		margin-bottom:	0rem;
	}
	
	.menu_icons_padding_mobile{
		position: relative;
		margin-top: -30px; /* negative value of footer height */
		height: 50px;
		clear:both;
		padding-top:0px;
  		margin-left:	1rem;
		margin-bottom:	0rem;
		display:none;
		color:white;
	}
	
	.menu_icons_padding_top span{
		padding-right:	0;
		
	}
	.pagebreakb:before{
		white-space: 	pre-line;
		content: 		"\a"; 
	}
	.pagebrakea:after{
		white-space: 	pre-line;
		content: 		"\a"; 
	}	
	.main{
		margin-left:0;
		margin-top:0;
	}
	.content_title{
		font-size:		0.7em;
		font-weight:	800;
		letter-spacing: 0.08em;
	}
	
	.fromtop{
		margin-bottom:20px;
	}

	.portfolio_images{
		margin-top:20px;	
		display:block;
		float:left;
		border: 0.3px solid #D3BC86;
	}
	
	.portfolio_fullscreen{
		background: RGBA(211,188,134,1) no-repeat top;
        background-size: contain;
        width:100%; 
		height:100%;
        position:fixed;
        z-Index:1000000000;
        top:0;
		left:0;
        cursor: zoom-out;
		animation:fadein 0.5s;
	}
	
	.portfolio_desc{
		clear:both;
		width:90%;
		display:block;
		margin:1rem;
		z-index:999999999999999;
		font-size:		1.3em;
		line-height: 	1.14em;		
		font-weight:	400;
		letter-spacing: -0.03em;
		animation:fadein 0.5s;

	}
	
	.portfolio_title{
		clear:both;
		display:block;
		width:90%;
		margin:1rem;
		z-index:999999999999999;
		font-size:		1.4em;
		font-weight:	800;		
		line-height: 	1.1em;		
		letter-spacing: 0.08em;
		animation:fadein 0.5s;

	}
	
	.content_title h1{
		margin-top:		30px;
		font-size:		5.0em;
		font-weight:	800;
		line-height: 	1.14em;
		letter-spacing: 0.01em;
	}
	
	
	.content_text{
		font-size:		2.37em;
		line-height: 	1.14em;		
		font-weight:	200;
		letter-spacing: -0.03em;
	}
	
	.content_subtitle{
		font-size:		1.2em;
		line-height: 	1.1em;		
		letter-spacing: 0.08em;
	}
	
	.content_subtitle_left{
		font-size:		1.2em;
		line-height: 	1.1em;		
		letter-spacing: 0.08em;
	}
	
	.content_subtext{
		font-size:		1em;
		line-height: 	1.1em;		
		letter-spacing: -0.01em;
		font-weight:	300;
	}	
	.content_subtext_left{
		font-size:		1em;
		line-height: 	1.1em;		
		letter-spacing: -0.01em;
		font-weight:	300;
	}		
	
	.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:		20px;
	}
	
	.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:			15%;
		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{
		font-size:		1.7em;
		letter-spacing: 0.10em;
	}
  
	.tch{
		font-size:		4.0em;
		line-height: 	1.04em;
		letter-spacing: 0.06em;
	}

	.tch_on{
		font-size:		2.5em;
		line-height: 	1.06em;
		letter-spacing: 0.06em;
	}	
	
	.center_tch {
		transform: 		translate(0, -50%);
		top: 			50%;
		left: 			1rem;
	}
	
	.center_tch_on {
		transform: 		translate(0, -25%);
		top: 			25%;
		left: 			1rem;
	}
	
	.center {
		position: 		absolute;
		transform: 		translate(-50%, -50%);
		top: 			50%;
		left: 			50%;
		overflow:		hidden;
	}
	
	.center_title {
		position: 		absolute;
		transform: 		translate(-50%, -50%);
		top: 			50%;
		left: 			50%;
		overflow:		hidden;
	}	
	
	.arrow_down{
		font-size:		23px;
	}
	
	
	.beginn{
		position: 		absolute;
		transform: 		translate(0, -0%);
		top: 			100%;
		left: 			1rem;
		overflow:		hidden;
		display:		none;
		opacity:		0;
		height:			0px !important;
		background:		transparent !important;
		
	}
	.middle{
		position: 		absolute;
		top: 			50%;
		left: 			1rem;
		overflow:		hidden;
		transition: 	3s all;
		display:		block;
		background:		transparent !important;
		
	}	
	.top{
		position: 		absolute;
		top: 			25%;
		left: 			1rem;
		overflow:		hidden;
		transition: 	3s all;
		display:		block;
		opacity:		1;
		background:		transparent !important;
		
	}	
	.off{
		position: 		absolute;
		transform: 		translate(0%, 0%);
		top: 			-100%;
		left: 			1rem;
		overflow:		hidden;
		transition: 	3s all;
		opacity: 		0 !important;
		background:		transparent !important;
		
	}		
	
	.page2_title{
		color:			white !important;
		text-align: 	left;
		font-family: 	'Montserrat', sans-serif;
		font-size:		2.5em;
		line-height: 	1.20em;
		font-weight:	800;
		letter-spacing: 0.06em;
		color: 			#FFFFFF;
		opacity: 		1;
		display:		block;
		background:		transparent !important;
		overflow:		hidden;
	}
	
	.page2_text{
		text-align: 	left;
		font-family: 	'Montserrat', sans-serif;
		font-size:		1.2em;
		line-height: 	1.3em;
		font-weight:	200;
		letter-spacing: 0.01em;
		color: 			#D3BC86;
		opacity: 		1;
		display:		block;
		background:		transparent !important;
		overflow:		hidden;
	}
	
	.page2_text .bold{
		font-weight:	800;
	}	

	span{
		margin:			0px;
		padding:		0px;
	}

	.fill-height {
		min-height: 	100% !important;
		display:		block;
		height:auto !important;  
		height: 100%;
		overflow:		hidden;
		background: transparent !important;
	}

	
	.project_button{
		margin-top:80px;
		width: 280px;
		height: 60px;
		display:block;
		border: 1px solid #D3BC86;
		opacity: 1;
		color: #D3BC86;
		text-align:center;
		overflow:hidden;
		float:left;
	}
	

	.linktext{
		margin:auto;
		vertical-align:center;
		font-family: 'Montserrat', sans-serif;
		font-size:15px;
		line-height: 19px;
		font-weight:500;
		letter-spacing: 1.5px;
		overflow:hidden;
		color:#D3BC86;
		padding-top:19px;
		padding-bottom:18px;
		
	}
	
	.linktext:hover{
		color:black;	
	}
	
	.menu_open{
		display:none;
	}
	
	.menu_button{
		display:none;
	}
	
	.menu_open_2{
		float:left;
		list-style-type: none; /* Remove bullets */
		padding: 0; /* Remove padding */
		margin-top: 0px;
		color:white;
		display:none;
	}
	
	.menu_open_2 li{
		font-size:		0.83em;
		line-height: 	1.27em;
		letter-spacing: 0.2em;
		font-weight:	300;
		padding: 0; /* Remove padding */
		margin: 0;
		color:white;
		cursor:pointer;
		cursor:hand;
	}
	
	.menu_open_2 li a:hover{
		font-weight:	800;
	}
	
	
	.button_icon_menu_open{
		float:left;
		clear:both;
	}
	
	.button_icon_menu_open img{
		float:left;
		margin-right:7px;
		filter: brightness(0) invert(1);
	}
}

.menu_1_icon{
	z-index:9999;
	filter: brightness(0) invert(1);
	cursor:pointer;
	cursor:hand;
	height:80px !important;	
	padding:0;
	margin:0;
	display:block;
}

.menu_1_icon_open{
	z-index:9999;
	filter: brightness(0) invert(1);
	cursor:pointer;
	cursor:hand;
	height:80px !important;
	padding:0;
	margin:0;
	display:none;
}

.menu_2_icon{
	z-index:9999;
	filter: brightness(0) invert(1);
	cursor:pointer;
	cursor:hand;
	height:80px !important;	
	padding:0;
	margin:0;
	display:block;
}

.menu_2_icon_open{
	z-index:9999;
	filter: brightness(0) invert(1);
	cursor:pointer;
	cursor:hand;
	height:80px !important;
	padding:0;
	margin:0;
	display:none;
}

.instagram_icon{
	z-index:99;
	filter: brightness(0) invert(1);
	width:25px;
	transition: filter 1.5s ease-in-out;
}

.linkedin_icon{
	/*filter: invert(83%) sepia(30%) saturate(422%) hue-rotate(1deg) brightness(90%) contrast(84%);*/
	filter: brightness(0) invert(1);
	width:25px;
	transition: filter 1.5s ease-in-out;
}

.linkedin_icon:hover, .instagram_icon:hover{
	filter: 		invert(83%) sepia(30%) saturate(422%) hue-rotate(1deg) brightness(90%) contrast(84%);

}

.page .content{
	min-height: 100vh;
	height:100%;
	width: 100vw;
	margin: 0px;
	overflow:hidden;
	
}