* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
  }

body {
  position: relative;
  margin: 2%;
}

/* loader beginning  */
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* end of loader */

h1 {
  position: absolute;
  color: black;
  font-size: 90px;
  text-align: center;
  left: 300px;
  top: 400px;
}

h3 {
  font-size: 30px;
}

  /* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 15%;
    height: 500px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: 40px;
  }
  

  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #524f4f;
    color: white;

  }
  
  /* Create an active/current "tab button" class */
  .tab button.active {
    background-color: #858181;
    color: white;
  }
  
  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 85%;
    border-left: none;
    height: 500px;
    background-color: rgb(151, 148, 144);
  }

  #beginningcliffimage {
    width: 30%;
    height: 70%;
  }
  
  #dihedralsimage {
    width: 30%;
    height: 70%;
  }
  
  #glaicerrepelsimage {
    width: 20%;
    height: 70%; 
  }

  .backgroundpicture {
    width: 100%;
  }


  #backpackingtripspic {
    height: 390px;
  }

  #mtjeffersonpic {
    height: 400px;
  }

  #threefingerjackpic {
    height: 400px;
  }

  #mtwashingtonpic {
    height: 400px;
  }

  #northandmiddlesisterpic {
    height: 400px;
  }

  #southsisterpic {
    height: 400px;
  }

  #glaicerrepels {
  width: auto;
  }

  .copyright {
    background-color: black;
    color: white;
  }
  
 
  @media screen and (max-width: 1700px){

    h1 {
      position: absolute;
      color: black;
      font-size: 90px;
      text-align: center;
      left: 110px;
      top: 270px;
    }

    h3 {
      font-size: 25px;
    }

    #mtjeffersonpic {
      height: 380px;
    }

    #threefingerjackpic {
      height: 390px;
    }

    #mtwashingtonpic {
      height: 390px;
    }

    #northandmiddlesisterpic {
      height: 390px;
    }

    #southsisterpic {
      height: 390px;
    }
  }

  @media screen and (max-width: 1280px){

    h1 {
      position: absolute;
      color: black;
      font-size: 80px;
      text-align: center;
      left: 65px;
      top: 350px;
    }

    /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: 45px;
  }

  #glaicerrepelsimage {
    height: 300px; 
  }

  #threefingerjackpic {
    height: 380px;
  }

  #mtwashingtonpic {
    height: 380px;
  }

  }

  @media screen and (max-width: 1024px){
    
    h1 {
      position: absolute;
      color: black;
      font-size: 70px;
      text-align: center;
      left: 10px;
      top: 350px;
    }

    #beginningcliffimage {
      height: 220px;
    }

    #dihedralsimage {
      height: 250px;
    }

    #glaicerrepelsimage {
      height: 250px;
    }

    #mtjeffersonpic {
      height: 370px;
    }
  
    #threefingerjackpic {
      height: 370px;
    }
  
    #mtwashingtonpic {
      height: 370px;
    }
  
    #northandmiddlesisterpic {
      height: 370px;
    }
  
    #southsisterpic {
      height: 370px;
    }

  }

  @media screen and (max-width: 912px){

    h1 {
      position: absolute;
      color: black;
      font-size: 60px;
      text-align: center;
      left: 25px;
      top: 300px;
    }
   
    h3 {
      font-size: 20px;
    }

    /* Style the buttons that are used to open the tab content */
  .tab button {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
  }

    #glaicerrepelsimage {
      height: 200px;
    }

    #mtjeffersonpic {
      height: 340px;
    }
  
    #threefingerjackpic {
      height: 340px;
    }
  
    #mtwashingtonpic {
      height: 340px;
    }
  
    #northandmiddlesisterpic {
      height: 340px;
    }
  
    #southsisterpic {
      height: 340px;
    }
  }

  @media screen and (max-width: 820px){

    h1 {
      position: absolute;
      color: black;
      font-size: 50px;
      text-align: center;
      left: 50px;
      top: 270px;
    }

    h3 {
      font-size: 20px;
    }
   
    /* Style the buttons that are used to open the tab content */
    .tab button {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
    }

    #beginningcliffimage {
      width: 220;
    }

    #dihedralsimage {
      height: 230px;
    }

    #glaicerrepelsimage {
      height: 200px;
    }

    #mtjeffersonpic {
      height: 330px;
    }
  
    #threefingerjackpic {
      height: 340px;
    }
  
    #mtwashingtonpic {
      height: 340px;
    }
  
    #northandmiddlesisterpic {
      height: 340px;
    }
  
    #southsisterpic {
      height: 340px;
    }
  }

  @media screen and (max-width: 800px){

    h1 {
      position: absolute;
      color: black;
      font-size: 50px;
      text-align: center;
      left: 40px;
      top: 250px;
    }
   
    h3 {
      font-size: 20px;
    }

    /* Style the buttons that are used to open the tab content */
    .tab button {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      font-size: 11px;
    }

    p {
      font-size: 11px;
    }

    #glaicerrepelsimage {
      height: 200px;
    }

    #mtjeffersonpic {
      height: 320px;
    }
  
    #threefingerjackpic {
      height: 320px;
    }
  
    #mtwashingtonpic {
      height: 320px;
    }
  
    #northandmiddlesisterpic {
      height: 320px;
    }
  
    #southsisterpic {
      height: 320px;
    }

    .copyright {
      font-size:  11px;
  }
  }
  
  @media screen and (max-width: 768px){

    h1 {
      position: absolute;
      color: black;
      font-size: 50px;
      text-align: center;
      left: 25px;
      top: 250px;
    }
   
    h3 {
      font-size: 20px;
    }

    /* Style the buttons that are used to open the tab content */
    .tab button {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      font-size: 11px;
    }

    p {
      font-size: 11px;
    }

    #dihedralsimage {
      height: 210px;
    }

    #glaicerrepelsimage {
      height: 200px;
    }

    #mtjeffersonpic {
      height: 320px;
    }
  
    #threefingerjackpic {
      height: 320px;
    }
  
    #mtwashingtonpic {
      height: 320px;
    }
  
    #northandmiddlesisterpic {
      height: 320px;
    }
  
    #southsisterpic {
      height: 320px;
    }
  }

  @media screen and (max-width: 712px){

    h1 {
      position: absolute;
      color: black;
      font-size: 45px;
      text-align: center;
      left: 30px;
      top: 235px;
    }

    h3 {
      font-size: 20px; 
    }

    #beginningcliffimage {
      height: 180px;
    }

    #dihedralsimage {
      height: 180px;
    }

    #glaicerrepelsimage {
      height: 185px;
    }

    #mtjeffersonpic {
      height: 320px;
    }
  
    #threefingerjackpic {
      height: 320px;
    }
  
    #mtwashingtonpic {
      height: 320px;
    }
  
    #northandmiddlesisterpic {
      height: 320px;
    }
  
    #southsisterpic {
      height: 320px;
    }

  }

  @media screen and (max-width: 640px){

    h1 {
      position: absolute;
      color: black;
      font-size: 40px;
      text-align: center;
      left: 30px;
      top: 200px;
    }

    h3 {
      font-size: 17px; 
    }

    #beginningcliffimage {
      height: 140px;
    }

    #dihedralsimage {
      height: 140px;
    }

    #glaicerrepelsimage {
      height: 135px;
    }

    #mtjeffersonpic {
      height: 300px;
    }
  
    #threefingerjackpic {
      height: 320px;
    }
  
    #mtwashingtonpic {
      height: 320px;
    }
  
    #northandmiddlesisterpic {
      height: 280px;
    }
  
    #southsisterpic {
      height: 320px;
    }
  }

  @media screen and (max-width: 600px){

    h1 {
      position: absolute;
      color: black;
      font-size: 40px;
      text-align: center;
      left: 15px;
      top: 190px;
    }

    h3 {
      font-size: 17px; 
    }

  }

  @media screen and (max-width: 540px){

    h1 {
      position: absolute;
      color: black;
      font-size: 35px;
      text-align: center;
      left: 20px;
      top: 170px;
    }

    h3 {
      font-size: 17px; 
    }

    /* Style the tab */
    .tab {
      float: left;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      width: 30%;
      height: 500px;
    }
    /* Style the buttons that are used to open the tab content */
    .tab button {
      display: block;
      background-color: inherit;
      color: black;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      margin: 0px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      height: auto;
    }

    /* Style the tab content */
    .tabcontent {
      float: left;
      padding: 0px 12px;
      border: 1px solid #ccc;
      width: 70%;
      border-left: none;
      height: 500px;
      background-color: rgb(151, 148, 144);
    }

    #beginningcliffimage {
      height: 100px;
    }

    #dihedralsimage {
      height: 100px;
    }

    #glaicerrepelsimage {
      height: 100px;
    }

    #mtjeffersonpic {
      height: 200px;
    }
  
    #threefingerjackpic {
      height: 240px;
    }
  
    #mtwashingtonpic {
      height: 240px;
    }
  
    #northandmiddlesisterpic {
      height: 210px;
    }
  
    #southsisterpic {
      height: 240px;
    }
  }

  @media screen and (max-width: 480px){

    h1 {
      position: absolute;
      color: black;
      font-size: 30px;
      text-align: center;
      left: 25px;
      top: 155px;
    }

    h3 {
      font-size: 17px; 
    }

    /* Style the tab */
    .tab {
      float: left;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      width: 30%;
      height: 500px;
    }
    /* Style the buttons that are used to open the tab content */
    .tab button {
      display: block;
      background-color: inherit;
      color: black;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      margin: 0px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      height: auto;
    }

    /* Style the tab content */
    .tabcontent {
      float: left;
      padding: 0px 12px;
      border: 1px solid #ccc;
      width: 70%;
      border-left: none;
      height: 500px;
      background-color: rgb(151, 148, 144);
    }

    #beginningcliffimage {
      height: 100px;
    }

    #dihedralsimage {
      height: 100px;
    }

    #glaicerrepelsimage {
      height: 90px;
    }

    #mtjeffersonpic {
      height: 190px;
    }
  
    #threefingerjackpic {
      height: 200px;
    }
  
    #mtwashingtonpic {
      height: 200px;
    }
  
    #northandmiddlesisterpic {
      height: 180px;
    }
  
    #southsisterpic {
      height: 210px;
    }
  }

  @media screen and (max-width: 430px){

    h1 {
      position: absolute;
      color: black;
      font-size: 30px;
      text-align: center;
      left: 4px;
      top: 155px;
    }

    h3 {
      font-size: 14px; 
    }

    /* Style the tab */
    .tab {
      float: left;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      width: 30%;
      height: 500px;
    }
    /* Style the buttons that are used to open the tab content */
    .tab button {
      display: block;
      background-color: inherit;
      color: black;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      margin: 0px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      height: auto;
    }

    /* Style the tab content */
    .tabcontent {
      float: left;
      padding: 0px 12px;
      border: 1px solid #ccc;
      width: 70%;
      border-left: none;
      height: 500px;
      background-color: rgb(151, 148, 144);
    }

    #beginningcliffimage {
      height: 100px;
    }

    #dihedralsimage {
      height: 100px;
    }

    #glaicerrepelsimage {
      height: 90px;
    }

    #mtjeffersonpic {
      height: 170px;
    }
  
    #threefingerjackpic {
      height: 190px;
    }
  
    #mtwashingtonpic {
      height: 190px;
    }
  
    #northandmiddlesisterpic {
      height: 160px;
    }
  
    #southsisterpic {
      height: 180px;
    }
  }

  @media screen and (max-width: 414px){
    
    h1 {
      position: absolute;
      color: black;
      font-size: 27px;
      text-align: center;
      left: 15px;
      top: 135px;
    }

    h3 {
      font-size: 13px; 
    }

     /* Style the tab */
    .tab {
      float: left;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      width: 30%;
      height: 500px;
    }
    /* Style the buttons that are used to open the tab content */
    .tab button {
      display: block;
      background-color: inherit;
      color: black;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      margin: 0px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      height: auto;
    }

    /* Style the tab content */
    .tabcontent {
      float: left;
      padding: 0px 12px;
      border: 1px solid #ccc;
      width: 70%;
      border-left: none;
      height: 500px;
      background-color: rgb(151, 148, 144);
    }
    #beginningcliffimage {
      height: 85px;
    }

    #dihedralsimage {
      height: 85px;
    }

    #glaicerrepelsimage {
      height: 80px;
    }

    #mtjeffersonpic {
      height: 160px;
    }
  
    #threefingerjackpic {
      height: 180px;
    }
  
    #mtwashingtonpic {
      height: 180px;
    }
  
    #northandmiddlesisterpic {
      height: 150px;
    }
  
    #southsisterpic {
      height: 170px;
    }
  }

  @media screen and (max-width: 412px){}

  @media screen and (max-width: 411px){}

  @media screen and (max-width: 393px){
    h1 {
      position: absolute;
      color: black;
      font-size: 25px;
      text-align: center;
      left: 15px;
      top: 125px;
    }

    h3 {
      font-size: 13px; 
    }

    p {
      font-size: 10px;
    }

     /* Style the tab */
    .tab {
      float: left;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      width: 30%;
      height: 500px;
    }
    /* Style the buttons that are used to open the tab content */
    .tab button {
      display: block;
      background-color: inherit;
      color: black;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      margin: 0px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      height: auto;
    }

    /* Style the tab content */
    .tabcontent {
      float: left;
      padding: 0px 12px;
      border: 1px solid #ccc;
      width: 70%;
      border-left: none;
      height: 500px;
      background-color: rgb(151, 148, 144);
    }
    #beginningcliffimage {
      height: 85px;
    }

    #dihedralsimage {
      height: 85px;
    }

    #glaicerrepelsimage {
      height: 80px;
    }

    #mtjeffersonpic {
      height: 160px;
    }
  
    #threefingerjackpic {
      height: 180px;
    }
  
    #mtwashingtonpic {
      height: 180px;
    }
  
    #northandmiddlesisterpic {
      height: 150px;
    }
  
    #southsisterpic {
      height: 170px;
    }
  }

  @media screen and (max-width: 390px){}

  @media screen and (max-width: 384px){

    h1 {
      position: absolute;
      color: black;
      font-size: 25px;
      text-align: center;
      left: 15px;
      top: 125px;
    }

    h3 {
      font-size: 13px; 
    }

    p {
      font-size: 10px;
    }

     /* Style the tab */
    .tab {
      float: left;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      width: 30%;
      height: 500px;
    }
    /* Style the buttons that are used to open the tab content */
    .tab button {
      display: block;
      background-color: inherit;
      color: black;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 5px;
      margin: 0px;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      height: auto;
    }

    /* Style the tab content */
    .tabcontent {
      float: left;
      padding: 0px 12px;
      border: 1px solid #ccc;
      width: 70%;
      border-left: none;
      height: 500px;
      background-color: rgb(151, 148, 144);
    }
    #beginningcliffimage {
      height: 85px;
    }

    #dihedralsimage {
      height: 85px;
    }

    #glaicerrepelsimage {
      height: 80px;
    }

    #mtjeffersonpic {
      height: 160px;
    }
  
    #threefingerjackpic {
      height: 180px;
    }
  
    #mtwashingtonpic {
      height: 180px;
    }
  
    #northandmiddlesisterpic {
      height: 150px;
    }
  
    #southsisterpic {
      height: 170px;
    }
  }

  @media screen and (max-width: 375px){

  h1 {
      position: absolute;
      color: black;
      font-size: 25px;
      text-align: center;
      left: 10px;
      top: 125px;
  }

  h3 {
    font-size: 13px; 
  }

  p {
    font-size: 10px;
  }

   /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 500px;
  }
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: auto;
  }

  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 500px;
    background-color: rgb(151, 148, 144);
  }
  #beginningcliffimage {
    height: 85px;
  }

  #dihedralsimage {
    height: 85px;
  }

  #glaicerrepelsimage {
    height: 80px;
  }

  #mtjeffersonpic {
    height: 140px;
  }

  #threefingerjackpic {
    height: 160px;
  }

  #mtwashingtonpic {
    height: 160px;
  }

  #northandmiddlesisterpic {
    height: 130px;
  }

  #southsisterpic {
    height: 160px;
  }
  }

  @media screen and (max-width: 360px){

    h1 {
      position: absolute;
      color: black;
      font-size: 22px;
      text-align: center;
      left: 20px;
      top: 125px;
  }

  h3 {
    font-size: 13px; 
  }

  p {
    font-size: 10px;
  }

   /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 500px;
  }
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: auto;
  }

  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 500px;
    background-color: rgb(151, 148, 144);
  }
  #beginningcliffimage {
    height: 75px;
  }

  #dihedralsimage {
    height: 75px;
  }

  #glaicerrepelsimage {
    height: 70px;
  }

  #mtjeffersonpic {
    height: 140px;
  }

  #threefingerjackpic {
    height: 160px;
  }

  #mtwashingtonpic {
    height: 160px;
  }

  #northandmiddlesisterpic {
    height: 130px;
  }

  #southsisterpic {
    height: 160px;
  }
  }

  @media screen and (max-width: 353px){
    h1 {
      position: absolute;
      color: black;
      font-size: 22px;
      text-align: center;
      left: 20px;
      top: 115px;
  }

  h3 {
    font-size: 13px; 
  }

  p {
    font-size: 10px;
  }

   /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 500px;
  }
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: auto;
  }

  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 500px;
    background-color: rgb(151, 148, 144);
  }
  #beginningcliffimage {
    height: 75px;
  }

  #dihedralsimage {
    height: 75px;
  }

  #glaicerrepelsimage {
    height: 70px;
  }

  #mtjeffersonpic {
    height: 140px;
  }

  #threefingerjackpic {
    height: 160px;
  }

  #mtwashingtonpic {
    height: 160px;
  }

  #northandmiddlesisterpic {
    height: 130px;
  }

  #southsisterpic {
    height: 160px;
  }
  }

  @media screen and (max-width: 320px){
    h1 {
      position: absolute;
      color: black;
      font-size: 20px;
      text-align: center;
      left: 15px;
      top: 115px;
  }

  h3 {
    font-size: 13px; 
  }

  p {
    font-size: 9px;
  }

   /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 500px;
  }
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: auto;
  }

  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 500px;
    background-color: rgb(151, 148, 144);
  }
  #beginningcliffimage {
    height: 65px;
  }

  #dihedralsimage {
    height: 65px;
  }

  #glaicerrepelsimage {
    height: 55px;
  }

  #mtjeffersonpic {
    height: 120px;
  }

  #threefingerjackpic {
    height: 140px;
  }

  #mtwashingtonpic {
    height: 140px;
  }

  #northandmiddlesisterpic {
    height: 110px;
  }

  #southsisterpic {
    height: 140px;
  }
  }

  @media screen and (max-width: 280px){
    h1 {
      position: absolute;
      color: black;
      font-size: 15px;
      text-align: center;
      left: 30px;
      top: 95px;
  }

  h3 {
    font-size: 10px; 
  }

  p {
    font-size: 9px;
  }

   /* Style the tab */
  .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 500px;
  }
  /* Style the buttons that are used to open the tab content */
  .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    margin: 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    height: auto;
  }

  /* Style the tab content */
  .tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 500px;
    background-color: rgb(151, 148, 144);
  }
  #beginningcliffimage {
    height: 55px;
  }

  #dihedralsimage {
    height: 55px;
  }

  #glaicerrepelsimage {
    height: 45px;
  }

  #mtjeffersonpic {
    height: 100px;
  }

  #threefingerjackpic {
    height: 120px;
  }

  #mtwashingtonpic {
    height: 120px;
  }

  #northandmiddlesisterpic {
    height: 100px;
  }

  #southsisterpic {
    height: 120px;
  }
  }

  @media screen and (max-width: 240px){}