html, body {
		background: #fff;
		font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		height: 100%;
 }
 
.container {
	 background: #fff;
	 height: 100%;
 }
 
 .jamslice {
	display: block;
	width: 90%;
	margin-top: 18%;
}	

.email {
    display: block;
	width: 60%;
	margin-top: 5%;
}

a {
	text-transform: uppercase !important;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.jamslice {
		width: 90%;
		margin-top: 18%;
	}	
	.email {
		width: 38%;
		margin-top: 5%;
	}
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.jamslice {
		width: 80%;
		margin-top: 18%;
	}	
	.email {
		width: 30%;
		margin-top: 5%;
	}
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.jamslice {
		width: 70%;
		margin-top: 18%;
	}	
	.email {
		width: 22%;
		margin-top: 5%;
	}
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	/* .jamslice {
		padding-top: 270px;
	}	
	.email {
		padding-top: 50px;
	} */
	
	.jamslice {
		width: 60%;
		margin-top: 18%;
	}	
	.email {
		width: 18%;
		margin-top: 5%;
	}
	
}