@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800|Oswald:400,700|Roboto+Slab:400,700');

* {margin:0; padding:0;}
body {background:#343434; margin:0; padding:0; font-family: 'Open Sans', sans-serif;}

header {background:url(../images/bg-header.jpg) center center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:90px 5% 0; position:relative; color:#FFF; text-transform:uppercase; text-align:right;}
header h1 {background:url(../images/bg-headerh1.png) bottom repeat-x; font-size:64px; font-weight:800; margin:0 0 40px; padding:0 0 50px;}
header h2 {font-family: 'Oswald', sans-serif; font-size:65px; line-height:75px; font-weight:700; font-style:italic;}
header p {font-size:59px; line-height:59px; font-weight:800; margin:0 0 30px; letter-spacing:5px;}
header img {position:absolute; bottom:0; left:5%;}
header a {color:#FFF; text-decoration:none;}

#experience {background:#FFF; width:90%; height:auto; float:left; margin:0; padding:70px 5%; text-align:center; color:#444444; font-size:24px;}
#experience h1 {font-family: 'Oswald', sans-serif; font-size:45px; font-weight:normal; margin:0 0 40px; text-transform:uppercase;}
#experience h1 strong {color:#b01721; font-weight:normal;}
#experience p strong {color:#b01721; font-weight:800; text-transform:uppercase;}

#locations {width:100%; height:auto; float:left; margin:0; display:flex; text-align:center; text-transform:uppercase; font-size:16px; font-weight:700;}
#locations h1 {color:#780b10; font-size:28px; font-weight:800; margin:0 0 20px;}
#locations h2 {background:#eb000b; color:#FFF; font-size:28px; line-height:28px; font-weight:800; margin:0 0 20px; padding:5px 15px; display:inline-block; border-radius:10px;}
#locations a {color:#FFF; text-decoration:none;}
#locate {background:#cacaca; width:33.333333%; height:auto; float:left; margin:0; padding:65px 0 40px;}
#locateMid {background:#dfdfdf; width:33.333333%; height:auto; float:left; margin:0; padding:65px 0 40px;}

#counties {background:#363636; width:90%; height:auto; float:left; margin:0; padding:30px 5%; text-align:center; color:#FFF; font-family: 'Oswald', sans-serif; font-size:27px; text-transform:uppercase; position:relative;}
#counties h1 {background:#000; font-family: 'Open Sans', sans-serif; font-size:19px; font-weight:800; margin:0 0 0 -84px; display:inline-block; padding:5px 15px; border-radius:10px; position:absolute; top:-10px; left:50%;}
#counties p {margin:0; display:block;}

#teaserWrap {width:90%; height:auto; float:left; margin:0; padding:54px 5% 44px;
background: rgba(206,17,23,1);
background: -moz-linear-gradient(left, rgba(206,17,23,1) 0%, rgba(147,10,12,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,17,23,1)), color-stop(100%, rgba(147,10,12,1)));
background: -webkit-linear-gradient(left, rgba(206,17,23,1) 0%, rgba(147,10,12,1) 100%);
background: -o-linear-gradient(left, rgba(206,17,23,1) 0%, rgba(147,10,12,1) 100%);
background: -ms-linear-gradient(left, rgba(206,17,23,1) 0%, rgba(147,10,12,1) 100%);
background: linear-gradient(to right, rgba(206,17,23,1) 0%, rgba(147,10,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce1117', endColorstr='#930a0c', GradientType=1 );}
#court {background:url(../images/bg-court.jpg) top left; background-size:cover; width:98%; height:auto; float:left; margin:0 0 20px; padding:10px 1%; box-shadow:0 5px 5px rgba(0,0,0,.75);}
#records {background:#FFF; width:60%; height:auto; float:left; margin:0 0 10px; padding:35px 20% 30px; border:1px solid #959595; text-align:center;}
#records h1 {color:#444444; font-family: 'Oswald', sans-serif; font-size:38px; font-weight:normal; margin:0 0 5px; text-transform:uppercase;}
#records h1 strong {color:#b01721; font-weight:normal;}
#records h2 {background:#363636; color:#FFF; font-size:19px; font-weight:800; margin:0 0 20px; padding:5px 35px; border-radius:15px; text-transform:uppercase; display:inline-block;}
#records p {text-align:left; font-family: 'Roboto Slab', serif; font-size:28px; margin:0 20px 10px; padding:0 0 5px; border-bottom:3px solid #636363;}
#records a {background:url(../images/bg-recordsa.jpg) right center no-repeat; color:#636363; text-decoration:none; display:block;}
#records a:hover {color:#ed1e2a;}
#bail {background:#FFF; width:80%; height:auto; float:left; margin:0; padding:40px 10%; border:1px solid #959595;}
#bail h1 {color:#ab1721; font-size:34px; font-weight:800; margin:0px; text-transform:uppercase;}
#bail p {color:#444444; font-family: 'Roboto Slab', serif; font-size:34px; margin:0;}
#bail a {color:#FFF; font-size:21px; font-weight:800; text-decoration:none; display:inline-block; float:right; margin:-80px 0 0; padding:20px 80px; text-transform:uppercase; border-radius:20px;
background: rgba(217,47,58,1);
background: -moz-linear-gradient(left, rgba(217,47,58,1) 0%, rgba(211,43,54,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(217,47,58,1)), color-stop(100%, rgba(211,43,54,1)));
background: -webkit-linear-gradient(left, rgba(217,47,58,1) 0%, rgba(211,43,54,1) 100%);
background: -o-linear-gradient(left, rgba(217,47,58,1) 0%, rgba(211,43,54,1) 100%);
background: -ms-linear-gradient(left, rgba(217,47,58,1) 0%, rgba(211,43,54,1) 100%);
background: linear-gradient(to right, rgba(217,47,58,1) 0%, rgba(211,43,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92f3a', endColorstr='#d32b36', GradientType=1 );}
#bail a:hover {background:#363636;}
#contact {width:100%; height:auto; float:left; margin:0; text-align:center; color:#FFF; text-transform:uppercase;}
#contact h1 {background:url(../images/bg-headerh1.png) center center repeat-x; margin:0 0 20px;}
#contact h2 {font-size:47px; font-weight:800; margin:0 0 10px;}
#contact h3 {background:#464646; color:#FFF; font-size:20px; font-weight:800; margin:0; padding:2px 10px; border-radius:15px; text-transform:uppercase; display:inline-block; position:relative; z-index:100;}
#contact p span {background:#252525; color:#FFF; font-size:47px; line-height:47px; margin:-5px 0 0; padding:5px 15px; border-radius:15px; text-transform:uppercase; display:inline-block;}
#contact a {color:#FFF; text-decoration:none;}

footer {width:90%; height:auto; float:left; margin:0; padding:35px 5%; text-align:center; color:#FFF; font-size:14px; font-weight:800; text-transform:uppercase;}
footer a {color:#FFF; text-decoration:none; display:inline-block;}
footer a:hover {text-decoration:underline;}

@media screen and (min-width:1100px) and (max-width:1330px) {
	header h1 {font-size:50px;}
	header h2 {font-size:50px;}
	header p {font-size:40px;}
	#bail {text-align:center;}
	#bail a {float:none; margin:20px 0 0;}
}
@media screen and (min-width:770px) and (max-width:1099px) {
	header h1 {font-size:50px;}
	header h2 {font-size:50px;}
	header p {font-size:40px;}
	header img {max-width:40%; height:auto;}
	#experience br {display:none;}
	#locations {display:block;}
	#locate {width:100%; padding:20px 0;}
	#locateMid {width:100%; padding:20px 0;}
	#bail {text-align:center;}
	#bail a {float:none; margin:20px 0 0;}
	#contact h2 {font-size:40px;}
}
@media screen and (max-width:769px) {
	header {text-align:center; width:100%; padding:30px 0 0;}
	header h1 {font-size:22px; margin:0 0 20px;}
	header h2 {font-size:20px; line-height:25px;}
	header p {font-size:16px;}
	header img {max-width:90%; height:auto; position:static;}
	#experience {padding:30px 5%; font-size:20px;}
	#experience h1 {font-size:30px;}
	#experience br {display:none;}
	#locations {display:block;}
	#locate {width:100%; padding:20px 0;}
	#locateMid {width:100%; padding:20px 0;}
	#teaserWrap {width:100%; padding:0 0 30px;}
	#court {width:100%; padding:0;}
	#records {width:90%; padding:20px 5%;}
	#records h1 {font-size:30px;}
	#records p {font-size:20px; margin:0 10px 10px;}
	#bail {text-align:center;}
	#bail h1 {font-size:24px;}
	#bail p {font-size:20px;}
	#bail a {float:none; margin:20px 0 0; display:block; padding:20px 0; text-align:center;}
	#contact {width:90%; padding:0 5%;}
	#contact h2 {font-size:24px;}
	#contact p span {font-size:24px; line-height:24px;}
	#contact a {display:inline-block;}
}