@media only screen and (min-width: 412px) {
    
    .topbar .resize{
        gap: 30px;
      }

      section.about h4{
        font-size: 30px;
      }

      section.about h2{
        font-size: 40px;
      }

      section.overview .nav-pills .nav-link {
        border: 1px solid #08505B;
        color: #000;
        padding: 10px 5px;
        margin: 6px;
    }
  
    
}
@media only screen and (min-width: 768px) {
  .course_card .card{
    height: 190px;
  } 
}

      
@media only screen and (min-width: 992px) {
  
    section.student .notice_card .fs-1{
     font-size: 22px !important;
    }
    section.student .upcoming_card .fs-1{
     font-size: 22px !important;
    }
    section.curricular h2{
        font-size: 22px;
      } 
      section.curricular .item .card{
        height: 440px;
      } 

      section.feedback{
        overflow: hidden;
        height: 100vh;
       }

       section.overview .nav-pills .nav-link {
        padding: 10px 20px;
    }

    .course_card .card{
      height: 190px;
    
    }
    
    


       
}
      
@media only screen and (min-width: 1100px) {
    section.student .notice_card{
        flex-wrap: nowrap;
        gap: 20px;
        padding: 10px;
    }
    section.student .notice_card .fs-1{
     font-size: 28px !important;
    }
    section.student .upcoming_card .fs-1{
     font-size: 28px !important;
    }

  section.curricular h2{
    font-size: 22px;
    margin-bottom: 6px;
  } 

  .padding{
    padding: 80px 0;
  }

  section.feedback .nav-tabs .nav-link{
    font-size: 14px;
  }

  
  section.overview .nav-pills .nav-link {
    padding: 10px 20px;
}

section.overview .nav-pills {
  justify-content: space-between;
}

.course_card .card{
  height: 180px;

}


}