#section3book{
  background: url("../images/section3bookPatternWood.png");
  height: auto;
}
#section3book h1{
  color: #a2333b;
  font-family: EscolarNormal;
  text-shadow: 1px 2px black;
}
#section3bookBook img{
  border-radius: 20px;
  width: 100%;
}
#section3bookText p{
  font-family: EscolarNormal;
  text-shadow: 1px 0.5px #b9b9b9;
  text-align: left;
}
#section3bookButton a{
  color: rgba(147, 13, 44, 0.5);
  cursor: pointer;
}

/********** MEDIA QUERIES PORTRAIT*********/
/* XS */
@media screen and (min-width: 320px ) and (orientation:portrait) {
  #section3bookTitle h1{
    font-size: 60px;
    margin-top: 30px;
  }
  #section3bookBook{
    margin-top: 40px;
  }
  #section3bookBook img{
    width: 80%;
  }
  #section3bookText{
    font-size: 26px;
    margin-top: 50px;
  }
  #section3bookButton{
    margin-bottom: 30px;
  }
  #section3bookButton i{
    margin-top: 35px;
  }
}
/* SM */
@media screen and (min-width: 768px) and (orientation:portrait){
  #section3book{
    background-size: cover;
  }
  #section3bookTitle h1{
    font-size: 70px;
    margin-top: 57px;
  }
  #section3bookBook img{
    width: 60%;
  }
  #section3bookText{
    margin-top: 30px;
  }
  #section3bookText p{
    font-size: 32px;
    margin-top: 40px;
    text-align: justify;
  }
  #section3bookButton{
    margin: 30px 0px 50px 0px;
  }
}
/* MD */
@media screen and (min-width: 992px) and (orientation:portrait){
  #section3bookBook img{
    width: 90%;
  }
  #section3bookText p{
    font-size: 26px;
    margin-top: 20px;
    text-align: justify;
  }
}
/* LG */
@media screen and (min-width: 1200px) and (orientation:portrait){
}

/********** MEDIA QUERIES LANDSCAPE*********/
/* XS */
@media screen and (min-width: 320px ) and (orientation:landscape) {
  #section3book{
    background-size: cover;
  }
  #section3bookTitle h1{
    font-size: 60px;
    margin-top: 30px;
  }
  #section3bookBook{
    margin-top: 40px;
  }
  #section3bookBook img{
    width: 60%;
  }
  #section3bookText{
    font-size: 26px;
    margin-top: 50px;
  }
  #section3bookText p{
    margin: 0px 50px 30px 50px;
    text-align: justify;
  }
  #section3bookButton i{
    margin: 30px 30px;
  }
}
/* SM */
@media screen and (min-width: 768px) and (orientation:landscape){
}
/* MD */
@media screen and (min-width: 992px) and (orientation:landscape){
  #section3bookTitle h1{
    font-size: 70px;
    margin-top: 85px;
  }
  #section3bookBook img{
    width: 90%;
  }
  #section3bookText p{
    margin: 0px 30px 30px 10px;
  }
}
/* LG */
@media screen and (min-width: 1200px) and (orientation:landscape){
  #section3bookBook img{
    width: 80%;
  }
  #section3bookButton i{
    margin: 80px 0px 80px 0px;
  }
}