body {
  background-color: #f1f5f9cf;
}
/*--------Sections Css------------*/
.header-section {
	background-image: url("../../images/Home-Page/full-bible-bg.png");
	background-size: cover;
	background-position: center center;
	height: 400px;
}
.full-bible-header h1 {
	color: #fff;
	padding-top: 90px;
	font-size: 4.5rem;
	font-weight: 550;
}
.title-section {
  margin-top: 20px;
}
.second-section {
  margin: 70px 0px 45px;
}
.third-section {
  margin-bottom: 45px;
}
.fourth-section {
    background-color: #E9F0FA;
    padding: 60px 0px;
}
/*----------------------------------------------*/

/*Row and Col css to center the columns in particular row*/
.title-sec-row, .second-sec-row, .third-sec-row, .fourth-sec-row {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}
.title-sec-col, .second-sec-col, .third-sec-col, .fourth-sec-col {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
/*----------------------------------------------*/

/*Section Col css and elements inside particular col-row of particular sec css*/
.title-sec-col p {
  color: #000000db;
  font-size: 1.55rem;
}
a.inactive-link {
    color: #000000db;
}
.second-sec-col p {
  color: #060606d6;
  font-size: 1.37rem;
}
.second-content-block{
	background-color: #fff;
	border-radius: 5px;
	padding: 30px 25px 15px;
}
.second-content-block p {
    color: #000000d4;
    margin-bottom: 17px;
    font-size: 2rem;
}
.second-content-block span {
    font-size: 2rem;
    color: #356cb5;
    font-weight: 550;
    padding-right: 12px;
}
.second-image-block {
    margin: 65px 0px 30px !important;
}
.second-sec-col.button-col {
    padding-left: 3px;
    padding-right: 3px;
}
.second-sec-col h1, .third-sec-col h1, .fourth-sec-col h1 {
  font-weight: 550;
  color: black;
  margin-bottom: 17px;
  font-size: 3.5rem;
}
.btn-img {
  width: 20px;
  margin-right: 10px;
}
/*----------------------------------------------------------------------------*/

/*------Buttons Css---------*/
.blue-button{
  background-color: #2c63ad;
  border-color: #2c63ad;
  padding: 6px 22px;
}
.verse-button{
  background-color: #356cb5;
  border-color: #356cb5;
  width: 83%;
  border-radius: 8px;
  padding: 8px 5px;
}
.testament-btn, .chapter-btn {
	width: 24.6%;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 9px 12px;
	color: black;
	text-align: left;
	font-size: 1.5rem;
	border-color: #3269b3ad;
	white-space: pre-wrap;
}
.chapter-btn {
	width: 19.5%;
	text-align: center;
}
.testament-btn:hover, .chapter-btn:hover {
    background-color: #3269b3;
    color: #fff;
}
/*--------------------------*/

@media (max-width: 992px){
  /*Section Col css and elements inside particular col-row of particular sec css*/
	.testament-btn {
	    width: 32.9%;
	}
	.chapter-btn {
	    width: 24.5%;
	}
	.verse-button {
	    width: 92%;
	}
  /*----------------------------------------------------------------------------*/
}
@media (max-width: 768px){
  /*Section Col css and elements inside particular col-row of particular sec css*/
	.testament-btn {
	    width: 49.5%;
	}
	.chapter-btn {
	    width: 32.7%;
	}
	.verse-button {
	    width: 100%;
	}
  /*----------------------------------------------------------------------------*/
}
@media (max-width: 600px){
  	/*Section Col css and elements inside particular col-row of particular sec css*/
	.verse-button {
	    width: 120%;
	}
  	/*----------------------------------------------------------------------------*/
}
@media (max-width: 480px){
  /*Section Col css and elements inside particular col-row of particular sec css*/
	.testament-btn {
	    width: 49.3%;
	    font-size: 1.35rem;
	}
	.chapter-btn {
	    width: 49.4%;
	}
	.third-sec-col h1, .fourth-sec-col h1 {
	    font-size: 3.2rem;
	}
	.verse-button {
	    width: 130%;
	    font-size: 1.2rem;
	}
  /*----------------------------------------------------------------------------*/
}
@media (max-width: 375px){
  /*Section Col css and elements inside particular col-row of particular sec css*/
	.chapter-btn {
	    width: 49.2%;
	}
	.third-sec-col h1, .fourth-sec-col h1 {
	    font-size: 2.6rem;
	}
	.second-sec-col h1 {
	    font-size: 2.8rem;
	}
	.verse-button {
	    width: 195%;
	    font-size: 1.1rem;
	    padding: 6px 5px;
	}
  /*----------------------------------------------------------------------------*/
}