.page        {
    position:absolute; 
    text-align:center;
    top:50;  
    width:100%; 
    letter-spacing: 2px;
    min-height: 1200px;

}

#offenses table {
	color: white;
	letter-spacing: 1px;
	line-height: 20px;
}

table th {
	font-size: 18px;
	padding: 12px 20px;
	border-left: none;
	border-right: none;
}

table td {
	padding: 12px 20px;
	border: 1px solid black;
}
table th:first-child {
	width: 30%;
}
table td {
	padding-top: 12px; 
}

nav {
	// z-index: 9999;
	background: #5D6472;
	text-transform: uppercase;
	position: fixed;
	width: 100%;
	z-index: 50000;
	top: 0;
	left: 0;
}
.navbar {
	border-radius: 0;
}
nav a {
	color: #AA9788;
}

img {
	margin: 20px;
}

a.btn {
	font-size: 2em;
	color: #AA9788;
	background-color: #EEE;
}
a.btn:hover {
	color: #5D6472;
}

.footer {
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 100%;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
@media (min-width: 768px) {
	.jumbotron { min-height: 268px;}
} 
.page h1    { font-size:60px; }
.page a     { 
	margin-top:50px; 
}

/* PAGES (specific colors for each page)
============================================================================= */
.page {
	color: #AA9788;
	background-color: #5D6472;
}


// .ng-enter { 
// 	animation: scaleUp 0.5s both ease-in; z-index: 8888; 
// }
.ng-leave { 
	animation: slideOutLeft 0.5s both ease-in; z-index: 9999; 
}

/* ANIMATIONS
============================================================================= */

/* leaving animations ----------------------------------------- */
/* rotate and fall */
@keyframes rotateFall {
    0%      { transform: rotateZ(0deg); }
    20%     { transform: rotateZ(10deg); animation-timing-function: ease-out; }
    40%     { transform: rotateZ(17deg); }
    60%     { transform: rotateZ(16deg); }
    100%    { transform: translateY(100%) rotateZ(17deg); }
}

/* slide in from the bottom */
@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}

/* rotate out newspaper */
@keyframes rotateOutNewspaper {
    to      { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
}

/* entering animations --------------------------------------- */
/* scale up */
@keyframes scaleUp {
    from    { opacity: 0.3; -webkit-transform: scale(0.8); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(100%); }
    to      { transform: translateX(0); }
}

/* slide in from the bottom */
@keyframes slideInUp {
    from    { transform:translateY(100%); }
    to      { transform: translateY(0); }
}
/* slide out to the top */
@keyframes slideOutUp {
    from    { transform:translateY(0); }
    to      { transform: translateY(100%); }
}

/* page specific animations ------------------------ */

// /* home -------------------------- */
// .page-home.ng-enter { 
// 	animation: slideInRight 0.5s both ease-in; 
// }
// .page-home.ng-leave { 
// 	// transform-origin: 100% 100%;
// 	animation: slideOutLeft 0.5s both ease-in; 

// }

/* buynow ------------------------ */
.page-buynow.ng-enter        { animation: slideInRight 0.5s both ease-in; }
.page-buynow.ng-leave        { animation: slideOutLeft 0.5s both ease-in; }

/* about ------------------------ */
.page-about.ng-enter        { animation: slideInRight 0.5s both ease-in; }
.page-about.ng-leave        { animation: slideOutLeft 0.5s both ease-in; }

/* contact ---------------------- */
.page-contact.ng-enter      { animation: slideInRight 0.5s both ease-in; }
.page-contact.ng-leave      { animation: slideOutLeft 0.5s both ease-in; }



// /* ANIMATIONS
// ============================================================================= */
// .pt-page-moveToLeft {
// 	-webkit-animation: moveToLeft .6s ease both;
// 	animation: moveToLeft .6s ease both;
// }

// .pt-page-moveFromLeft {
// 	-webkit-animation: moveFromLeft .6s ease both;
// 	animation: moveFromLeft .6s ease both;
// }

// .pt-page-moveToRight {
// 	-webkit-animation: moveToRight .6s ease both;
// 	animation: moveToRight .6s ease both;
// }

// .pt-page-moveFromRight {
// 	-webkit-animation: moveFromRight .6s ease both;
// 	animation: moveFromRight .6s ease both;
// }

// .pt-page-moveToTop {
// 	-webkit-animation: moveToTop .6s ease both;
// 	animation: moveToTop .6s ease both;
// }

// .pt-page-moveFromTop {
// 	-webkit-animation: moveFromTop .6s ease both;
// 	animation: moveFromTop .6s ease both;
// }

// .pt-page-moveToBottom {
// 	-webkit-animation: moveToBottom .6s ease both;
// 	animation: moveToBottom .6s ease both;
// }

// .pt-page-moveFromBottom {
// 	-webkit-animation: moveFromBottom .6s ease both;
// 	animation: moveFromBottom .6s ease both;
// }

// @-webkit-keyframes moveToLeft {
// 	from { }
// 	to { -webkit-transform: translateX(-100%); }
// }
// @keyframes moveToLeft {
// 	from { }
// 	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
// }

// @-webkit-keyframes moveFromLeft {
// 	from { -webkit-transform: translateX(-100%); }
// }
// @keyframes moveFromLeft {
// 	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
// }

// @-webkit-keyframes moveToRight { 
// 	from { }
// 	to { -webkit-transform: translateX(100%); }
// }
// @keyframes moveToRight { 
// 	from { }
// 	to { -webkit-transform: translateX(100%); transform: translateX(100%); }
// }

// @-webkit-keyframes moveFromRight {
// 	from { -webkit-transform: translateX(100%); }
// }
// @keyframes moveFromRight {
// 	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
// }

// @-webkit-keyframes moveToTop {
// 	from { }
// 	to { -webkit-transform: translateY(-100%); }
// }
// @keyframes moveToTop {
// 	from { }
// 	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
// }

// @-webkit-keyframes moveFromTop {
// 	from { -webkit-transform: translateY(-100%); }
// }
// @keyframes moveFromTop {
// 	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
// }

// @-webkit-keyframes moveToBottom {
// 	from { }
// 	to { -webkit-transform: translateY(100%); }
// }
// @keyframes moveToBottom {
// 	from { }
// 	to { -webkit-transform: translateY(100%); transform: translateY(100%); }
// }

// @-webkit-keyframes moveFromBottom {
// 	from { -webkit-transform: translateY(100%); }
// }
// @keyframes moveFromBottom {
// 	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
// }

// // PAGE ANIMATIONS

/* home -------------------------- */
// .page-home.ng-enter         { animation: scaleUp 0.5s both ease-in; }
// .page-home.ng-leave         { transform-origin: 0% 0%; animation: rotateFall 1s both ease-in; }