body{ margin:0px 0px; }

#hero{
  background-image:url("bigbible2.jpg");
  background-size:cover;
  position:relative;
  height:100vh;
}


#hero2{
  background-size:cover;
  position:relative;
  height:100vh;
}


.header{
  position:absolute;
  top:20%;
  text-align:left;
  width:100%;
  color:#fff;
  font-size:36px;
  -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);  

}

#content{
  padding:20px 50px;
  text-align:center;
  width:80%;
  margin:0px auto;
}

#content h2{
  margin:0px 0px 30px 0px;
}

#footer{
  padding:30px 0px;
  text-align:center;
  background:#FFFFFF;
}

a:link { 
color: #cecece; 
text-decoration: none;

}
a:visited { 
color: #8cb2d9;
text-decoration: none;

}

a:hover {
color: #d22c2c;
text-decoration: underline;
}


p {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-style: normal; 
line-height: 29px; 
margin-top: 24px; 
margin-bottom: 24px; 
margin-left: 1px;
margin-right: 6px;
color: #d7d7d7;

}

.darktext {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-style: normal; 
line-height: 29px; 
margin-top: 24px; 
margin-bottom: 24px; 
margin-left: 1px;
margin-right: 6px;
color: #313131;
}

.intro {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-style: normal; 
line-height: 29px; 
text-align: center;
color: #ffffff;
position: absolute;
top: 70%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}


#wrapper2 {
  display:table;
  width:900px;
	margin: 0 auto;  
}
#row {
  display:table-row;
}
#first {
  display:table-cell;
  background-color:#f0f2ff;
  width:240px;
  padding-left: 5px;
  padding-right: 25px;  
}
#second {
  display:table-cell;
  background-color:#f0f2ff;
  width:240px;
  padding-left: 25px;
  padding-right: 25px;  

  
}
#third {
  display:table-cell;
  background-color:#f0f2ff;
  width:240px;
  padding-left: 25px;
  padding-right: 5px;  
  
}



#leftbigcolumn { 
width: 442px; 
border: none; 
float: left
}

#sm1 { 
width: 200px;
height: 135px;
padding:5px;
border: none; 
float: left;
}

#sm2 { 
width: 200px;
height: 135px;
padding:5px;
border: none; 
float: right;
}


#rightbigcolumn { 
width: 443px; 
border: none; 
float: right
}

.toptitle  {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 24pt;
font-style: normal; 
font-weight : bold;
line-height: 40px; 
margin-left: 10px; 
margin-top: 2px; 
margin-bottom: 30px; 
color : #669999;
text-decoration : none; 
}


.texttitle  {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 24pt;
font-style: normal; 
font-weight : bold;
line-height: 40px; 
margin-left: 10px; 
margin-top: 24px; 
margin-bottom: 20px; 
color : #669999;
text-decoration : none; 
}


.headline  {
font-family: 'Open Sans', verdana;
font-size : 36pt;
font-style: normal; 
font-weight : bold;
line-height: 48px; 
margin-left: 10px; 
margin-top: 4px; 
margin-bottom: 10px; 
color : #D22C2C;
text-decoration : none; 
}


.headline2  {
font-family: 'Open Sans', verdana;
font-size : 12pt;
font-style: normal; 
font-weight : normal;
line-height: 28px; 
margin-left: 40px;
margin-right: 40px; 
margin-top: 14px; 
margin-bottom: 14px; 
color : #CECECE;
text-decoration : none; 
position: absolute;
top: 35%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}


.headline4  {
font-family: 'Open Sans', cursive;
font-size : 24pt;
font-style: normal; 
font-weight : bold;
text-align: center;
line-height: 40px; 
margin-left: 30px; 
margin-top: 40px; 
margin-bottom: 20px;
margin-right: 30px; 
color : #448599;
text-decoration : none; 
position: absolute;
top: 19%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}

.headline6  {
font-family: 'Open Sans', verdana;
font-size : 30pt;
font-style: normal; 
font-weight : bold;
line-height: 44px; 
text-align: center;
color : #ffffff;
text-decoration : none; 
position: absolute;
top: 7%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}





.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 14px 20px 14px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn2 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #FC665A, #FC665A);
  background-image: -moz-linear-gradient(top, #FC665A, #FC665A);
  background-image: -ms-linear-gradient(top, #FC665A, #FC665A);
  background-image: -o-linear-gradient(top, #FC665A, #FC665A);
  background-image: linear-gradient(to bottom, #FC665A, #FC665A);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 14px 20px 14px 20px;
  text-decoration: none;
  position: absolute;
  top: 80%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)

}

.btn2:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #E8554E, #E8554E);
  background-image: -moz-linear-gradient(top, #E8554E, #E8554E);
  background-image: -ms-linear-gradient(top, #E8554E, #E8554E);
  background-image: -o-linear-gradient(top, #E8554E, #E8554E);
  background-image: linear-gradient(to bottom, #E8554E, #E8554E);
  text-decoration: none;
}






.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Trebuchet MS;
	font-size:14px;
	padding:9px 19px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}




.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #333333;
  }

.img-circle {
    border-radius: 50%;
}