@font-face {
		font-family: 'KumbhSans';
		src: url('../_font/KumbhSans-Light.ttf');
		font-weight: 300;
	}
	@font-face {
		font-family: 'KumbhSans';
		src: url('../_font/KumbhSans-Regular.ttf');
		font-weight: 400;
	}
	@font-face {
		font-family: 'KumbhSans';
		src: url('../_font/KumbhSans-Bold.ttf');
		font-weight: 600;
	}
	
	body *{
		box-sizing:border-box;
		display:flex;
		font-family: 'KumbhSans', sans-serif;
		font-weight:300;
		letter-spacing: 5px;
		font-size: 14px;
		}
	body#home-page{
		    margin: 0;
			/*
		background-image:url('../_img/SPLASH.jpg');
		background-repeat:repeat;
		height:100%;
		*/
	}
	#home-page a{height:100%;}
	#home-page h1 {color:white;}
	#home-page:hover a{text-decoration:none;}
	
	a.button{
		background-color: #eee;
		border: solid 1px;
		padding:5px;
		-webkit-appearance: button;
		appearance: button;
	}
	a.button:hover{text-decoration:none;background-color:#ddd;}
	a img.next-link{width:15px;}
	body{flex-direction:column;}
		
	header{padding:20px;width:100%;}
	
	p, input, select, div,label, p a {letter-spacing: 0px;padding: 3px 0;    align-items: flex-start;}
	select, option{background-color:#eee;}
	nav{text-transform:uppercase;padding-right:20px;width: 225px;    flex: 0 0 auto;flex-direction: column;}
	nav ul{margin:0;padding: 0 0 20px 0;flex-direction:column;}
	nav li{padding-bottom:20px;}
	
	h1, h2, h3 {text-transform:uppercase;margin: 0;    padding: 0 0 10px 0;}
	h1, h1 a{font-size:30px;}
	h1 a:hover{text-decoration:none;}
	h2{font-weight:600;padding-bottom:20px;}
	h2, h2 span, h2 a{font-size:18px;}
	h2 span:last-child{}
	h2.breadcrumb{font-weight:300;}
	
	main {flex-direction:row;width: 100%;}
	main section{width: 100%;}
	p {margin:0 0 10px 0;line-height: 18px;}
	hr.line{    
		width: 100%;
		border: none;
		border-bottom: dotted 1px #999;
		margin-bottom: 20px;
		}
	
	#wrapper {flex-direction:row;padding:20px;}
	
	label.thumb{min-width:auto;margin-right:10px;}
	.thumb img{height:80px;width:auto;}

	a{text-decoration:none;color:black;}
	a:hover{text-decoration:underline;}
	


	
	section#content{flex-direction:column;max-width: 800px;}
	section#content ul {padding: 0 0 20px 0;margin:0;    flex-wrap: wrap;    flex-direction: column;}
	section#content ul li {margin:0;line-height: 18px;}
	section#content ul li a span{text-decoration:underline;}
	section#content ul li a:hover  span{color:#bbb;}
	
	
	section#content ul li a{flex-wrap:wrap;}
	section#content ul li span{margin:0 5px 0 0;white-space: nowrap;    letter-spacing: 2px;}
	section#content ul h3{width:100%;font-weight: 600;}
	
	section#content ul.sections li{text-transform:uppercase;margin:0 20px 0 0;}
	
	section#content ul.works, section#content ul.sections{flex-direction:row;}
	section#content ul.works li{margin:0 10px 10px 0;}


	section#content ul.listings{max-width:800px;}
	section#content ul.listings li {margin:0 0 2px 0;}
	section#content ul.listings li span.year{margin-right: 10px; min-width: 50px;}
	section#content ul.listings li span.listing {flex-wrap: wrap;}

	ul.works li img{height:150px;}
	ul.edit li a{font-size:12px;}
	
	main#contact p {margin-bottom: 20px;}
	main#contact p a{align-items: center;letter-spacing:0px;}
	main#contact p span{margin:0 10px 0 0;}
	main#contact a span{letter-spacing:0px;}
	main#contact a:hover{text-decoration:none;}
	main#contact a:hover span:nth-child(2){text-decoration:underline;}
	
	main#cv .pic{flex-direction:column;}
	main#text div{line-height: 18px;margin-bottom: 20px;flex-direction: column;}
	main#login div span{letter-spacing:0px;margin:0 5px 0 0;}
	
	input[type='text']#login{width:auto;}
	input[type='number']{width: 100px;}
	
	textarea{width:100%;letter-spacing:0px;min-height:100px;}
	div.wrap{flex-wrap:wrap;}
	
	.large{font-weight:600;font-size:28px;}
	.pic-wrapper {flex-direction:row;    overflow: hidden;}
	.pic {margin:0 10px 10px 0;}
	.pic {max-width:600px;}
	.pic-info {flex-direction:column;}
	
	.hidden{color:transparent;}
	.bold{font-weight:600;}
	.pic a {
			background-color:#ddd;
			min-width: 50px;
			min-height: 50px;
			}
	
	form {
		flex-direction:column;
		margin-bottom: 20px;
	}
	input[type='text']{width: 100%;}
	input, label{margin:0 10px 5px 0;}
	input[type='submit']{width:fit-content;    padding: 3px;}
	form div{margin:0 0 5px 0;    align-items: center;}
	form label, div label{min-width: 130px;}
	
	
	footer{
		justify-content:space-around;
		border-top: dotted 0.5px #ccc;
		padding: 20px 0;
	}
	footer ul{margin:0;padding:0;width:33.333%;align-items: center;flex-direction: column;}
	footer li {font-size:small;}
	footer li a {color:#ccc;font-size:small;}
	.social img{width:30px;height:30px;}
	
	button.slick-arrow{position:absolute;    top: 12.5px;}
	button.slick-prev.slick-arrow{left:0;}
	button.slick-next.slick-arrow{right:0;}
	

	pre{background-color:#ddd;letter-spacing:0;padding:5px;}
	script,style{display:none;}
	.debug{
		z-index:999;
		background-color:white;
		letter-spacing:0px;
		word-break: break-all;
		display:none;
		/*
		*/
		}
		#picFixPic{
		visibility:hidden;
		/*
		display:none;
		*/
		}
	#edit section .num{
		padding: 2px 5px;
		text-align: center;
		letter-spacing: 0;
	}
	#edit section .num.selected{background-color:black;color:white;}
	
	input[type='submit'].dir{
		background-repeat: no-repeat;
		background-color: transparent;
		border: none;
		height: 25px;
		width: 30px;
		color: transparent;
		}
	input[type='submit']#dir-down{background-image:url('../_img/down.svg')}
	input[type='submit']#dir-up{background-image:url('../_img/up.svg')}