@media only screen and (min-width: 768px) {
  header h1 {
    font-size: 2.85rem;
  }
  header h2 {
    font-size: 1.5rem;
  }
  header img {
    height: 100px;
  }

  .medium-6 {
    width: 50%;
  }
  .medium-4 {
    width: 33.3333%;
  }

  /* nav button {display: none;}
  nav ul {display: block;}
  nav li {width: 25%; float: left;} */

  main {
    font-size: 1.2rem;
  }

  .whoamI {
    font-size: 1.2rem;
  }

  /*.officeHours{
  font-size:1.2rem;
 }*/

  .officeHours {
    /* border: 2px solid black;
  padding-left:10px;
  margin-left:10px;
  width:25%;*/
    line-height: 1rem;
    /*  min-width: 200px;
  max-width: 300px;
  /*font-size: 0.8rem;*/
    /*font-weight: bold;
   */
  }

  .myPicture img {
    width: 50%;
    max-width: 400px;
    height: auto;
  }

  .navbar-links {
    /* display: flex; 
    flex-direction: row; */
    /* width: auto; */
  }

  .class-navbar-links {
    /* display: flex; 
    flex-direction: row;*/
    width: auto;
  }

  .navbar-links ul {
    -display: flex;
    -align-items: center;
    -flex-direction: row;
    -width: 100%;
    -display: inline-block;
    -text-align: left;
  }

  .navbar-links li {
    list-style: none;
    text-align: center;
  }

  .navbar-links li a {
    text-decoration: none;
    color: white;
    padding: 1rem;
    display: block;
  }

  .navbar-links li:hover {
    background-color: #555;
  }

  /* .toggle-button {
        display: none;
      }  */

  .class-toggle-button {
    display: flex;
  }

  #classBtn button{
    display: none;
  }

  .course-toggle-button {
    display: none;
  }

  .courses-toggle-button {
    display: none;
  }

  /* HERE */

  .course-list-container {
    /* align-self: center; */
  }

  .course-links {
    display: block;
    width: 100%;
  }

  .courses-links {
    display: block;
    width: 100%;
  }

  /* .navbar-links{
  display:inline-block;
  text-align: left;
}

.navbar-links ul{
  display:block;
} */

  /* .course-navbar{
  -background-color:#333;
  -color:white;
} */

  /* .course-links ul{
  margin:0;
  padding:0;
}  */

  /* .course-links{
  display:flex;
  padding-bottom: 20px;
 }  */

  /* .course-links li{
  list-style-type:none; 
} */

  /* .course-links li a{
  text-decoration: none;
  color:white;
  padding: .5rem 1rem;
  display:block;
} */

  /* .course-links ul{
  width:100%;
  display:flex;
  flex-direction: row;
  list-style-type: none;
} */

  /* .course-links li:hover{
  background-color:#555;
} */

  /* div.navbar-links-container {
  text-align: center;
}

ul.myUL {
  display: inline-block;
  text-align: left;
} */

  /* div.navbar-links-container {
  text-align: center;
}

div.navbar-links ul {
  display: inline-block;
  text-align: left;
} */

  /* .justify-container{
  max-width: 1100px; /* Set a maximum width
  margin:0 auto;    /* Center horizontally 
  text-align:justify;
  padding-right: min(20px, 5%);
  padding-left: min(20px, 5%); 
} */

  .lect-sched table {
    /* width: 50%; */
    max-width: 1000px;
  }


  button#classBtn{
  display:none;
}


/* .navbar-links{
  display: flex;  
  width:100%;
 }  */

 /* .navbar-links.active{
  display:flex;
  /* height:auto; 
         } */

.navbar-links li{
  list-style:none; 
  text-align: center;
}

.navbar-links li a{
  text-decoration: none;
  color: #F0EFEB;
  padding: .5rem 1rem;
  display:block;
}

.navbar-links ul{
  width:100%;
  flex-direction: column;
}

.navbar-links li:hover{
  background-color:#555;
}

} /* end of media query */