.parallax-window {
  min-height: 400px;
  background: transparent;
}






.navbar-nav-members{
  background-color: rgba(161, 199, 238, 0.438);
}
  
.introduction img:hover{
  transform: scale(1.15);
  
}



.introduction div {
  font: inherit;
  padding: 0 20px;
  color: #FFFFFF;
  overflow: hidden;
  opacity: 0.9;
}


.ty{
    background-color: rgb(106, 47, 121);
    margin-top:50px;
    overflow: hidden;
  }
  .jessica{
    background-color: rgb(219, 148, 210);
    overflow: hidden;
  }
  .jim{
    background-color: rgb(63, 122, 189);
    overflow: hidden;
  }
  .watermelon{
    background-color: rgb(35, 148, 73);
    overflow: hidden;
  }
  .watermelon a{
    text-decoration: none;
    color: white;
  }
  .watermelon a:hover{
      color:black;
  }
  .bob{
    background-color: rgb(11, 12, 12);
    overflow: hidden;
  }
  .leo{
    background-color: rgb(243, 144, 31);
    overflow: hidden;
  }

  .blazey{
    background-color: rgb(134, 48, 48);
    margin-bottom: 50px;
    overflow: hidden;
    
  }

  @media(min-width:320px) and (max-width:345px){
    .introduction{
      margin-top:50px;
      overflow: auto;
      width: 90%;
      border-radius: 4px; 
        
    }
    
    .introduction h1{
      font-weight: 500;
      font-family: Microsoft JhengHei;
      text-align: center;    
    }
    
    
    .introduction img{
      margin:auto;
      margin-top:20px;  
      opacity: 1;
      width: 220px;
      height: auto;
      transition: transform .2s;
          
    }
    .introduction p {
      color: #FFFFFF;
      text-align: left;
      
      margin: 40px;
      font-family: Microsoft JhengHei;
      font-size:0.9em;
      letter-spacing: 0.11em;
      line-height: 1.5;
  }
  }




@media (min-width: 345px) and (max-width:768px){ 
  .introduction{
    margin-top:50px;
    overflow: auto;
    width: 85%;
    border-radius: 4px; 
      
  }
  
  .introduction h1{
    font-weight: 500;
    font-family: Microsoft JhengHei;
    text-align: center;    
  }
  
  
  .introduction img{
    margin:auto;
    margin-top:20px;  
    opacity: 1;
    width: 250px;
    height: auto;
    transition: transform .2s;
        
  }
  .introduction p {
    color: #FFFFFF;
    text-align: left;
    
    margin: 40px;
    font-family: Microsoft JhengHei;
    font-size:0.9em;
    letter-spacing: 0.11em;
    line-height: 1.3;
}

}


@media(min-width:768px)and (max-width:992px){
  
  .introduction{
    margin-top:50px;
    overflow: auto;
    width: 75%;
    border-radius: 4px;    
  }
  
  .introduction h1{
    font-weight: 500;
    font-family: Microsoft JhengHei;
    text-align: left;      
  }
  
  
  .introduction img{
    margin-left:10px;
    margin-right:20px;
    float: left;
    opacity: 1;
    width: 180px;
    height: auto;
    transition: transform .2s;    
  }
  .introduction p {
    color: #FFFFFF;
    text-align: left;
    float: center;
    margin: 40px;
    font-family: Microsoft JhengHei;
    font-size:1em;
    letter-spacing: 0.13em;
    line-height: 1.25;
}


}

@media (min-width:992px) {

  .introduction{
    margin-top:50px;
    overflow: auto;
    width: 55%;
    border-radius: 4px;    
  }


.introduction img{
  margin:20px;
  float: left;
  opacity: 1;
  width: 200px;
  height: auto;
  transition: transform .2s;    
}

.introduction h1{
  font-weight: 500;
  font-family: Microsoft JhengHei;
   text-align: left;  
}

.introduction p {
    color: #FFFFFF;
    text-align: left;
    float: center;
    margin: 40px;
    font-family: Microsoft JhengHei;
    font-size:1.1em;
    letter-spacing: 0.15em;
    line-height: 1.4;
}



}