.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/******************************************************************************/
/******************************************************************************/
/* portfolio tinkering */
/* add on-palm to be consistent with other jekyll theme media queries */
.instructors {
  padding: 0 0 0 1%;
}

.instructor-profile-three-col, .instructor-profile-two-col, .instructor-profile-flex-col {
  display: flex;
  align-items: center;
  height: 210px;
}
.instructor-profile-three-col img, .instructor-profile-two-col img, .instructor-profile-flex-col img {
  border-radius: 50%;
  float: left;
  object-fit: cover;
  height: 100px;
  width: 100px;
  margin-right: 10px;
}
.instructor-profile-three-col ul.instructor-info, .instructor-profile-two-col ul.instructor-info, .instructor-profile-flex-col ul.instructor-info {
  display: block;
  float: left;
  list-style-type: none;
  padding-left: 0;
  width: 65%;
  width: -webkit-calc($content-width - 130px);
  width: 770px;
}
.instructor-profile-three-col ul.instructor-info a, .instructor-profile-two-col ul.instructor-info a, .instructor-profile-flex-col ul.instructor-info a {
  color: #2698BA;
}
.instructor-profile-three-col ul.instructor-info a:hover, .instructor-profile-two-col ul.instructor-info a:hover, .instructor-profile-flex-col ul.instructor-info a:hover {
  text-decoration: underline;
}
.instructor-profile-three-col ul.instructor-info span, .instructor-profile-two-col ul.instructor-info span, .instructor-profile-flex-col ul.instructor-info span {
  font-weight: 400;
}
.instructor-profile-three-col ul.instructor-info li::before, .instructor-profile-two-col ul.instructor-info li::before, .instructor-profile-flex-col ul.instructor-info li::before {
  content: "";
}

@media screen and (max-width: 480px) and (min-width: 0px) {
  .instructor-profile-flex-col {
    width: 100%;
  }
}
@media screen and (max-width: 960px) and (min-width: 480px) {
  .instructor-profile-flex-col {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .instructor-profile-flex-col {
    width: 33%;
  }
}

.instructor-profile-two-col {
  width: 50%;
}

.instructor-profile-three-col {
  width: 33%;
}

.repo-profile img {
  border-radius: 50%;
  float: left;
  object-fit: cover;
  height: 100px;
  width: 100px;
  margin-right: 10px;
}
.repo-profile h3 {
  margin-bottom: 10px;
}
.repo-profile ul.repo-info {
  display: block;
  float: left;
  list-style-type: none;
  padding-left: 0;
  width: 65%;
  width: -webkit-calc($content-width - 130px);
  width: 770px;
}

/*# sourceMappingURL=main.css.map */