/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.nav-link{
    color: black !important;
}

.nav-link:hover{
    border-bottom: 1px solid;
}

.blog-info a{
  color: black;
  font-weight: 700;
  font-size: larger;
}

.blog-info a:hover{
  text-decoration: underline;
}

.blog-date{
  margin-top: 3em;
  border: 1px solid #00000029;
  width: fit-content;
  padding: 8px;
  border-radius: 7em;
}

.badge {
  margin-bottom: 3px;
}

.page-intro {
  margin: 3rem;
  padding: 30px 0 70px 0;
}

.btn-pad {
  padding-left: 20px;
  padding-right: 20px;
}

.intro-text {
  font-size: 4.5em;
}

.br-10 {
  border-radius: 10px;
}

.h-35 {
  height: 35% !important;
}

.sections {
  padding: 40px 0 40px 0;
}

.institutions-img {
  height: 180px;
}

.course {
  border: 1px solid black;
}

.number-circle {
  border: 1px solid black;
  padding: 5px 15px 5px 15px;
}

.get-started {
  padding: 120px 0 120px 0;
}

.width-50{
    width: 50%;
}

.no-hassel{
    padding: 120px 100px 120px 100px;
}

.blog-section{
  padding: 0 6em 0 6em;
}

.footer-img{
  height: 50px; 
  width: 100%;
}

@media (max-width: 932px) {
  .page-intro {
    margin: 1px;
    margin-top: 20px;
    padding: 0px;
  }

  .intro-text {
    font-size: 2.8em;
  }

  .sections {
    padding: 0px;
  }

  .institutions-img {
    height: 200px;
  }

  .get-started {
  padding: 120px 0 120px 0;
}

  .width-50{
    width: 100%;
}

.blog-date{
  margin-top: 2em;
}

.blog-reverse{
  flex-direction: column-reverse;
}

.blog-section{
  padding: 0 2em 0 2em;
}

.footer-img{
  height: 25px;
  width: 35%;
}

.mobile-w100{
  width: 100%;
}


}

.js-reveal {
  opacity: 1;
  transition: opacity 0.7s ease-in, margin-top 0.7s ease-out;
}

.js-reveal--hidden {
  opacity: 0;
  margin-top: 3em;
}