/* .container{
  margin-top:2rem;
  border:none; 
   max-width: 100%; 
} */

.home-content-area{
 
  background-color: inherit;
  min-height: 365px;
  border-radius: 10px;
  text-align: left;
}

.circles-tips{
  /* background-color:#fff; */
  width:6rem;  
  height:6rem;
  margin: 0;
}
.tip1_blue{
  color:#009cde;

}
.tip2_purple{
  color:#6362a2;

}
.tip3_green{
  color:#529d39;

}

.titles-cards{
  font-size: 1.5rem;
  font-weight: bold;
  margin: 10px auto 10px auto;
  }
  .titles-cards2{
    font-size: 1.5rem;
    font-weight: normal;
    margin: 10px auto 10px auto;
    }

.area-get-book{
  margin-bottom: 1rem;
  /* background-color:rgba(242, 242, 242, 1); */
  border-radius: 6px;
  background-color:unset;
}
.area-get-book-titles{
  font-size: 1.2rem;
  margin: 0;

}
.area-button,.area-button:focus,.area-button:hover,.area-button:active{
  background: #0905f7;
  transition: background-color 0.3s;
  padding: .8em 1em;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  display: inline-block;
  border-radius: 2em;
}
.paragraph-spacer{
  min-height: 110px;
}
.area-button:focus,
.area-button:hover {
  background: #0905f7;
  text-decoration:none;
  color:#FFFF80;
}
.area-button:active {
  color: #fff;
  text-decoration:none;

}
.area-button-green,.area-button-green:focus,.area-button-green:hover,.area-button-green:active{
  color:#fff;
  background-color: #529d39;

}
.area-button-blue,.area-button-blue:focus,.area-button-blue:hover,.area-button-blue:active{
  color:#fff;
  background-color: #009cde;

}
.area-home-block-image{
  background-color: #fff;
  background-image: url(/assets/images/acessibleBooks.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  /* background-size: cover; */
  -moz-background-size: cover;
  border-radius: 6px;
  min-height: 10rem;
  border: .1em solid #fff;
  margin: 1em;
}


.t-margin{
  margin-left:20px;
}
.wh_c{
  color:#fff;
}
fieldset{
  border:none;
  margin: 0;
  padding: 0;
}
.title-box-track{
  margin-bottom: 0;
  margin-left: 16px;
}
/* .paragraph-box-track{
  width: 50%;
} */
.field-box-track{
  width: 50%;
  border-radius: 0;
}
legend{
 
  padding: 0 .5em 0 0em;
}
/*media querys::devices*/

@media screen and (min-width: 0px) and (max-width: 768px) {
  .title-center{
    font-size: 2rem;
    margin: 1rem auto 1rem;
  }
  .grid-home-s2{
    flex-direction: column;
  }
  .u-1of4{
    width: 100% !important;
    }
    .area-get-book{
      text-align: center;
    }
    .inputAddOn {
      flex-direction: column;
  }
  .inputAddOn-item {
    margin-top: 1rem;
}

.titles-cards{
  text-align: center;
}
.circles-tips{
  
  width:unset; 
  height:unset;
  margin: 0;
  text-align: center;
}
.home-content-area {
  background-color: inherit;
  min-height: unset;
  border-radius: 10px;
  text-align: left;
}
.section-bg-dual-color{
  background: unset;
}
.circle-tips-2{
  text-align:left;
}
.paragraph-spacer{
  min-height: unset;
}
.wh_c{
  text-align: center !important;
  background-color: #535288;
  margin-left: .6em;
}
.paragraph-box-track{
  width: unset;
}

}


@media screen and (min-width: 768px) and (max-width: 1120px) {
  .grid-home-s2{
    flex-direction: column;
  }
  .u-1of4{
    width: 100% !important;
    }
    /* .area-get-book{
      text-align: center;
    } */
    .inputAddOn {
      flex-direction: column;
  }
  .inputAddOn-item {
    margin-top: 1rem;
}
.titles-cards{
  text-align: center;
}
.circles-tips{
  
  width:unset; 
  height:unset;
  margin: 0;
  text-align: center;
}
.circle-tips-2{
  text-align:left;
}
.paragraph-spacer{
  min-height: unset;
}
.home-content-area {
  background-color: inherit;
  min-height: unset;
  border-radius: 10px;
  text-align: left;
}

.section-bg-dual-color{
  background: unset;
}
.wh_c{
  
  background-color: #535288;
}
.paragraph-box-track{
  width: unset;
}

}