@media (max-width:1280px){

    /*_^_^_ " general " _^_^_*/

    .section-title {
      font-size: 3.2rem;
      margin-bottom: 2.5rem;
      word-spacing: 0.3rem;
  }
}

/*_^_^_^_^_^_^_^_^_^_^_^_^_ " 1000 " _^_^_^_^_^_^_^_^_^_^_^_^_*/

@media (max-width:1000px){
    
    /*_^_^_ " nav " _^_^_*/

    .navbar-custom {
        height: auto;
    }
    .navbar-brand img {
        height: 50px;
        margin-left: 1.5rem;
    }

    /*_^_^_ " general " _^_^_*/

    .section-title {
        font-size: 3.5rem;
    }

}

/*_^_^_^_^_^_^_^_^_^_^_^_^_ " 777 " _^_^_^_^_^_^_^_^_^_^_^_^_*/

@media (max-width: 777px) {

  .card-container {
    flex-direction: column;
    align-items: center;
  }

  /*_^_^_ " footer " _^_^_*/

  .footer {
      text-align: center;
  }

  .social-media {
      justify-content: center;
  }

  /*_^_^_ " courses " _^_^_*/

  .course-container { 
    flex-direction: column;
    align-items: center;
  }
  
}

/*_^_^_^_^_^_^_^_^_^_^_^_^_ " 575 " _^_^_^_^_^_^_^_^_^_^_^_^_*/

@media (max-width: 575px) {

  /*_^_^_ " general " _^_^_*/
  .section-title {
      font-size: 2.5rem;
      margin-bottom: 2rem;
  }
  /*_^_^_ " books " _^_^_*/
  .book-card {
    flex-direction: column;
  }
  .book-cover {
      width: 100%;
      height: 100%;
  }

}

/*_^_^_^_^_^_^_^_^_^_^_^_^_ " 425 " _^_^_^_^_^_^_^_^_^_^_^_^_*/

@media (max-width: 425px) {

  /*_^_^_ " general " _^_^_*/

  .card {
    width: auto;
    max-width: 100%;
    margin: 0 1rem 1rem;
  }

  .card-img-top {
    height: auto;
    max-height: 200px;
  }

  .card-body {
    padding: 0.75rem;
  }

  .card-title {
    font-size: 1.2rem;
  }

  .card-text {
    font-size: 0.9rem;
  }

  .btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.9rem;
  }

  /*_^_^_ " courses " _^_^_*/

  .course-card {
    max-width: 100%;
    margin: 0;
  }

  .course-image {
    height: auto;
    max-height: 200px;
  }

  .course-image-container {
    height: fit-content;
    overflow: hidden;
  }

  .course-content {
    padding: 0.75rem;
  }

}