﻿
#hpslidecontent
{
	position:absolute;
	width:100%;
	padding-top:300px;
    z-index: 100;
    padding-bottom: 100px;
}

#hpslidecontent h1, #hpslidecontent h2
{
	width:100%;
	text-align:center;
}

#slideshowbtts
{
	display:table;
	height:auto;
	width:auto;
	margin:40px auto;
}

#slideshowbtts a
{
	text-transform:uppercase;
}

#slideshowbtts a:first-child
{
	margin-right:20px;
}

.jpbttslide
{
	font-size:24px;
	width:300px;
	display:block;
	text-align:center;
	padding:20px 0px;
	float:left;

	-moz-transition: color 0.5s, background 0.5s;
	-webkit-transition: color 0.5s, background 0.5s;
	-o-transition: color 0.5s, background 0.5s;
	-ms-transition: color 0.5s, background 0.5s;
	transition: color 0.5s, background 0.5s;
}

/*media queries*/
@media screen and (max-width:1450px)  
{
	#hpslidecontent
	{
		padding-top:150px;
	}
}

@media screen and (max-width:1130px)  
{
	#hpslidecontent
	{
		padding-top:120px;
	}

	#slideshowbtts
	{
		margin:20px auto;
	}

	.jpsuperh1
	{
		font-size:75px;
	}
}


@media screen and (max-width:950px)  
{
	#holdingimage
	{
		height:50vw;
	}
}

@media screen and (max-width:800px)  
{
	/*.jpbttslide
	{
		clear:left;
		margin:5px 0px !important;
	}*/

	.jpsuperh1
	{
		font-size:60px;
	}

	#holdingimage
	{
		height:80vw;
		width:auto;
	}

	#hpslide
	{
		width:100vw;
		overflow-x:hidden;
	}
}

@media screen and (max-width:630px)  
{
	#holdingimage
	{
		height:100vh;
	}

	#hpslidecontent
	{
		padding-top:20vh;
	}

	.jpsuperh1
	{
		width:90%;
		margin-left:5%;
	}

	#hpslidecontent h2
	{
		width:80%;
		margin-left:10%;
	}
}

@media screen and (max-width:450px) {
	/*#slideshowbtts {
		padding-top: 90px !important;
	}*/
}