body{
    background-color: #f8f8f8;
}
#BookMain{
   background-color: #4d67b4;
   text-align: center;
   padding: 3%;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#BookMainDiv{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 2%;
}
#BookMainDivImg{
    width: 50%;
    /* border: 1px solid black; */
}
#BookMainDivImg>img{
    width: 100%;
    /* width: 540px; */
}
#BookMainDivText{
     /* border: 1px solid black; */
     margin: auto;
}
#BookMainDivText>p{
    color: white;
}
#BookMainDivText>h1{
    font-size: 70px;
    margin-top: 0%;
    margin-bottom: 0%;
    color: white;
}
#SummaryBox{
    width: 70%;
    margin: auto;
    padding: 50px;
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#SummaryBox>h1{
    font-size: 40px;
}
#SummaryBox>div>p{
    font-size: 18px;
    color: gray;
}
@media all and (max-width:900px){
    #BookMainDivImg{
        width: 80%;
    }
}

/* footer styles start */
#footerGrid {
/* border: 1px solid red; */
background-color: white;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 20px;
padding: 20px;
padding-left: 100px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
sans-serif;
}
#footerGrid > div {
padding: 20px;
/* border: 1px solid blue; */
display: flex;
flex-direction: column;
}
#footerGrid > div > a {
text-decoration: none;
color: rgb(51, 51, 51);
padding: 3px;
}
#footerGrid > div > h4 {
margin-bottom: 3%;
padding-left: 3px;
}
#footerBox {
display: flex;
}
#footerBoxDown {
display: flex;
flex-direction: column;
/* border: 1px solid red; */
text-align: left;
padding: 3px;
padding-top: 35px;
}
#footerBoxDown > a {
margin: auto;
padding: 5px;
padding-left: 20px;
text-decoration: none;
color: rgb(51, 51, 51);
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
sans-serif;
}
#termsfoot{
/* margin: auto; */
text-align: center;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: gray;
}
#termsfoot>a{
color: gray;
}

@media all and (min-width: 569px) and (max-width: 990px) {
#footerGrid {
grid-template-columns: repeat(2, 1fr);
padding-left: 75px;
}
}
@media all and (min-width: 0px) and (max-width: 569px) {
#footerGrid {
grid-template-columns: repeat(1, 1fr);
padding-left: 30px;
}
}
/* footer styles end */