/*
Theme Name: Vortex
Author: Kit Becker
Author URI: http://kitbecker.com
Description: Best Burgers in Atlanta
Version: 1.0

Text Domain: Vortex

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 

*{ transition: all 0.5s ease; margin: 0; padding:0; }

#foodMenu				{  background-color: #830000; width: 100%; display:inline-block; background-image:url('/wp-content/themes/vortex-atlanta/images/menu-top.jpg'); background-repeat:no-repeat; background-size: auto 100%; position:relative; margin-bottom: -8px; height: 400px; background-position: center; }
#foodMenu h2, #foodMenu h1	{  position: absolute; top: 100px; left: 10%; color: #ffffff; font-size: 70px;}
#foodMenu h3			{  position: absolute; top: 200px; left: 10%; color: #ffffff; font-size: 24px;}
#foodMenu img			{  float: right;  margin-right: 10%;  }


#boozeMenu				{  background-color: #000000; width: 100%; display:inline-block; background-image:url('/wp-content/themes/vortex-atlanta/images/drink-top.jpg');  background-repeat:no-repeat; background-size: auto 100%; position:relative; margin-bottom: -8px; height: 400px; background-position: center; }
#boozeMenu h2, #boozeMenu h1	{  position: absolute; top: 100px; right: 10%; color: #ffffff; font-size: 70px;}
#boozeMenu h3			{  position: absolute; top: 200px; right: 10%; color: #ffffff; font-size: 24px; text-align:right;}
#boozeMenu img			{  float: left;  margin-left: 10%;  }


		@media (max-width: 1000px) {
		#foodMenu				{   background-size: auto 100%; height: 300px; background-position: center; }	
		#boozeMenu				{  	background-size: auto 100%; height: 300px; background-position: center; }
		#foodMenu h2, #foodMenu h1	{   top: 50px;  font-size: 70px;}
		#foodMenu h3			{   top: 150px; font-size: 24px; width: 50%;}
		
		#boozeMenu h2, #boozeMenu h1	{   top: 50px;  font-size: 70px;}
		#boozeMenu h3			{   top: 150px; font-size: 24px; width: 50%;}
		} 

		@media (max-width: 800px) {
		#foodMenu				{   background-size: auto 100%; height: 290px; background-size: auto 240px; background-position: bottom center; }	
		#boozeMenu				{  	background-size: auto 100%; height: 290px; background-size: auto 240px; background-position: bottom center; }
		
		#foodMenu h2, #foodMenu h1	{  top: 0; margin: 0; bottom: 0; left: 0; text-align: center; width: 100%; font-size: 50px; }

		
		#foodMenu h3			{   top: 110px; font-size: 22px; width: 50%;}
				
		#boozeMenu h2, #boozeMenu h1	{   top: 0; margin: 0; bottom: 0; left: 0; text-align: center; width: 100%; font-size: 50px; }
		#boozeMenu h3			{   top: 110px; font-size: 22px; width: 50%;}
		} 
		
		@media (max-width: 670px) {

		#foodMenu				{   height: 240px; background-size: auto 200px; }	
		#boozeMenu				{  	height: 240px; background-size: auto 200px; }
		
		#foodMenu h2, #foodMenu h1	{ font-size: 40px; }
		
		#foodMenu h3			{   top: 90px; font-size: 18px; width: 50%;}
				
		#boozeMenu h2, #boozeMenu h1	{ font-size: 40px; }
		#boozeMenu h3			{   top: 90px; font-size: 18px; width: 50%;}
		} 
		
		@media (max-width: 480px) {
		#foodMenu				{   height: 160px; background-size: auto 130px; }	
		#boozeMenu				{   height: 160px; background-size: auto 130px; }	
		
		#foodMenu h2, #foodMenu h1		{ font-size: 24px;  }
		#boozeMenu h2, #boozeMenu h1	        { font-size: 24px;  }
		#foodMenu h3			{  display: none;}
		#boozeMenu h3			{  display: none;}
		} 

.homeBlock				{  width: 26.5%; display:inline-block;  float: left; }
.homeBlock:nth-child(2) {  margin: 0 0 0 6%; }
.homeBlock:nth-child(3) {  margin: 0 3.875% 0 3.875%; }

.homeBlock	img			{  width: 100%; display:inline-block; margin: 0; float: left; }
.homeBlock	img.icon	{  width: auto;  }


		/* Phone Home */
		@media (max-width: 480px) {	
		.primary-navigation { background-color: #000; }
		.homeBlock		{  width: 92%; display:inline-block;  float: left; margin: 0 0 20px 4%;}
		.homeBlock:nth-child(2), .homeBlock:nth-child(3) {  margin: 0 0 20px 4%; }
		 #blog .homeBlock		{  height: auto; }
		} 


#locations				{  background-color: #5f0000; width: 100%; display:inline-block; Padding: 0 0 30px 0; }
#locations h2			{  width: 93.5%; display:inline-block; margin: 30px 0 20px 6%; color: #ffffff; font-size: 40px;}
.homeBlock img.icon		{ margin: 10px 10px 0 0;  } 
#locations  a.loc		{ display:inline-block; margin: 20px 0 0 0; color: #ffffff; text-decoration: none; font-size: 18px;} 
#age-wide				{ display: none;  } 



		/* ipad Locations */
		@media (max-width: 900px) {
		#locations .homeBlock	{ width: 45%; margin: 0 2.5% 0 2.5%; }
		#age 					{ display: none; }
		#age-wide				{ display: inline-block; width: 100%; margin-bottom: -10px;} 
		#age-wide img			{ display: inline-block; width: 100%; height:auto; } 
		} 
		
		/* phone Locations */
		@media (max-width: 480px) {
		#locations .homeBlock	{ width: 92%; margin: 0 4% 40px 4%; }
		#age 					{ display: none; }
		#age-wide				{ display: inline-block; width: 100%; overflow:hidden;} 
		#age-wide img			{ display: inline-block; width: 180%; height:auto; margin-left: -36%;  } 
		} 

		@media (min-width: 1900px) {
		#locations > .location-pad { width: 1930px; margin: auto; display: table; }
		}



#blog					{  background-color: #000000; width: 100%; display:inline-block; Padding: 0 0 30px 0; margin: 15px 0 15px 0; font-size: 40px;}
#blog h2				{  width: 100%; display:inline-block; margin: 30px 0 20px 0; color: #ffffff; font-size: 40px; text-align:center;}
#blog .homeBlock		{  background-color: #5f0000; height: 400px; }

		@media (min-width: 1460px) {
			#blog .homeBlock		{ height: 450px; }
		} 

		@media (min-width: 1740px) {
			#blog .homeBlock		{ height: 500px; }
		} 

		@media (min-width: 1900px) {
			#blog  { width: 1930px; margin: auto; display: table; }
		}

#blog > .homeBlock >article > header > h1						{ margin: 10px 0 0 0; line-height: 0; font-size: 28px;}
#blog > .homeBlock >article > header > h1 > a 					{ color:#FFFFFF; font-size: 28px; display:inline-block; margin: 20px 0 -30px 20px; line-height: 32px;}
#blog .homeBlock > article > header > div > span.entry-date > a { color: #FFFFFF; font-size: 16px; display:inline-block; margin: 0 0 0 20px;}
#blog > .homeBlock >article > header > div > span.byline 		{ display:none;}
#blog > .homeBlock >article > .entry-content 					{ display:none;}

#blog > .homeBlock >article > header > div > span.cat-links  	{ display:none;}
#blog > .homeBlock >article > header > div > span.edit-link  	{ display:none;}
#blog > .homeBlock >article > header > div:nth-child(3) > span.edit-link { display:none;}


		/* ipad home blog */
		@media (max-width: 900px) {
		#blog .homeBlock		{  height: auto; width: 90%; margin: 0 5% 20px 5%; }
		#blog .homeBlock img	{  height: auto; width: 30%; float: left; }
		
		#blog > .homeBlock >article 	{ float: left; width: 100%; display:inline-block;}		
		#blog > .homeBlock >article > header 	{ float: left; width: 50%; display:inline-block;}
		#blog > .homeBlock >article > header > h1	{ float: left; width: 100%; line-height: 34px; }
		#blog > .homeBlock >article > header > h1 > a { float: left; width: 100%; height:auto; margin: 20px 0 15px 20px; line-height: 34px; }
		#blog .homeBlock > article > header > div > span.entry-date > a { float: left;}

		} 
		
		/* phone home blog */
		@media (max-width: 480px) {
		#blog					{ Padding: 0; margin: 15px 0 0 0; }		#blog h2				{  margin: 20px 0 10px 0; font-size: 30px; }	
		#blog .homeBlock		{  height: auto; width: 92%; margin: 0 4% 20px 4%; }
		#blog .homeBlock img	{  height: auto; width: 40%; float: left; }
		#blog > .homeBlock >article > header > h1	{ float: left; width: 100%; line-height: 34px; }
		#blog > .homeBlock >article > header > h1 > a { float: left; width: 100%; height:auto; margin: 20px 0 0px 15px; font-size: 22px; line-height: 28px; }
		#blog .homeBlock > article > header > div > span.entry-date > a { float: left;}
		} 

		/* phone home blog */
		@media (max-width: 360px) {
		#blog h2									{  font-size: 26px; }		
		#blog > .homeBlock >article > header > h1	{ float: left; width: 100%; line-height: 34px; }
		#blog > .homeBlock >article > header > h1 > a { float: left; width: 100%; height:auto; margin: 0 0 0px 15px; font-size: 16px; line-height: 20px; }
		#blog .homeBlock > article > header > div > span.entry-date > a { float: left;  font-size: 14px;}
		} 
		
		

#store					{  background-color: #000000; width: 100%; display:inline-block; background-image:url(images/store-back.jpg); background-repeat:no-repeat; background-size: 100% auto; background-position:bottom;  position:relative; height: 424px;  margin-bottom: -10px;}
#store	img				{  Position: absolute; bottom: 0; left:10%; display:inline-block; z-index: 2;}


a #store .title-block { position: absolute; top: 100px; left: 0; z-index: 1; width: 100%; display:inline-block; background:none;}
a #store .title-block h2	{  color: #ffffff; font-size: 50px; padding: 50px 30px 50px 40%;  background: none; width: auto; display:inline-block; transition: all .7s ease; }
a:hover #store .title-block h2	{  background: rgb(95, 0, 0); background: rgba(95, 0, 0, .5); }



		/* ipad home Store */
		@media (max-width: 780px) {
		#store					{  background-repeat:no-repeat; background-size: 100% auto; height: 280px;  }
		#store	img				{  left:0; width: 41%; }
		a #store .title-block {   top: 50px; left: 0; z-index: 1; }
		a #store .title-block h2	{  font-size: 40px; padding: 0px 0px 0px 40%; }
		} 
		
		
		/* ipad home Store */
		@media (max-width: 480px) {
		#store					{  height: 200px;  }
		a #store .title-block h2	{  font-size: 35px; padding: 0px 0px 0px 40%; }
		} 



/* Podcast FORMATING */	

.podcastContent { margin: 0 0 30px 0;}

#podcast	{  background-color: #5f0000; width: 100%; display:inline-block; padding: 0 0 20px 0; }

#podcast  > h2						 {  width: 95%; margin: 20px 0 -36px 5%;  display:inline-block; color: #ffffff; }
#podcast  > article > header > h1	 {  width: 100%;  display:inline-block; color: #ffffff; }
#podcast  > article > header > h1 a {  float: right; margin-right: 5%; width: 40%;  display:inline-block; color: #ffffff; font-size: 30px;}

.cat-links {display:none;}
#podcast >  article >  header {  width: 100%;  display:inline-block;}

#podcast > article > div > div.podcastContent { float: right; margin: 0 5% 0 0; width: 40%;  display:inline-block; color: #ffffff; }
#podcast > article > div > div.podcastIframe { float: left; margin-left: 5%; width: 40%; display:inline-block; position:relative; top: -70px; color: #ffffff;}

#podcast >  article >   header > div:nth-child(3) > span.byline {display:none;}
#podcast >  article >  header > div:nth-child(3) > span.edit-link  {display:none;}

#podcast >  article > header > div:nth-child(3) > span.entry-date {  float: right; margin-right: 5%; width: 40%;  display:inline-block; color: #ffffff; }
#podcast .wp-post-image   {display:none;}
#podcast >  article >  a > img  {display:none;}

		@media (max-width: 800px) {  
		#podcast  > h2						 {  font-size: 36px;}
		#podcast  > article > header > h1 a {  width: 90%; font-size: 25px;}
		#podcast >  article >  header > div:nth-child(3) > div.blogDate { width: 90%;  }
		#podcast > article > div > div.podcastContent { width: 90%; margin-bottom: 20px;  }
		#podcast > article > div > div.podcastIframe {  width: 90%;  top: 0;}
  		
		}




#footer					{  background-color: #000000; width: 100%; display:inline-block; padding: 30px 0; position: relative;}
#footer	.menu-footer-col-one-container {  width: 170px; float: left; margin: 0 0 0 5.5%; list-style: none;  }
#footer	.menu-footer-col-two-container, #footer	.menu-footer-col-three-container, #footer .menu-footer-col-four-container {  width: 170px; float: left; margin: 0 0 20px 0; list-style: none;  }
#footer	.menu-footer-col-one-container li, #footer	.menu-footer-col-two-container li, #footer	.menu-footer-col-three-container li, #footer .menu-footer-col-four-container li {  list-style: none; margin:  0; padding: 0;   }	
#footer	.menu-footer-col-one-container li ul.sub-menu, #footer	.menu-footer-col-two-container li ul.sub-menu, #footer	.menu-footer-col-three-container li ul.sub-menu, #footer .menu-footer-col-four-container li ul.sub-menu {  margin: 0 0 20px 0;    }	
#footer	.menu-footer-col-one-container li a, #footer	.menu-footer-col-two-container li a, #footer .menu-footer-col-three-container li a, #footer .menu-footer-col-four-container li a {  list-style: none; margin: 0; padding: 2px 0 2px 0;  font-family: 'ITCKabelStdBold'; color: #dddddd; display:block; text-transform:uppercase;}	
#footer	.menu-footer-col-one-container li ul, #footer .menu-footer-col-two-container li ul, #footer .menu-footer-col-three-container li ul, #footer .menu-footer-col-four-container li ul {  margin: 0; padding: 0;  }	
#footer	.menu-footer-col-one-container li ul li a, #footer	.menu-footer-col-two-container li ul li a, #footer	.menu-footer-col-three-container li ul li a, #footer .menu-footer-col-four-container li ul li a {  margin: 0; padding: 2px 0 2px 0; font-family: sans-serif; color: #dddddd; display:block; text-transform:capitalize;}	
	
		
		
		@media (max-width: 480px) {
		#footer	.menu-footer-col-one-container, #footer	.menu-footer-col-two-container, #footer	.menu-footer-col-three-container, #footer .menu-footer-col-four-container  {  width: 39.9%; float: left; margin: 0 0 0 5%; list-style: none;  }
		} 
	
	
#copyright				{  color: #d9d9d9; margin: 0 6.7% 0 6.7%; padding-right: 95px; }

		@media (max-width: 1000px) {
		#copyright				{  width: 88%; margin: 0 0 0 4%; padding: 0; display: inline-block;  float: left;}
		} 



/*  Menu Areas  */

.menu-pad			{ margin: 30px 0 30px 6%; width: 93.9%; display:inline-block; text-align: left; float: left; position:relative;}

.menuBlock			{ width: 60%; display: inline-block; float:left; text-align: left; padding: 80px 0 0 0; position:relative; z-index:2;}

#intro 				{  padding: 20px 0 0 0; }

img.pic-1			{ position:absolute; top: 500px; right:0; width: 40%;  height:auto;}
img.pic-2			{ position:absolute; top: 3500px; right:0; width: 40%; height:auto;}
img.pic-3			{ position:absolute; top: 5500px; right:0; width: 40%;  height:auto;}
img.pic-4			{ position:absolute; top: 6500px; right:0; width: 40%; height:auto;}
img.pic-5			{ position:absolute; top: 8500px; right:0; width: 40%; height:auto;}

.menuBlock	h2		{ width: 100%;  background: rgb(95, 0, 0); color: #ffffff; text-align: center;}
.menuBlock	h3		{ margin-bottom: 0; color: #750101;}

.leftCol			{ width: 45%; display: inline-block; float:left; text-align: left; }
.rightCol			{ width: 45%; display: inline-block; float:left; margin: 0 0 0 10%; text-align: left; }
.CenterCol			{ width: 70%; display: inline-block; float:left; margin: 0 0 0 15%;}


		@media (max-width: 1000px) {
		.menu-pad			{ margin: 15px 0 16px 0; width: 100%;  }	
		.menuBlock			{ width: 95%; margin: 0 5% 0 0; padding:0; z-index: 0;}
		.menuBlock	h2		{ width: 100%;  font-size: 40px; }
		.menuBlock	h3		{ margin-bottom: 0; font-size: 24px;}	
		.menu-pad			{ margin: 30px 0 30px 5%; width: 93.9%;}	
		img.pic-1			{ display: none;}
		img.pic-2			{ display: none;}
		img.pic-3			{ display: none;}
		img.pic-4			{ display: none;}
		img.pic-5			{ display: none;}
		} 
		
		@media (max-width: 550px) {
		.menuBlock	h2		{ width: 100%;  font-size: 30px; }
		.menuBlock	h3		{ margin-bottom: 0; font-size: 20px;}	
		.leftCol			{ width: 100%; margin: 0;}
		.rightCol			{ width: 100%; margin: 0;  }
		.CenterCol			{ width: 100%; float: left;  margin: 0;}	
		} 		
		

/*  Menu Side Nav  */

#single-page-nav	{ position: absolute;  top: 0px; right: 50px; width: 20.75%; min-width: 238px; overflow: hidden; margin: 0; padding: 50px 0 0 0; transition: none;}
#single-page-nav > div >  ul 				{  display: inline-block; margin: 0; padding: 0; width: 100%;}
#single-page-nav > div >  ul > li 		{  display: inline-block; margin: 0; padding: 0; width: 100%;}
#single-page-nav > div >  ul > li > a  	{  display: inline-block; margin: 0; padding: 6px 0 6px 10%; width: 90%; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); font-family: 'ITCKabelStdBold'; font-size: 18px; font-weight:700; text-transform:uppercase;}


		/* Phone Content */
		@media (max-width: 1000px) {
#single-page-nav	{  display:none;}
		} 


/* Content Pages */

.content-banner		{ width: 100%; display:inline-block; position: relative; background-color:#5f0000;}
.content-banner	img { width: 100%; display:inline-block; height: auto;}
.content-banner	.title-block { position: absolute; bottom: -10px; left: 0; z-index: 2; width: 100%; display:inline-block; background:none;}
.content-banner	.title-block h1	{  color: #ffffff; font-size: 80px; padding: 0 30px 0 10%; background: rgb(95, 0, 0); background: rgba(95, 0, 0, .5); width: auto; display:inline-block; text-transform: uppercase;}
#content-area		{ background-color: #ffffff; width: 100%; display:inline-block; position:relative;} 



.two-line-title {position: absolute; bottom: 0px; left: 0; z-index: 2; width: 100%; display:inline-block; background:none; background: rgb(95, 0, 0); background: rgba(95, 0, 0, .5); }
.content-banner	.two-line-title h1	{  color: #ffffff; font-size: 80px; padding: 0 30px 0 10%; width: auto; display:inline-block; text-transform: uppercase; margin-bottom: 0;}
.content-banner	.two-line-title h3	{  color: #ffffff; padding: 0 30px 0 10%;  text-transform: uppercase; display:inline-block; margin: 0 0 30px 0;}




.content-pad		{ margin: 30px 0 30px 10%; width: 87.9%; display:inline-block; text-align: left; max-width: 750px;}

.content-pad h2, .content-pad h3 { color: #750101; }
.content-pad h4 { color: #000000; }

.content-pad li { margin: 0 0 0 15px;}	

.indent { width: 90%; margin: 0 0 0 10%;}


		@media (max-width: 1000px) {
		.content-banner	.title-block h1		{ font-size: 60px; padding: 0 30px 0 5%;}
		.content-pad						{ margin: 30px 0 30px 5%; width: 90%; display:inline-block; text-align: left; max-width:none; }
		.content-pad h2, .content-pad h1 	{ font-size: 60px; }
		} 
		
				/* Phone Content */
		@media (max-width: 800px) {
		.content-banner	.title-block h1	{ font-size: 50px; }
		.content-pad h2, .content-pad h1 { font-size: 30px; }
		
		} 
		
		@media (max-width: 480px) {
		.content-banner	.title-block h1	{ font-size: 30px; }
		.content-pad h2, .content-pad h1 	{ font-size: 30px; }
		} 


/* location templates */

.content-column		{  width: 51.9%; float: left; display:inline-block; margin: 30px 0 0 10%;} 
.content-side		{  width: 30%; float:right; display:inline-block; margin: 90px 0 0 0; } 

.location-block { width: 80%; display:inline-block; margin: 0 0 0 10%; height: 300px;}
.location-address { width: 25%; display:inline-block; color: #ffffff; background-color: #5f0000; float:left;  height: 100%;}
.location-address h3{ margin-left: 20px; color: #ffffff;}
.location-address p{ margin-left: 20px; color: #ffffff;} 
.location-map { width: 74%; display:inline-block;  float:left;  height: 100%;}

.content-side img.icon	{  float:left; margin: 0 15px 0 0; display:inline-block; } 


		@media (max-width: 800px) {
		.content-column		{  width: 90%; float: left; display:inline-block; margin: 0 0 0 5%;} 
		.content-side		{  width: 90%; float: left; display:inline-block; margin: 10px 0 0 5%; } 	
		.content-column	h2  { font-size: 50px}	
		.content-column	h3  { font-size: 22px}
		.location-block { width: 90%; display:inline-block; margin: 0 0 0 5%; height: 450px;}
		.location-address { width: 100%; display:inline-block; color: #ffffff; background-color: #5f0000; float:left;  height: 170px; text-align:center;}
		.location-address h3{ margin: 10px 0 0 0; color: #ffffff;}
		.location-address p{ margin-left: 0; color: #ffffff;} 
		.location-map { width: 100%; display:inline-block;  float:left;  height: 100%; height: 280px }
		} 

		@media (max-width: 480px) {
		.content-column	h2  { font-size: 40px}	
		.content-column	h3  { font-size: 20px}
		} 
	
/* BLOG FORMATING */	

.blog-pad					{ margin: 30px 0 30px 10%; width: 80%; display:inline-block; text-align: left; max-width: 1200px;}
.blog-pad .post				{ margin: 50px 0 50px 0; }
.blog-pad .post-thumbnail 	{ float: right; margin: 0 0 40px 0; width: 37%; height:auto;}
.blog-pad .post-thumbnail img 	{  width: 100%; }
.blog-pad .entry-content	{ max-width: 700px; float: left; width: 60%;}
.blog-pad .entry-header		{ max-width: 700px; float: left; width: 60%;}
.blog-pad header h1			{ margin: 0; font-size: 30px; line-height: 1; }
.blog-pad .entry-meta 		{ margin: 0 0 20px 0; }

		@media (max-width: 1300px) {
		.blog-pad					{ margin: 30px 0 30px 5%; width: 90%; display:inline-block; text-align: left;  }

		} 


		
		@media (max-width: 800px) {
		.blog-pad .post-thumbnail 	{ margin: 0 0 20px 0; width: 100%; height:auto;}
		.blog-pad .entry-content	{ max-width: none;  width: 100%;}
		.blog-pad .entry-header		{ max-width: none;  width: 100%;}
		} 


		@media (max-width: 480px) {
		.blog-pad header h2	, .blog-pad header h1 	{ }
		} 


/* STORE  */

div.summary.entry-summary > h1 { font-size: 36px;}

.shop-pad { width: 80%; margin: 50px 0 0 10%; float: left; }

.woocommerce-breadcrumb { display:none; }



/* Contact Forms  */

.gform_title  {display: none;}


/* secret button  */

#secret-skull { position: absolute; top: -180px; right: 6.71%;  width: 77px; height: 286px; transition: all .4s; z-index: 2;  overflow: hidden;}
img#skull-top { position: absolute; bottom: 0; transition: all .4s; left: 0; z-index: 3; padding-top: 20px;}
img#skull-bottom { position: absolute; bottom: 0; transition: all .4s; left: 0; z-index: 3;}
#skull-bottom-text {position: absolute; bottom: -175px; transition: all .4s; transform: rotate(90deg); left: -136px; width: 350px; height: 80px;  background-color: #000000; z-index: 1;}
#skull-bottom-text h4{ margin: 41px 0 0 65px; padding: 0; line-height: 0;}

a:hover > img#skull-top{  bottom: 215px; transition: all .4s;  }
a:hover > #skull-bottom-text{  bottom: 85px; transition: all .4s;  }


		@media (max-width: 480px) {
		#secret-skull { position: absolute; top: -285px; right: 4%; }
		#skull-bottom-text {bottom: -220px; }
		}