@charset "utf-8";
/* CSS Document */

html {
	margin: 0; padding: 0;
}

body {
	margin: 0; padding: 0;
	height: 100%;
	background-color: #FFFFFF;

  background: url('/images/background-crab-overlay.png') no-repeat right bottom fixed; 
  -webkit-background-size: auto 85%;
  -moz-background-size: auto 85%;
  -o-background-size: auto 85%;
  background-size: auto 85%;
}

body, p {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: normal;
	font-variant: normal;
	color: #000000;
}

#page_wrapper {
	position: relative;
	width: 95%;	height: 95%;
	margin: 2.5% 2.5%;
}

#content_container {
	margin: 0 5%;
}

#header_container{
	margin: 32px 0 0 0; padding: 0;
	width:100%;
	height:auto;
	vertical-align: middle;
}

#header_logo {
	width: 95%;
	margin: 0 5% 0 0;
	max-width: 360px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
}
#header_logo img {
	width: 100%;
}

#header_logo_text {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
}

#header_container h1 {
	font-family: 'Passion One', "Arial Black", Gadget, Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 48px;
}

#header_container h2 {
	font-family: 'Passion One', "Arial Black", Gadget, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 32px;
}

#header_tagline {
	clear: both;
	margin: 48px 0 24px 0;
}

#header_tagline, #header_tagline p {
	font-size: 36px;
	line-height: 36px;
}

#socialmedia_container {
	margin: 64px 5%;
	width: 90%;
}

.socialmedia_icon {
	display: inline-block;
	vertical-align: middle;
	width: 95%;
	margin: 0 5% 0 0;
	max-width: 128px;
}
.socialmedia_icon img {
	width: 100%;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.socialmedia_icon img:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.socialmedia_text {
	display: inline-block;
	vertical-align: middle;
}

.socialmedia_clear {
	clear: both;
}

#content_text {
	margin: 32px 0 64px 0;
	font-size: 21px;
	line-height: 20px;
}

#footer_container {
	width: 100%;
}

#footer_logo {
	float: left;
	width: 95%;
	max-width: 192px;
	margin: 0 5% 0 0;
}
#footer_logo img {
	width: 100%;
}

#footer_text {
	overflow: hidden;
	font-size: 12px;
}
.footer_text_sm {
	font-size: 12px;
	line-height: 12px;
}

@media (max-width: 960px) {

	#header_container{
	  width:100%;
	  height:auto;
	  text-align: center;
	}

	#header_logo {
		width: 95%;
		margin: 0 auto;
		max-width: 360px;
	}

	#header_logo img {
		width: 100%;
	}

	#header_logo_text {
		display: inherit;
		text-align: center;
	}

}

@media (max-width: 480px) {

	#socialmedia_container {
		margin: 64px 5%;
		width: 90%;
		text-align: center;
	}

	.socialmedia_icon {
		width: 95%;
		margin: 0;
	}

	.socialmedia_text {
		clear: both;
		display: inherit;
		vertical-align: auto;
	}

	.socialmedia_clear {
		clear: both;
		height: 32px;
	}

	#footer_container {
		text-align: center;
	}
	#footer_logo {
		float: none;
		margin: 0 auto;
	}
	#footer_text {
		clear: left;
		margin: 16px 0 0 0;
	}

}

@media (max-width: 320px) {

	#header_container h2 {
		font-size: 28px;
		line-height: 28px;
	}

	#header_tagline, #header_tagline p {
		font-size: 32px;
		line-height: 32px;
	}

}