/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
#section-teachers-loop {
  background-color: #1C3F85;
  border-bottom: 2px solid #fff; }
  #section-teachers-loop #teachers {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    position: relative; }
    #section-teachers-loop #teachers > div, #section-teachers-loop #teachers article {
      margin-left: 20px;
      margin-top: 20px; }
      @media (min-width: 768px) {
        #section-teachers-loop #teachers > div, #section-teachers-loop #teachers article {
          flex: 1 0 auto; } }
      @media (min-width: 440px) {
        #section-teachers-loop #teachers > div, #section-teachers-loop #teachers article {
          max-width: calc(50% - 20px); } }
      @media (min-width: 660px) {
        #section-teachers-loop #teachers > div, #section-teachers-loop #teachers article {
          max-width: calc(33.33333% - 20px); } }
      @media (min-width: 880px) {
        #section-teachers-loop #teachers > div, #section-teachers-loop #teachers article {
          max-width: calc(25% - 20px); } }
      @media (min-width: 800px) {
        #section-teachers-loop #teachers > div, #section-teachers-loop #teachers article {
          min-width: calc(25% - 20px); } }
  #section-teachers-loop #teachers {
    margin-top: -20px; }
    @media (max-width: 767px) {
      #section-teachers-loop #teachers {
        width: 100%;
        margin-left: 0; } }
    #section-teachers-loop #teachers a {
      display: block;
      text-decoration: none;
      padding: .75em; }
      @media (min-width: 768px) {
        #section-teachers-loop #teachers a {
          padding: 1.5em; } }
    #section-teachers-loop #teachers .teacher {
      text-align: center; }
      @media (max-width: 767px) {
        #section-teachers-loop #teachers .teacher {
          max-width: calc(50% - 10px); }
          #section-teachers-loop #teachers .teacher:nth-child(odd) {
            margin-left: 0; } }
      #section-teachers-loop #teachers .teacher h2 {
        margin-bottom: 0;
        color: #fff; }
      #section-teachers-loop #teachers .teacher p {
        margin: 0;
        color: #fff;
        font-weight: 400;
        padding-bottom: .25em; }
        @media (max-width: 767px) {
          #section-teachers-loop #teachers .teacher p {
            line-height: 15px; } }
      #section-teachers-loop #teachers .teacher .thumb {
        padding-top: 100%;
        width: 100%;
        margin: auto;
        border-radius: 50%;
        background-position: center;
        background-size: cover; }

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