.slicknav_menu {
	display:none;
}


@media screen and (max-width: 1680px) {
	#slider {
	width: 70%;
	}
	

	main {
    padding-top: 1rem;
    }
	
	main.work {
	padding-top: .5rem;
	}
	
	main.works {
	padding-top: .5rem;
	}

	
}


@media screen and (max-width: 1200px) {
	
	.header {
	padding: .75rem 1rem 0;
	}
	
	.header .logo {
	padding-left: 2.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
		}

	.menu {
		  padding-top: 0.1rem;
		padding-right: 2.5rem
	}

	main {
	margin: 4rem 10vw 2vh;
	padding-top: 2rem;
	}
	
	
	.works.grid-item {
    margin: 1.3rem;
	}
	
	
	.footer {
	font-size: .6rem;	
	}
	
	
	main, main.works, main.work {
		margin-top: 4.5rem;
	}
	

	
}
	

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

	.slicknav_menu {
	display:block;
	}
	
	.menu.mobile {
	display:none;
	}
	

	nav {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh;
	}
	
	
	.header .logo {
	padding-left: 3.5rem;
	margin-bottom: .6rem;
	}
	
	.menu {
	padding-top: 1rem;
    padding-right: 0;
    font-size: 1.7rem;	
	}
	
	
	
	.menu li {
    margin: 1rem  0 0 2rem;
    text-align: center;
    display: flex;
    justify-content: center	
    }
	
	.toptitle {
	bottom: 1.5rem;	
	font-size: 1.2rem;
	}

	#slider {
	width: 100%;
	margin: 0 auto 3rem;
	}
	
	main {
	margin: 2.5rem 10vw 2vh;
	padding-top: 2rem;
	}
	
	main.work {
    margin: 3rem 18px 2vh;
    padding-top: 2rem;
	}
	
	main.works {
    margin: 4rem -.5rem 2vh;
    padding-top: 0rem;
	}
	
	.textphoto {
	width: 100%;
	}	
	
	.text {
	line-height: 1.5em;
	margin: 0 auto;
	font-size: .8rem
	}
	
	.text.about {
	padding-top: 1rem;
	width: 100%;
}
}

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

	
	h1 {
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 1.5rem;
	margin-bottom: .5rem;
	}
	
	h2 {
	font-size: .9rem;
	margin: .5rem
	}
	
	main {
	margin: 2rem 18px 2vh;
	}
	
	.header .logo {
	padding-left: 2.5rem;
	font-size: 1.7rem;
	}
	
	.works.grid-item {
	width: 100%;
    margin: .5rem;
	}
	
	
	.works-img {
	margin-bottom: .5rem;	
	}	
		
		
	.worktitle {
	font-size: .9rem;
	text-align: center;
	margin-top: 0rem;
    }
    
    .worktext {
	font-size: .7rem;
	text-align: center
	}
	
	.footer {
	font-size: .6rem;	
	}

	
}