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


	#header .container .gorilla-logo{
		width: 50%;
		height: 40%;
	}
	#navigation .toggle{
		display: block;
	}
	#navigation .right-bar{
		display: none;
	}
	#main .browser{
		width: 90%;
		border-radius: 0.5rem;
	}
	#main .browser .bar{
		height: 							7vw;
	}
	#mock-up .layout{
		width: 90%;
	}
	#mock-up .block-0{
		height: 87vw;
	}
	#mock-up .block-1{
		height: 87vw;
	}
	#mock-up .block-2{
		height: 90vw;
	}
	#mock-up .block-2 .images{
		width: 70vmin;
	}
	#mock-up .block-2 .img-1{
		display: none;
	}
	#mock-up .block-2 .img-2{
		display: none;
	}
	#mock-up .block-2 .img-3{
		display: none;
	}

	#mock-up .block-2 .img-4{
		width: 29vw;
		height: 18vw;
	}
	#mock-up .block-2 .img-5-6{
		width: 13.2vw;
	}
	#mock-up .block-2 .img-5, #mock-up .block-2 .img-6{
		height: 8vw;
	}
	#mock-up .block-2 .img-7{
		width: 11.8vw;
		height: 18vw;
	}
	#mock-up .block-3{
		height: 90vw;
	}
	#mock-up .block-4{
		height: 90vw;
	}
	#mock-up .block-4 a{
		margin-bottom: 1rem;
	}
	#mock-up .end h1{
		font-size: 1.2rem;
	}
	footer .container{
		width: 90%;
	}
	footer .container h1{
		font-size: 1.2rem;
	}
	#projects .container{
		width: 90%;
		padding: 3rem 0;
	}
	#projects .cards{
		margin-top: 1rem;
	}
	#projects .cards .card{
		width: 100%;
	}
	.mobile-bar{
		height: 95%;
		width: 100%;
		background-color: transparent;
	}
	.mobile-bar .list{
	  list-style-type:			none;
	  padding:       				0;
	  font-size:      			0.8rem;
	  display:         			flex;
		flex-direction: 			column;
	}
	.mobile-bar .list li{
	  display: 							block;
	  padding: 							1rem;
	}
	.mobile-bar .list a{
	  color:                  white;
	  text-transform:         uppercase;
		text-decoration: 				none;
		padding-bottom: 				2px;
		border-bottom: 					1px dashed white;
	  transition: 						border-bottom 2s;
		-webkit-transition:			border-bottom 2s;
	}
	.mobile-bar .list a:hover{
		border-bottom: 					1px solid white;
	}


}