﻿@import url('https://fonts.googleapis.com/css?family=Martel:200,400|Roboto:400,500,700');
@charset "utf-8";
/* CSS Document */

body{
	background:url(../img/splashBackground.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin:0;
	padding:0;
}

img.parl-emblem{
	max-width:100%;
}

.parl-emblem-spacer{
	min-height:5%;
}

.parl-splash-container{
    position: absolute;
	text-align:center;
    width: 320px;
    height: 100%;
	padding:45px 25px;
	box-sizing:border-box;
    background-color: rgba(0,0,0,0.7);
}
.parl-splash-content{
	position: absolute;
    top: 50%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);}
.parl-splash-divider{
	margin-top:14%;
}
a{
	text-decoration:none;
}
a.btn{
	display:block;
	width:100%;
	height:34px;
	margin:3.5% 0;
	padding: 2% 0;
	text-transform:uppercase;
	border: 1px solid rgba(0,0,0,0.3);
	background:#5f5f5f;
	background: linear-gradient(#5f5f5f,#545153);
	color:#fff;
	font-size:14px;
	box-sizing:border-box;
	letter-spacing: 0.075em;
	font-family:Martel, Georgia, serif;
	font-weight:200;
}
a.btn.btn-hoc{
	box-shadow:0px 0px 1px rgba(255,255,255,0.3) inset, 0px -3px 0px #294c18 inset;
}
a.btn.btn-senate{
	box-shadow:0px 0px 1px rgba(255,255,255,0.3) inset, 0px -3px 0px #4c0000 inset;
}
a.btn.btn-parl{
	box-shadow:0px 0px 1px rgba(255,255,255,0.3) inset, 0px -3px 0px #224666 inset;
}

.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (max-width:760px){
	.parl-splash-container{
		width:100%;
		height:auto;
		min-height:100%;
		padding:15px 25px;
	}
	.parl-splash-content{
		position:relative;
		top:initial;
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	.parl-splash-divider{
		margin-top:8%;
	}
	
	a.btn{
		padding: 1% 0;
		height:auto;
	}
	a.btn.btn-parl{
	padding:2%;
	}
}