@import url('http://weloveiconfonts.com/api/?family=entypo');



body
{
	background-image:url(Images/background.jpg);
	background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
	cursor:url(Images/gun-cursor-64.png) 10 60, auto;
}



nav 
{ 
	text-align:center;
}

nav ul 
{
    padding: 0;
}

nav ul li, .dropdown
{
	display:inline-block;
	font-size:28px;
	width:18%;
	height:50px;
	background-color:#000000;
	border: 2px solid #FFFFFF;
	margin-right:6.25%;
	margin-left:6.25%;
	box-shadow: 10px 8px 12px #000000;
}

nav ul li a {
	text-decoration:none;
	vertical-align:middle;
	line-height:50px;
	color:#FFFFFF;
	display:block;
}

nav ul li:hover {
	border: 2px solid #a90606;
	cursor:url(Images/gun-cursor-64.png) 10 60, auto;
}

.drop-down-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 15%;
    box-shadow: 10px 8px 12px #000000;
	border: 2px solid #a90606;
	margin:-2px;
}

.drop-down-content a {
    color: #ffffff;
    padding-left: 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	border: 2px solid #000000;
}


.drop-down:hover .drop-down-content {
    display: block;
	cursor:url(Images/gun-cursor-64.png) 10 60, auto;
}


.logo
{
	width:100%;
	text-align:center;
}

.logo img
{
	width:80%;
	
}


.footer
{
	color:#ffffff;
	text-align:left;
	background-color:#000000;
	min-height:100px;
	padding-left:10%;
	display:flex;
}


.footer p
{
	height:15px;
	font-size:20px;
}

.left-45
{
	width:55%;
}
	
.right-45
{
	text-align:center;
	padding-top:15px;
	width:35%;
}


.wrapper 
{
	position:absolute;
	top:25px;
	right:10%;
	text-align: right;
}

.social 
{
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 10px;
	line-height: 50px;
	font-family: Entypo;
	font-size: 28px;
	text-align: center;
	color: #fff;
	border-radius:50px;
	background: #000000;
	overflow: hidden;
	cursor: pointer;
	border:2px solid #FFFFFF;
	box-shadow: 10px 8px 12px #000000;
}

.social:hover
{
	border:2px solid #a90606;
	cursor:url(Images/gun-cursor-64.png) 10 60, auto;
}

.page-container
{
	padding-right:10%;
	padding-left:10%;
}


/**Home Page**/
.text-paragraph
{
	text-align:center;
	color:#FFFFFF;
	font-size:24px;
	text-shadow:2px 2px 2px #000000, -2px -2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #000000;
	padding-top:15px;
}

.wide-image
{
	width:100%;
	background-color:#000000;
	min-height:300px;
	border:4px solid #FFFFFF;
	padding-top:15px;
}

#google-maps
{
	padding-top:25px;
	height:400px;
	width:400px;
}
#gmap_canvas
{
	height:400px;
	width:400px;
}

#gmap-box
{
	height:400px;
	width:400px;
}

/**End Home Page **/

/**Artist Page**/
.container
{
	padding-top:50px;
}
.row
{
	display:flex;
	padding-top: 15px;
	justify-content: center;
}

.large-image
{
	padding-left:2.5%;
	padding-right:2.5%;
	width:45%;
	background-color:#000000;
	min-height:300px;
	border: 4px solid #FFFFFF;
}


.bio-text
{
	padding-left:2.5%;
	padding-right:2.5%;
	width: 45%;
	text-align:center;
	color:#FFFFFF;
	font-size:24px;
	text-shadow:2px 2px 2px #000000, -2px -2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #000000;
}

.bio-text h1
{
	font-size:36px;
	height:20px;
	
}

.small-image-middle
{
	width:15%;
	margin-right:1%;
	margin-left:1%;
	height:100px;
	background-color:#000000;
	border:4px solid #FFFFFF;
}

.small-image-left
{
	width:15%;
	margin-right:1%;
	height:100px;
	background-color:#000000;
	border:4px solid #FFFFFF;
}

.small-image-right
{
	width:15%;
	margin-left:1%;
	height:100px;
	background-color:#000000;
	border:4px solid #FFFFFF;
}

/** End Artist Page **/

/** Start Tatt2Away Page **/
.links
{
	text-align:center;
	font-size:36px;
}

.links a
{
	color:#a90606;
	text-shadow:2px 2px 2px #000000, -2px -2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #000000;
	text-decoration:none;
}

.grid-box
{
	height:200px;
	width:30%;
	margin:1%;
	background-color:#000000;
	border: 4px solid #FFFFFF;
}

.extra-large-heading
{
	font-size:56px;
	color:white;
	text-align:center;
	text-shadow:2px 2px 2px #000000, -2px -2px 2px #000000, -2px 2px 2px #000000, 2px -2px 2px #000000;
}


/** End Tatt2Away Page **/

/************MOBILE CSS SECTION***************/

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  {
	 nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}
  }

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
 {
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}


/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
 {
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}


/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  { 
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}


/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
 { 
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}


/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 640px) 
  and (device-height: 320px) 
 {
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}


/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
 {
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 640px) 
  and (device-height: 360px) 
  {
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
	}
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		text-align:center;
		height:700px;
		width:700px;
		margin:auto;
	}

}

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  {

	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	
	.footer p
	{
		height:20px;
		font-size:2em;
		text-align:center;
	}
	.footer 
	{
		padding-top: 25px;
		padding-left:2%;
		display:block;
	}
	
	.left-45
	{
		width:100%;
	}
		
	.right-45
	{
		text-align:center;
		padding-top:15px;
		width:100%;
	}
	
	#gmap_canvas
	{
		height:700px;
		width:700px;
	}
	
	#gmap-box
	{
		height:700px;
		width:700px;
	}
	#google-maps
	{
		margin:auto;
		height:700px;
		width:700px;
	}
	
	
  }
  
@media screen and (max-width: 1000px)
  {
  .footer p
	{
		height:20px;
		font-size:2em;
		width:100%;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
		display:block;
	}
	.footer .left-45
	{
		width:100%;
		text-align:center;
	}
	.footer .right-45
	{
		width:100%;
	}
  }
  @media screen and (max-width: 875px)
  {
	nav ul li {
		width:25%;
		height:75px;
		margin-right:3.25%;
		margin-left:3.25%;
	}

	nav ul li a {
		text-decoration:none;
		vertical-align:middle;
		line-height:75px;
		color:#FFFFFF;
		display:block;
		font-size:1em;
	}
	.drop-down-content {
		min-width: 25%;
	}
	
	.page-container
	{
		padding-right:2%;
		padding-left:2%;
	}
	.logo img
	{
		width:100%;
		
	}
	
	.wrapper
	{
		position:static;
		padding:15px;
	}
	
	.social 
	{
		display: inline-block;
		width: 75px;
		height: 75px;
		margin: 0 10px;
		line-height: 75px;
		font-family: Entypo;
		font-size: 36px;
		text-align: center;
		color: #fff;
		border-radius:75px;
		background: #000000;
		overflow: hidden;
		cursor: pointer;
		border:2px solid #FFFFFF;
		box-shadow: 10px 8px 12px #000000;
	}
	.footer p
	{
		height:20px;
		font-size:2em;
		width:100%;
	}
	.footer 
	{
		min-height:200px;
		padding-left:2%;
		display:block;
		
	}
	.left-45
	{
		width:100%;
		text-align:center;
	}
	.right-45
	{
		width:100%;
	}
	#gmap_canvas
	{
		height:500px;
		width:100%;
	}
	#gmap-box
	{
		height:500px;
		width:100%;
	}
	#google-maps
	{
		text-align:center;
		height:500px;
		width:100%;
		margin:auto;
	}
  }