.f20{font-size: 20px !important;}
.f25{font-size: 25px !important;}

.module-desc{line-height: 1.2em;min-height:60px;}
.btn-pad-size{font-size: 21px; padding-top: 10px; padding-bottom: 10px;}

.book-frame{border:4px solid white; border-bottom:none; background: rgba(0,0,0,0.15); width:95%;}
.book-inner-frame{border-left:4px solid white; margin-left:10px; padding-top:25px; height:350px;}
.book-title{border-top: 3px solid white; border-bottom: 3px solid white; height:120px;}
.book-shelf{border: 4px solid white; border-radius: 4px;}
.books-bg{height: 354px; background: url(../images/books2.png) no-repeat scroll bottom left / cover; background-position-x: 20px; background-size: 73%;}

.d-table{display: table;width:100%;}
.d-table-cell{display:table-cell; vertical-align: middle;}

.rotulo-wrapper, .rotulo-overlay{display: block;position: relative!important;}
.dosecerta-wrapper, .dosecerta-overlay{display: block;position: relative!important;}

.bg-rotulo{background-image: url(../images/intro-rotulo1-bg.jpg)!important;}
.dosecerta-wrapper, .rotulo-overlay{display: block;}
.bg-dosecerta{background-image: url(../images/intro-dosecerta-bg.jpg)!important;}
.img-min-height-rotulo{min-height: 350px;}

@media (min-width: 414px) and (max-width:568px){
  .book-frame{width: 70%;}
}

@media (max-width: 568px){
  .mx-auto-xs{margin: 0 auto; margin-top: 3em;}
  .book-frame{border-bottom: 4px solid white;}
}

@media (min-width: 600px) and (max-width:670px){
  .f-medium{font-size: 2.5vw!important;}
  .f-small{font-size: 2vw!important;}
}

@media (min-width: 676px) and (max-width:735px){
  .f-medium{font-size: 1.3vw!important;}
  .f-small{font-size: 1.2vw!important;}
}

@media (min-width: 736px) and (max-width:1023px){
  .f-medium{font-size: 2.2vw!important;}
  .f-small{font-size: 1.8vw!important;}
}

@media (max-width: 1080px){
  .book-title{font-size: 20px!important; height: 90px;}
  .books-bg{height: 299px;}
  .book-inner-frame{height: 295px;}
}

@media (min-width: 1024px) and (max-width: 1024px){
  .f-small{font-size: 1.2vw!important;}
}

@media (min-width: 1025px) and (max-width:1280px){
  .book-title{font-size: 25px!important;}
  .f-small{font-size: 1.1vw!important;}
}

@media (min-width: 1081px) and (max-width: 1280px){
  .book-title{height: 100px!important;}
  .books-bg{height: 318px!important;}
  .book-inner-frame{height: 314px!important;}
}

@media (max-width: 1299px){
  .books-bg{background-size: 77%;}
  .f25{font-size: 20px!important;}
  .book-inner-frame{height: 330px!important;}
  .books-bg{height: 334px!important;}

}