.projects
{
height:1600px;
width:100%;
margin:auto;
display:flex;
justify-content:center;
z-index:995;
background-color:#313333;
}


.wrap-main
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:900px;
width:1200px;
margin:50px auto;
}

.wrap-projects
{
height:700px;
width:1200px;
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
}

.projects-title
{
font-size:2rem;
color:#313333;;
display:flex;
justify-content:center;
align-items:center;
height:100px;
width:1200px;
font-family:"Trebuchet MS",sans-serif;
background-color:#d2d49b;
}

.wrap-overflow
{
height:800px;
width:550px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:column;
background-color:#d2d49b;
}


.projects-image1
{
border:10px solid #d2d49b;
width:500px;
height:300px;
}


.projects-image2

{
border:10px solid #d2d49b;
width:500px;
height:300px;
transform:translate(40%, -10%);
}



.projects-image3
{
border:10px solid #d2d49b;
width:600px;
height:600px;
overflow:hidden;
}
		
		
	.wrap-projects img
	{
	height:100%;
	width:100%;
	}


.second-project
{
height:600px;
width:1200px;
display:flex;
flex-wrap:wrap;
flex-direction:column;
}
	
.partition1
{
height:800px;
width:550px;
border:10px solid #d2d49b;
}

.partition2
{
height:800px;
width:620px;
}
	
	.partition1 img
	{
	height:100%;
	width:100%;
	}

.sub-part1
{
height:300px;
width:500px;
border:10px solid #d2d49b;
transform:translate(-30%, -10%);
}

	.sub-part1 img
	{
	height:100%;
	width:100%;
	}

.sub-part2
{
height:300px;
width:500px;
border:10px solid #d2d49b;
transform:translate(-10% 30%);
transform:rotate(358deg);
}

	.sub-part2 img
	{
	height:100%;
	width:100%;
	}



/*MOBILE*/
@media screen and (max-width:767px){
.projects
{
height:2000px;
width:100%;
margin:auto;
display:flex;
justify-content:center;
z-index:995;
background-color:#313333;
}


.wrap-main
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:1000px;
width:400px;
margin:50px auto;
}

.wrap-projects
{
height:700px;
width:400px;
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
}

.projects-title
{
font-size:2rem;
color:#313333;;
display:flex;
justify-content:center;
align-items:center;
height:100px;
width:400px;
font-family:"Trebuchet MS",sans-serif;
background-color:#d2d49b;
}

.wrap-overflow
{
height:800px;
width:400px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:column;
background-color:#d2d49b;
}


.projects-image1
{
border:10px solid #d2d49b;
width:380px;
height:300px;
}


.projects-image2

{
border:10px solid #d2d49b;
width:380px;
height:300px;
transform:rotate(355deg);
}



.projects-image3
{
display:none;
border:10px solid #d2d49b;
width:300px;
height:300px;
overflow:hidden;
}
		
		
	.wrap-projects img
	{
	height:100%;
	width:100%;
	}


.second-project
{
height:600px;
width:400px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
}
	
.partition1
{
height:300px;
width:400px;
border:10px solid #d2d49b;
}

.partition2
{
height:300px;
width:380px;
}
	
	.partition1 img
	{
	height:100%;
	width:100%;
	}

.sub-part1
{
height:300px;
width:380px;
border:10px solid #d2d49b;
transform:rotate(355deg);
}

	.sub-part1 img
	{
	height:100%;
	width:100%;
	}

.sub-part2
{
height:300px;
width:380px;
border:10px solid #d2d49b;
transform:translate(0%,0%);
transform:rotate(358deg);
}

	.sub-part2 img
	{
	height:100%;
	width:100%;
	}
}



/*TABLET*/
@media screen and (min-width:768px) and (max-width:1024px){
.projects
{
height:2000px;
width:100%;
margin:auto;
display:flex;
justify-content:center;
z-index:995;
background-color:#313333;
}


.wrap-main
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:1000px;
width:400px;
margin:50px auto;
}

.wrap-projects
{
height:700px;
width:400px;
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
}

.projects-title
{
font-size:2rem;
color:#313333;;
display:flex;
justify-content:center;
align-items:center;
height:100px;
width:400px;
font-family:"Trebuchet MS",sans-serif;
background-color:#d2d49b;
}

.wrap-overflow
{
height:800px;
width:400px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:column;
background-color:#d2d49b;
}


.projects-image1
{
border:10px solid #d2d49b;
width:380px;
height:300px;
}


.projects-image2

{
border:10px solid #d2d49b;
width:380px;
height:300px;
transform:rotate(355deg);
}



.projects-image3
{
display:none;
border:10px solid #d2d49b;
width:300px;
height:300px;
overflow:hidden;
}
		
		
	.wrap-projects img
	{
	height:100%;
	width:100%;
	}


.second-project
{
height:600px;
width:400px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
}
	
.partition1
{
height:300px;
width:400px;
border:10px solid #d2d49b;
}

.partition2
{
height:300px;
width:380px;
}
	
	.partition1 img
	{
	height:100%;
	width:100%;
	}

.sub-part1
{
height:300px;
width:380px;
border:10px solid #d2d49b;
transform:rotate(355deg);
}

	.sub-part1 img
	{
	height:100%;
	width:100%;
	}

.sub-part2
{
height:300px;
width:380px;
border:10px solid #d2d49b;
transform:translate(0%,0%);
transform:rotate(358deg);
}

	.sub-part2 img
	{
	height:100%;
	width:100%;
	}
}





/*PC*/

@media screen and (min-width:1025px) and (max-width:1680px){

.projects
{
height:1600px;
width:100%;
margin:auto;
display:flex;
justify-content:center;
z-index:995;
background-color:#313333;
}


.wrap-main
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
height:900px;
width:800px;
margin:50px auto;
}

.wrap-projects
{
height:700px;
width:800px;
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
}

.projects-title
{
font-size:2rem;
color:#313333;;
display:flex;
justify-content:center;
align-items:center;
height:100px;
width:800px;
font-family:"Trebuchet MS",sans-serif;
background-color:#d2d49b;
}

.wrap-overflow
{
height:800px;
width:420px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
flex-direction:column;
background-color:#d2d49b;
}


.projects-image1
{
border:10px solid #d2d49b;
width:400px;
height:300px;
}


.projects-image2

{
border:10px solid #d2d49b;
width:400px;
height:300px;
transform:translate(20%, -10%);
}



.projects-image3
{
border:10px solid #d2d49b;
width:450px;
height:600px;
overflow:hidden;
}
		
		
	.wrap-projects img
	{
	height:100%;
	width:100%;
	}


.second-project
{
height:600px;
width:1000px;
display:flex;
flex-wrap:wrap;
flex-direction:column;
}
	
.partition1
{
height:800px;
width:480px;
border:10px solid #d2d49b;
}

.partition2
{
height:800px;
width:480px;
}
	
	.partition1 img
	{
	height:100%;
	width:100%;
	}

.sub-part1
{
height:300px;
width:480px;
border:10px solid #d2d49b;
transform:translate(-30%, -10%);
}

	.sub-part1 img
	{
	height:100%;
	width:100%;
	}

.sub-part2
{
height:300px;
width:400px;
border:10px solid #d2d49b;
transform:translate(-50% 30%);
transform:rotate(365deg);
}

	.sub-part2 img
	{
	height:100%;
	width:100%;
	}



}