.index_slide_wrapper{	
	text-align:center;
	padding:4% 1%;
}
.index_slide_wrapper h1{
	font-size:300%;
	background:#FFF;
	display:inline-block;
	padding:0.5% 1%;
	color:#004465;
	text-transform:uppercase;		
}
.index_slide_wrapper h4{
	color:#FFF;
	font-size:180%;
	text-transform:uppercase;
	background:#004465;
	display:inline-block;
	padding:0.5% 1%;
}
.button{
	background:#FFF;
	color:#004465;
	padding:1% 2%;
	margin-top:1.5%;
	display:inline-block;
	text-transform:uppercase;
	font-weight:600;
	border:4px solid #004465;
}
.button:hover{
	background:#004465;
	color:#FFF;
	border:4px solid #FFF;
}
/*styles for mobile*/
@media only screen and (max-width: 1280px) 
{
.index_slide_wrapper{
	padding:6% 1%;
	font-size:90%;
}	
}
@media only screen and (max-width: 1024px) 
{
.index_slide_wrapper{
	font-size:80%;
}	
}
@media (max-width: 960px) {
.index_slide_wrapper{	
	background-image: url("../images/index_slide.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}	
}
@media only screen and (max-width: 640px) 
{
.index_slide_wrapper{
	padding:5% 1%;
	font-size:70%;
}
.index_slide_wrapper h1{
	font-size:240%;
		
}
.index_slide_wrapper h4{
	font-size:160%;
}	
}
@media only screen and (max-width: 480px) 
{
.index_slide_wrapper h1{
	font-size:210%;
		
}
.index_slide_wrapper h4{
	font-size:140%;
}	
}