@font-face {/** Generated by FG **/
	font-family: 'Conv_Remington Noiseless';
	src: url('fonts/Remington Noiseless.eot');
	src: url('fonts/Remington Noiseless.woff') format('woff'),
		url('fonts/Remington Noiseless.ttf') format('truetype'),
		url('fonts/Remington Noiseless.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body {margin:0;padding:0;box-sizing: border-box;line-height: 1.2; /*no units; fix differences between browsers*/}
*, *:before, *:after {box-sizing: inherit;}
body{font-size:11pt;color:#6cc3e7;background:#00008b;}
#container {color:#6cc3e7;width:100%;max-width:1500px;margin:0 auto;
	display:flex;flex-wrap:wrap;flex-direction:row;
	justify-content: space-around;align-items:flex-start;}

h2,h3 {font-family:'Conv_Remington Noiseless',Serif;text-align:center;margin-top:0;}
h2 {padding-top:10px;color:#6cc3e7;font-size:2rem;}
h3 {font-size:1.5rem;}

#title {font-family:'Conv_Remington Noiseless',Serif;max-width:1000px;width:100%;height:auto;
	margin:auto;font-size:2.5rem;text-align:center;font-weight:bold;padding:0 1.5rem;}

a:link,a:visited {color:#c76316;}
a:hover,a:active {color:#ff861c;}

#buttons {padding:8px 0;text-align:center;font-size:0.9rem;margin:0;}

ul {list-style:none;margin:0;padding:0;}
li {display:inline-block;list-style:none;margin:0;padding:0;}
li ul {position:absolute;z-index:200;display:none;margin-top:-18ex;
		text-align:left;}
li:hover ul {display:block;}
li ul li  {display:block;list-style:none;}

.button, .subbutton {display:inline-block;border:#6cc3e7 solid thin;
	border-radius:0.6rem;background-color:#00008b;color:#6cc3e7;
	height:1.3rem;vertical-align:middle;padding:0 1rem;}
.hidden {visibility:hidden;}
#close {position:absolute;z-index:101;top:20px;right:20px;}

#clients {min-width:250px;width:20%;order:1;}
#gear {min-width:250px;width:20%;order:3;}
#photo {width:58%;background:#00008b;order:2;}
#photo img {min-width:300px;width:100%;}

#clients p, #gear p {padding:0;margin:0.3rem 0 0 0;}

@media(max-width:1250px){
	#clients,#gear {width:50%;max-width:400px;order:2;column-count:2;column-fill: balance-all;column-rule: 1px solid;}
	#clients {order:2;}
	#gear {order:3;}
	#photo {order:1;width:100%;max-width:900px;}
	#clients h3,#gear h3 {column-span: all;}
}

@media(max-width:950px){
	#clients,#gear {width:50%;column-count:1;}
	#photo {order:1;width:100%;}
}

@media(max-width:890px){
	#clients {padding-left:1vw;}
}

#back_index {float:left;font-size:120%;}
/* MUSIC */
body#music {font-size:10pt;}
#music_box {width:100%;max-width:800px;margin:0 auto;padding:20px 5px;min-height:700px;}
#back_music {position:relative;z-index:500;margin-left:-5rem;padding-bottom:5px;font-size:13pt;}
#links li {padding-bottom:7px;display:block;}
.project {font-style:italic;}
#back_music a,#music_box a:link {color:#c76316;}
#music_box a:visited {color:#883f0c;}
#back_music a,#music_box a:hover,a:active {color:#ff861c;}

/* ABOUT */
#about div {padding: 1rem;}
#about #on, #about #off {display:none;}
#on:checked ~ #teaser {display:none;}
#on:checked ~  #text{display:block;}
#off:checked ~ #teaser {display:block;}
#off:checked ~  #text{display:none;}
#about label {color:#c76316;cursor:pointer;}
#about label:hover{color:#ff861c;}