@media only screen and (min-width: 1024px) and (max-width: 1279px) {
		

	.menu_title_left{
		font-size:		18px;
		line-height: 	20px;
		font-weight:	800;
		font-style:		normal;
		letter-spacing: 2px;
		color:			white !important;	
		cursor:hand;
		cursor:pointer;
					
	}
	
	.menu_title_left:hover{
		color:			#D3BC86 !important;

	}
	
	#sidebar{
		display:none;
	}
	
	.menu_icons_padding_top{
		position: 		fixed; 
        bottom: 		0; 
        width: 			100%; 
        /* Height of the footer*/  
        height: 		40px; 
		margin-left:	3rem;
		margin-bottom:	2rem;
		
	}
	
	.menu_icons_padding_top span{
		padding-right:	15px;
		
	}

	.menu_title_padding_left{
		margin-left:	3rem;
		margin-top:		3rem;
		text-align:		left;
	}
	
	.vertical-nav {
		min-width: 		15rem;
		width: 			15rem;
		height: 		100vh;
		position: 		fixed;
		top: 			0;
		left: 			0;
		transition:		all 0.4s;
	}

	.page-content {
		margin-left: 	15rem;
		transition: 	all 0.4s;
	}
	
	.menu_button_align_left{
		position: 		absolute;
		transform: 		translate(0, 0);
		top: 			0;
		margin-top: 	17.4rem;
		overflow:		hidden;
		margin-left:	3rem;
		text-align:		left;
	}
	
	.main{
		margin-left:	15rem;
		margin-top:		8rem;
	}
	.row{
		margin-top:50px;
		
	}

	.fromtop{
		margin-top:	50px;
		margin-bottom:	0px;
	}
	
	.portfolio{
		margin-top:		16rem;
	}
	
	.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;
        width:calc(100%-16rem); 
		height:100%;
        position:fixed;
        z-Index:1000000000;
        top:0;
		left:0;
        cursor: zoom-out;
		animation:fadein 0.5s;
		left:16rem;
	}
	
	.portfolio_bigimage{
		background-size:contain;
		width:100%;
	}
	
	.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{
		font-size:		1em;
		font-weight:	800;
		letter-spacing: 0.08em;
		height:			25px;
	}
	
	.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.2em;		
		letter-spacing: 0.00em;
		font-weight:	400 !important;
		margin-bottom:	30px;
	}	
	.content_subtext_left{
		font-size:		1em;
		line-height: 	1.2em;		
		letter-spacing: 0.00em;
		font-weight:	400 !important;
	}		
	
	.content_text .bold{	
		font-weight:	800;
	}
	
	.content_block_left{
		display:		block;
		float:			left;
		width:			100%;
		margin-top:		0px;
		margin-bottom:	30px;
		clear:			both;
	}
	
	.content_icon_center{
		text-align: 	center;
		width:			100%;
		display:		block;
		margin-top:		0px;
	}
	
	.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:		4em;
		font-weight:	800;
		font-style:		normal;
		letter-spacing: 0.11em;
	}
  
	.tch{
		font-size:		8.0em;
		line-height: 	1.12em;
		font-weight:	800;
		letter-spacing: 0.07em;
	}
	
	.tch_on{
		font-size:		2.5em;
		line-height: 	1.06em;
		letter-spacing: 0.06em;
	}	
	
	.center_tch_on {
		transform: 		translate(0, -25%);
		top: 			25%;
		left: 			0;
	}
	
  	.center_title {
		position: 		absolute;
		top:			16rem;
		transform: 		translate(-50%, 0);
		left: 			50%;
		overflow:		hidden;
	}	

	.center_tch {
		position: 		absolute;
		transform: 		translate(0, 0);
		top: 			6rem;
		left: 			15rem;
		overflow:		hidden;
		max-height:500px;
	}
	
	.arrow_down{
		font-size:		23px;
	}
	
	.beginn{
		position: 		absolute;
		transform: 		translate(0, 0);
		top: 			100%;
		margin-left: 	0;
		overflow:		hidden;
		display:		none;
		opacity:		0;
		height:			0px !important;
		background:		transparent !important;
		
	}
	.middle{
		position: 		absolute;
		top: 			50%;
		margin-left: 	0;
		overflow:		hidden;
		transition: 	3s all;
		animation:		fadein 3.5s;		
		display:		block;
		background:		transparent !important;
		
	}	
	.top{
		position: 		absolute;
		top: 			25%;
		margin-left: 	0;
		overflow:		hidden;
		transition: 	3s all;
		animation:		fadein 3.5s;		
		display:		block;
		opacity:		1;
		background:		transparent !important;
		
	}	
	.off{
		position: 		absolute;
		transform: 		translate(0%, 0%);
		top: 			-100%;
		margin-left: 	0;
		overflow:		hidden;
		transition: 	3s all;
		opacity: 		0 !important;
		background:		transparent !important;
		
	}	
	
	.page2_title{
		position: 		absolute;
		transform: 		translate(0, 0);
		top: 			8rem;
		font-size:		5.0em;
		line-height: 	1.20em;
		font-weight:	800;
		letter-spacing: 0.06em;
		transition: 	3s all;
	}
	
	.page2_text{
		position: 		absolute;
		transform: 		translate(0, 0);
		top: 			23rem;
		max-width:		750px;
		font-size:		1.6em;
		line-height: 	1.1em;
		font-weight:	200;
		letter-spacing: 0.01em;
		transition: 	3s all;
	}
	
	.page2_text .bold{
		font-weight:	800;
	}
	


	.center_notabsolute2 {
		position: 		absolute;
		top: 			50vh;
		left: 			5vw;
		overflow:		hidden;
	}	
	
	.menu_open{
		float:			left;
		list-style-type: none; /* Remove bullets */
		padding: 		0; /* Remove padding */
		margin-top: 	0px;
		color:			white;
		display:		none;
	}
	
	.menu_open 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 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);
	}
	
	.project_button{
		margin-top:5rem;
		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;	
	}
	
}