/* CSS Document */
body {
  padding-top: 0px;
  padding-bottom: 40px;
  background: url(/images/cream_dust.png) repeat 0 0;  
}

.lobster {font-family: 'Satisfy';}
.raleway {font-family: 'Raleway', sans-serif;}

.hero-unit {
margin-top: 20px;
padding: 20px;
background-image: url("/images/bullseye-cropped.png");
background-repeat: no-repeat;
font-size: 36px;
}

.hero-unit-phone {
margin-top: 10px;
padding: 10px;
background-image: url("/images/bullseye-cropped.png");
background-repeat: no-repeat;
background-size: 150%;
font-size: 36px;
background-position: 0px 0px;
}

.hero-unit h1 {
font-size: 2.2em;
margin-bottom: 0;
line-height: 1.1;
letter-spacing: -1px;
color: white;
}

.hero-unit h2 {
font-size: 1em;
margin-bottom: 20px;
line-height: .6;
letter-spacing: -1px;
color: white;
}

.hero-unit-phone h1 {
font-size: 1.2em;
margin-bottom: 0;
line-height: 1.1;
letter-spacing: -1px;
color: white;
}

.hero-unit-phone h2 {
font-size: .8em;
margin-bottom: 10px;
line-height: 1.1;
letter-spacing: .8px;
color: white;
}

.overlay {
background-color: rgba(1,0,0,0.2);
/* 
opacity: 0.8;
filter: alpha(opacity=60); /* For IE8 and earlier 
*/
padding: 8px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.overlay p {
margin: 0 0 20px;
}

.overlay-phone {
background-color: rgba(1,0,0,0.3);
/* 
opacity: 0.8;
filter: alpha(opacity=60); /* For IE8 and earlier 
*/
padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.overlay-phone p {
margin: 0 0 20px;
}        
     
     
.inset {
margin-left: 20px;
margin-right: 20px;
font-size: .9em;
} 

.paper-image {
width: 400px;
margin: 0px 0px 20px 20px;
float: right;
border: solid 1px #cccccc;
} 

.paper-image p {
float: right;
}

#enlargeBullseye .modal-body {
	max-height: 1200px;
}

#myModal {
	width: 800px; /* SET THE WIDTH OF THE MODAL */
	margin: -250px 0 0 -400px; /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}