@charset "utf-8";

body{
	font-family:"Trebuchet MS", Arial, "sans-serif";
	background-image: url(images/arrowPattern.gif);
	background-repeat: repeat;
	font-size: 16pt;
}
a:link {
	color: #333333;
}
a:hover {
	color: #000;
	text-decoration: none;
}
button {
	background-color: #FFF;
	padding: 10px;
	margin:10px;
	font-family: accid, "Accidental Presidency", Impact, "sans-serif";
	font-size: 24px;
	text-transform: capitalize;
	color:#EC4343;
	box-shadow: none;
	border: none;
	border-radius: 15px;
	letter-spacing: .04em;
	
}
.red{
	color:#EC4343;
}
.jumbotron{
	min-height: 1000px;
	margin-top: -10px;
}
.main-img{
	background-image:url(images/mainImage.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 400px;
	margin:0px;
	color: #FFF;
}
@font-face {
	font-family: 'accid';
	src: url('fonts/accid_.ttf'); 
	format:('truetype');
}
h1{
	font-family: accid, "Accidental Presidency", Impact, "sans-serif";
	font-size: 36pt;
}
.white-bkg{
	background-color: rgba(255,255,255,0.60);
	padding:15px 15px 15px 15px;
	
	}
	.gray-bkg{
	background-color: rgba(188,188,188,0.60);
	padding: 15px 15px 15px 15px;
	
}
@media (min-width: 768px) {
	.main-img{
	background-image:url(images/mainImage.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 800px;
	margin:0px;
	color: #000;
	}
	
	.white-bkg{
	background-color: rgba(255,255,255,0.60);
	padding:0px 15px 15px 15px;
}
.gray-bkg{
	background-color: rgba(188,188,188,0.60);
	padding: 0px 15px 0 15px;
	
}
}