a:link    {	color: #664422;
			text-decoration: none;}

a:visited {	color: #664422;
			text-decoration: none;}

body      {	background-color: #63C3C9;
			font-family: 'rokkittregular', sans-serif;;}


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

.titlebo2 {	background-color: #ffffdd;
			width: 100%;
			height: 60px;
			font-size: 3.4em;
			color: #664422;
			padding: 0px;
			margin: 0px;}

.socs     { margin: 3px 0px;
			width: 120px;}

.table    { margin: 0 auto;
			width: 80%;
			padding: 20px 0px;}

.fl		  { float: left;}

.p2n2	  { padding: 0px 10px 0px 5px;}

.b1		  { border: 1px;}

.300px    { width: 600px;}

.clear    { clear: both;}

.padding20 { padding: 10px;}



#titlebox {	background-color: #ffffdd;
			width: 100%;
			height: 80px;
			font-size: 5em;
			color: #664422	;}

#imagebox { background-color: #ffffdd;
			width: 100%;
			overflow: hidden;
			padding: 0px;}

ul		 {  list-style: none;}

li		 {  display: inline;
			padding: 0px 12px;
			width: 300px;}

#imagebox img {width: 100%;
			   padding: 0px;}





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

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

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

@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;
}



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

}

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

}

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

}


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

.bigcont 	{width: 90%;}

.titlebo2 {	font-size: 2em;
			padding: 3px;
			height: 30px;}

#imagebox { width: 100%;}

#titlebox {	font-size: 3em;
			height: 50px;}

}


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

#titlebox {	font-size: 2em;
			height: 30px;}

.titlebo2 {	font-size: 1.5em;
			padding: 3px;
			height: 20px;}
}