/* ---- Baseline Media ---- */
.card {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     width: 800px;
     height: 430px;
     border-radius: 5px;
     padding: 60px;
     background-color: white;
     top:0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size:0.8em;
 }

 .profpic {
  float: right;
 }
 .profpicSmall {
  float: right;
  display: none;
 }
 .profpicTiny {
  margin-bottom: 5px;
  float: center;
  display: none;
 }

 .tinyMode {
  display: none;
 }

 @font-face {
     font-family: 'Vollkorn';
     src: url('fonts/Vollkorn/Vollkorn-Regular.ttf'); /*URL to font*/
 }

 .mainTitles {
   font-family: Vollkorn;
   font-size: 300%;
   color: #1D2731;
   line-height: 50px;
   text-align:left;
   margin-bottom: 10px;
 }

  .subtitles {
      color: grey;
      font-size:1em;
      line-height: 25px;
      text-align:left;
      margin-top: 0px;
      margin-bottom: 0px;
  }

  .acadIcons {
      font-size: 25px;
      letter-spacing: 15px;
      text-decoration: none;
      color: #1D2731;
      vertical-align: middle;
      border-bottom: none;
      text-align:left;
  }
  .goLeft {
      text-align:left;
  }

  .acadIconsFoot {
      font-size: 40px;
      letter-spacing: 20px;
      text-decoration: none;
      color: #FFFFFF;
      vertical-align: middle;
      border-bottom: none;
  }

  .goLeftInterests {
      text-align:left;
  }

  .interests {
    line-height: 0px;
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom: 0px;
    text-align:left;
    width: 60%;
  }

  /* Button */
  .button1 {
  background-color: white;
  border: 0.5px solid #1D2731;
  border-bottom-color: #1D2731;
  border-radius: 8px;
  color: #1D2731;
  padding: 5px 32px;
  margin-top: 20px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.button1:hover {
background-color: rgba(222, 222, 222, 0.25);
}

.Publications {
  text-align: left;
}

/* ---- Bigger Media ---- */
  @media screen and (max-width: 1680px) {
    .card {
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
         width: 800px;
         height: 430px;
         border-radius: 5px;
         padding: 60px;
         background-color: white;
         top:0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         font-size:0.8em;
     }

     .profpicSmall {
      display: none;
     }
     .profpicTiny {
      display: none;
     }
     .tinyMode {
      display: none;
     }

     @font-face {
         font-family: 'Vollkorn';
         src: url('fonts/Vollkorn/Vollkorn-Regular.ttf'); /*URL to font*/
     }

     .mainTitles {
       font-family: Vollkorn;
       font-size: 300%;
       color: #1D2731;
       line-height: 50px;
       text-align:left;
       margin-bottom: 10px;
     }

      .subtitles {
          color: grey;
          font-size:1em;
          line-height: 25px;
          text-align:left;
          margin-top: 0px;
          margin-bottom: 0px;
      }

      .acadIcons {
          font-size: 25px;
          letter-spacing: 15px;
          text-decoration: none;
          color: #1D2731;
          vertical-align: middle;
          border-bottom: none;
          text-align:left;
      }
      .goLeft {
          text-align:left;
      }

      .acadIconsFoot {
          font-size: 40px;
          letter-spacing: 20px;
          text-decoration: none;
          color: #FFFFFF;
          vertical-align: middle;
          border-bottom: none;
      }

      .goLeftInterests {
          text-align:left;
      }

      .interests {
        line-height: 0px;
        margin-top: 0px;
        margin-left: 15px;
        margin-bottom: 0px;
        text-align:left;
      }

      /* Button */
      .button1 {
      background-color: white;
      border: 0.5px solid #1D2731;
      border-bottom-color: #1D2731;
      border-radius: 8px;
      color: #1D2731;
      padding: 5px 32px;
      margin-top: 10px;
      vertical-align: middle;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
    }

    .button1:hover {
    background-color: rgba(222, 222, 222, 0.25);
    color:#1D2731;
    }

  }

/* ---- Smaller Media (1280px) ---- */
  @media screen and (max-width: 1280px) {
    .card {
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
         width: 600px;
         height: 390px;
         border-radius: 5px;
         padding: 60px;
         background-color: white;
         top:0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         font-size:0.8em;
     }

     .profpic {
      display: none;
     }
     .profpicSmall {
      float: right;
      display: inline-block;
     }
     .profpicTiny {
      display: none;
     }
     .tinyMode {
      display: none;
     }

     @font-face {
         font-family: 'Vollkorn';
         src: url('fonts/Vollkorn/Vollkorn-Regular.ttf'); /*URL to font*/
     }

     .mainTitles {
       font-family: Vollkorn;
       font-size: 300%;
       color: #1D2731;
       line-height: 50px;
       text-align:left;
       margin-top: 0px;
       margin-bottom: 10px;
     }

      .subtitles {
          color: grey;
          font-size:1em;
          line-height: 25px;
          text-align:left;
          margin-top: 0px;
          margin-bottom: 0px;
      }

      .acadIcons {
          font-size: 25px;
          letter-spacing: 15px;
          text-decoration: none;
          color: #1D2731;
          vertical-align: middle;
          border-bottom: none;
          text-align:left;
      }
      .goLeft {
          text-align:left;
      }

      .acadIconsFoot {
          font-size: 40px;
          letter-spacing: 20px;
          text-decoration: none;
          color: #FFFFFF;
          vertical-align: middle;
          border-bottom: none;
      }

      .goLeftInterests {
          text-align:left;
      }

      .interests {
        line-height: 0px;
        margin-top: 0px;
        margin-left: 15px;
        margin-bottom: 0px;
        text-align:left;
        width: 90%;
      }
      /* Button */
      .button1 {
      background-color: white;
      border: 0.5px solid #1D2731;
      border-bottom-color: #1D2731;
      border-radius: 8px;
      color: #1D2731;
      padding: 5px 32px;
      margin-top: 13px;
      vertical-align: middle;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
    }

    .button1:hover {
    background-color: rgba(222, 222, 222, 0.25);
    color:#1D2731;
    }
  }

/* ---- Smaller Media (980px) ---- */
    @media screen and (max-width: 980px) {
      .card {
           box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
           width: 600px;
           height: 400px;
           border-radius: 5px;
           padding: 60px;
           background-color: white;
           top:0;
           bottom: 0;
           left: 0;
           right: 0;
           margin: auto;
           font-size:0.8em;
       }
       .profpic{
        display: none;
       }
       .profpicTiny {
        display: none;
       }
       .tinyMode {
        display: none;
       }

       @font-face {
           font-family: 'Vollkorn';
           src: url('fonts/Vollkorn/Vollkorn-Regular.ttf'); /*URL to font*/
       }

       .mainTitles {
         font-family: Vollkorn;
         font-size: 300%;
         color: #1D2731;
         line-height: 50px;
         text-align:left;
         margin-top: 0px;
         margin-bottom: 10px;
       }

        .subtitles {
            color: grey;
            font-size:1em;
            line-height: 25px;
            text-align:left;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .acadIcons {
            font-size: 25px;
            letter-spacing: 15px;
            text-decoration: none;
            color: #1D2731;
            vertical-align: middle;
            border-bottom: none;
            text-align:left;
        }
        .goLeft {
            text-align:left;
        }

        .acadIconsFoot {
            font-size: 40px;
            letter-spacing: 20px;
            text-decoration: none;
            color: #FFFFFF;
            vertical-align: middle;
            border-bottom: none;
        }

        .goLeftInterests {
            text-align:left;
        }

        .interests {
          line-height: 0px;
          margin-top: 0px;
          margin-left: 15px;
          margin-bottom: 0px;
          text-align:left;
          width: 90%;
        }
    }


/* ---- Very Small Media (700px) ---- */
    @media screen and (max-width: 700px) {
      .card {
           box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
           width: 380px;
           height: 430px;
           border-radius: 5px;
           padding: 40px;
           background-color: white;
           top:0;
           bottom: 0;
           left: 0;
           right: 0;
           margin: auto;
           font-size:0.8em;
       }

       .profpic {
        display: none;
       }
       .profpicSmall {
        display: none;
       }

       .profpicTiny {
        display: block;
        text-align: center;
        margin:0px; padding:0px
       }

       .tinyMode {
        display: block;
       }

       @font-face {
           font-family: 'Vollkorn';
           src: url('fonts/Vollkorn/Vollkorn-Regular.ttf'); /*URL to font*/
       }

       .mainTitles {
         font-family: Vollkorn;
         font-size: 300%;
         color: #1D2731;
         line-height: 50px;
         text-align:center;
         margin-bottom: 10px;
       }

        .subtitles {
            color: grey;
            font-size:1em;
            line-height: 25px;
            text-align:center;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .acadIcons {
            font-size: 25px;
            letter-spacing: 15px;
            text-decoration: none;
            color: #1D2731;
            vertical-align: middle;
            border-bottom: none;
            text-align:center;
        }
        .goLeft {
            text-align:center;
        }

        .acadIconsFoot {
            font-size: 40px;
            letter-spacing: 20px;
            text-decoration: none;
            color: #FFFFFF;
            vertical-align: middle;
            border-bottom: none;
        }

        .goLeftInterests {
            text-align:left;
        }
        .interests {
          line-height: 0px;
          margin-top: 0px;
          margin-left: 10px;
          margin-bottom: 0px;
          text-align:left;
          width: 100%;
          font-size: 10px;
        }
        /* Button */
        .button1 {
        background-color: white;
        border: 0.5px solid #1D2731;
        border-bottom-color: #1D2731;
        border-radius: 8px;
        color: #1D2731;
        padding: 5px 32px;
        margin-top: 9px;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
      }

      .button1:hover {
      background-color: rgba(222, 222, 222, 0.25);
      }
    }

/* ---- Tiny Media (500px) ---- */
  @media screen and (max-width: 500px) {
    .card {
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
         width: 320px;
         height: 440px;
         border-radius: 5px;
         padding: 40px;
         background-color: white;
         top:0;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
         font-size:0.8em;
     }

     .profpic {
      display: none;
     }
     .profpicSmall {
      display: none;
     }

     .profpicTiny {
      display: block;
      text-align: center;
      margin:0px; padding:0px
     }

     .tinyMode {
      display: block;
      line-height: 0px;
     }

     @font-face {
         font-family: 'Vollkorn';
         src: url('fonts/Vollkorn/Vollkorn-Regular.ttf'); /*URL to font*/
     }

     .mainTitles {
       font-family: Vollkorn;
       font-size: 300%;
       color: #1D2731;
       line-height: 50px;
       text-align:center;
       margin-bottom: 10px;
     }

      .subtitles {
          color: grey;
          font-size:1em;
          line-height: 25px;
          text-align:center;
          margin:0px; padding:0px
      }

      .acadIcons {
          font-size: 25px;
          letter-spacing: 15px;
          text-decoration: none;
          color: #1D2731;
          vertical-align: middle;
          border-bottom: none;
          text-align:center;
      }
      .goLeft {
          text-align:center;
      }

      .acadIconsFoot {
          font-size: 40px;
          letter-spacing: 20px;
          text-decoration: none;
          color: #FFFFFF;
          vertical-align: middle;
          border-bottom: none;
      }

      .goLeftInterests {
          text-align:left;
      }
      .interests {
        line-height: 0px;
        margin-top: 0px;
        margin-left: 10px;
        margin-bottom: 0px;
        text-align:left;
        width: 100%;
        font-size: 10px;
      }
      /* Button */
      .button1 {
      background-color: white;
      border: 0.5px solid #1D2731;
      border-bottom-color: #1D2731;
      border-radius: 8px;
      color: #1D2731;
      padding: 5px 32px;
      margin-top: 9px;
      vertical-align: middle;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 12px;
    }

    .button1:hover {
    background-color: rgba(222, 222, 222, 0.25);
    color:#1D2731;
    }

  }

footer {
  color: white;
}


/*  body {
    font-family: Georgia;
}