/* MEDIA QUERIES */



@media only screen and (max-width: 600px) {
  body {
	background-color: #f6f6f5;
  }

p {
	font-size: 15px;
}

}







/* END MEDIA QUERIES */










body {

	background-color: #f6f6f5;

}

nav {

}


ul {
	color: #fff;
}



li {
	color: #fff;
}

.nav-wrapper {
	padding-left: 44px;
	padding-right: 44px;
	padding-bottom: 20px;
	background-color: #ffffff;
	font-family: 'Special Elite', cursive;
	color: #2c2c2c !important;

	/*border-bottom: 4px solid #e6b300;*/

}

.hula-icon {
	max-width: 100px;
	margin-left: auto;
    margin-right: auto;
  }

.collection-wrapper {
	padding-left: 24px;
	padding-right: 24px;
}

#logo {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 64px;
	padding-bottom: 64px;
	/*border-bottom: 4px solid #58c5fe;*/
	background-color: #0097a7;
}

.collection {
	text-align: center;
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 20px;
	padding-bottom: 28px;
	background-color: #f6f6f5;
}


.heading {
	color: #2c2c2c;
    margin: auto;
	max-width: 800px;
}


.bio {
	color: #2c2c2c;
    margin: auto;
	max-width: 800px;
}





/*hit counter styles*/

#counter {
	color: #000000;
	font-size: 2em;
	font-family: 'Cute Font', cursive;
	color: #000000;
	background: white;

}

#social {
	text-align: center;
	margin: 0 auto;
}






a:hover {
	background-color: white;

}

/* unvisited link */
a:link {
	color: #000000;
}

/* visited link*/
a:visited {
	color: #000000;
}


/* mouse over link */
a:hover {
	color: #000000;
}

/* selected link*/
a:active {
	color: blue;
}




/*HEADERS and FONTS*/






p {
	font-family: 'Special Elite', cursive;
	color: #2c2c2c;
	text-align: center;
	font-size: 20px;
	opacity: 64%;

}

.attn {
	color: teal;
}

h1 {
	font-family: 'Special Elite', cursive;
    font-style: normal;	
	text-align: center;
    font-size: 60px;
	color: #2c2c2c;
	opacity: 64%;
}


h2 {
	font-family: 'Special Elite', cursive;
    font-style: normal;	text-align: center;	
	text-align: center;
	color: #2c2c2c;
	font-size: 38px;
	opacity: 64%;


}

h3 {
	font-family: 'Special Elite', cursive;
    font-style: normal;	
	text-align: ;
	color: #2c2c2c;
	font-size: 28px;
	opacity: 64%;


}

h4 {
	font-family: 'Special Elite', cursive;
	color: #2c2c2c;
	text-align: center;
	font-size: 16px;
	opacity: 64%;


}

h5 {
	font-family: 'Special Elite', cursive;
	color: #2c2c2c;;
	font-size: 25px;
	text-align: center;
	opacity: 64%;


}

h6 {
	font-family: 'Special Elite', cursive;
	color: #2c2c2c;
	text-align: center;
    font-size: 5px;
	opacity: 64%;


}




#logo {
	text-align: center;
	top: 100px;
	z-index: 1;

}

.footer {
	text-align: center;
	top: 100px;
	z-index: 1;
    background-color: #;
}


/*------------------------------------------------------*/
/* MEDIA QUERIES */



@media only screen and (max-width: 600px) {
  body {
	background-color: #f6f6f5;
  }

p {
	font-size: 16px;
}

}







/* END MEDIA QUERIES */