body    	  {	background-color: #63C3C9;
				font-family: rokkittregular, sans-serif;
				color: hsla(30, 50%, 27%, 1);}

a 			  { text-decoration: none;}

a:link    	  {	color: #664422;}

a:visited     {	color: #664422;}

h1			  { font-size: 4em;
				margin: 0px;
				padding: 0px;
				font-weight: normal;}
				
h3			  { margin: 0px;
				padding: 0px;
				font-weight: normal;}

h4			  { font-size: 1.7em;
				margin: 0px;
				padding: 2px 40px;
				font-weight: normal;
				color: #ffffff;
				background-color: hsla(30, 80%, 27%, 1);
				display: inline;}

.fontfff	  { color: #ffffff;}

.backfff	  { background-color: #ffffff;}

.ilflex		  { margin: 0px;
				padding: 0px;
				display: inline-flex;}

.linkhigh	  { background-color: hsla(30, 80%, 27%, .2);
				padding: 1px 10px;
				float: left;
				position: relative;}

.cb		      { clear: both;}

#bigcont 	  {	background-color: #ffffdd;
				width: 600px;
				border-style: solid;
				border-width: 15px;
				border-color: white;
				padding: 0px;
				margin: 0px auto;
				position:  relative;
				box-shadow: 0px 1px 5px hsla(0, 100%, 0%, .3);}
			
.smallheader  { margin: 0px;
				padding: 0px;
				background-color: #ffffdd;
				position: relative;}
				

.wportfolio	  { margin: 0px:
				padding: 0px;}

.catbox		  { margin: 6px 6px 30px 6px;
				padding: 0px;}
				
.cathead	  { padding: 0px 50px;}

.catitembox	  { margin: 0px;									/*Wide*/
				padding: 4px;
				background-color: hsla(30, 80%, 27%, 1);}		/*brown*/
				
				

.catitem	  { margin: 1px 1px 4px 1px;
				padding: 0px;
				border: 5px solid #ffffff;}
				
				.catitem img  { display: block;
								margin: 0px;
				    			padding: 0px;}


.catitem2	  { margin: 1px 3px 4px 3px;						/*posters*/
				padding: 0px;
				border: 5px solid #ffffff;
				float: left;
				position: relative;}
								
				.catitem2 img  	  { display: block;
									margin: 0px;
    								padding: 0px;}


@font-face {
    font-family: 'rokkittregular';
    src: url('fonts/rokkitt/rokkitt-webfont.eot');
    src: url('fonts/rokkitt/rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rokkitt/rokkitt-webfont.woff') format('woff'),
         url('fonts/rokkitt/rokkitt-webfont.ttf') format('truetype'),
         url('fonts/rokkitt/rokkitt-webfont.svg#RokkittRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media only screen and (max-width: 700px) {
	
	h4			 {  font-size: 1.5em;
					padding: 2px 20px;}
	
	#bigcont { width: 90%;}
	
	.cathead	 {  padding: 0px 20px;}
	
	.catitembox h1 {font-size: 1em;}

@media only screen and  (max-width: 450px) {
	
	h4			 {  font-size: 1em;}
	
	.catitembox h1 {font-size: 1.5em;}
	
	.cathead	 {  padding: 0px 10px;}
	
}