/* Pink */
#portfolio .portfolio-item2 {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  #portfolio .portfolio-item2 .portfolio-link2 {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #portfolio .portfolio-item2 .portfolio-link2 .portfolio-hover2 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(241, 81, 193, 0.8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.25s;
    cursor: pointer;
  }
  #portfolio .portfolio-item2 .portfolio-link2 .portfolio-hover2 .portfolio-hover2-content {
    font-size: 1.25rem;
    color: white;
  }
  #portfolio .portfolio-item2 .portfolio-link2:hover .portfolio-hover2 {
    opacity: 1;
  }
  #portfolio .portfolio-item2 .portfolio-caption {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }
  #portfolio .portfolio-item2 .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    margin-bottom: 0;
  }
  #portfolio .portfolio-item2 .portfolio-caption .portfolio-caption-subheading {
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  
  /*lime */
  #portfolio .portfolio-item3 {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  #portfolio .portfolio-item3 .portfolio-link3 {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #portfolio .portfolio-item3 .portfolio-link3 .portfolio-hover3 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(81, 241, 129, 0.8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.35s;
    cursor: pointer;
  }
  #portfolio .portfolio-item3 .portfolio-link3 .portfolio-hover3 .portfolio-hover3-content {
    font-size: 1.25rem;
    color: white;
  }
  #portfolio .portfolio-item3 .portfolio-link3:hover .portfolio-hover3 {
    opacity: 1;
  }
  #portfolio .portfolio-item3 .portfolio-caption {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }
  #portfolio .portfolio-item3 .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    margin-bottom: 0;
  }
  #portfolio .portfolio-item3 .portfolio-caption .portfolio-caption-subheading {
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

    /*orange */
    #portfolio .portfolio-item4 {
      max-width: 25rem;
      margin-left: auto;
      margin-right: auto;
    }
    #portfolio .portfolio-item4 .portfolio-link4 {
      position: relative;
      display: block;
      margin: 0 auto;
    }
    #portfolio .portfolio-item4 .portfolio-link4 .portfolio-hover4 {
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(241, 145, 81, 0.8);
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity ease-in-out 0.35s;
      cursor: pointer;
    }
    #portfolio .portfolio-item4 .portfolio-link4 .portfolio-hover4 .portfolio-hover4-content {
      font-size: 1.25rem;
      color: white;
    }
    #portfolio .portfolio-item4 .portfolio-link4:hover .portfolio-hover4 {
      opacity: 1;
    }
    #portfolio .portfolio-item4 .portfolio-caption {
      padding: 1.5rem;
      text-align: center;
      background-color: #fff;
    }
    #portfolio .portfolio-item4 .portfolio-caption .portfolio-caption-heading {
      font-size: 1.5rem;
      font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: 700;
      margin-bottom: 0;
    }
    #portfolio .portfolio-item4 .portfolio-caption .portfolio-caption-subheading {
      font-style: italic;
      font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

  /*lemon */
  #portfolio .portfolio-item5 {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  #portfolio .portfolio-item5 .portfolio-link5 {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #portfolio .portfolio-item5 .portfolio-link5 .portfolio-hover5 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(241, 238, 81, 0.8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.35s;
    cursor: pointer;
  }
  #portfolio .portfolio-item5 .portfolio-link5 .portfolio-hover5 .portfolio-hover5-content {
    font-size: 1.25rem;
    color: white;
  }
  #portfolio .portfolio-item5 .portfolio-link5:hover .portfolio-hover5 {
    opacity: 1;
  }
  #portfolio .portfolio-item5 .portfolio-caption {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }
  #portfolio .portfolio-item5 .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    margin-bottom: 0;
  }
  #portfolio .portfolio-item5 .portfolio-caption .portfolio-caption-subheading {
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  /*red */
  #portfolio .portfolio-item6 {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  #portfolio .portfolio-item6 .portfolio-link6 {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #portfolio .portfolio-item6 .portfolio-link6 .portfolio-hover6 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(184, 39, 29, 0.8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.35s;
    cursor: pointer;
  }
  #portfolio .portfolio-item6 .portfolio-link6 .portfolio-hover6 .portfolio-hover6-content {
    font-size: 1.25rem;
    color: white;
  
  }
  #portfolio .portfolio-item6 .portfolio-link6:hover .portfolio-hover6 {
    opacity: 1;
  }
  #portfolio .portfolio-item6 .portfolio-caption {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }
  #portfolio .portfolio-item6 .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    margin-bottom: 0;
  }
  #portfolio .portfolio-item6 .portfolio-caption .portfolio-caption-subheading {
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  /*purple */
  #portfolio .portfolio-item7 {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  #portfolio .portfolio-item7 .portfolio-link7 {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #portfolio .portfolio-item7 .portfolio-link7 .portfolio-hover7 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(184, 29, 145, 0.8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.35s;
    cursor: pointer;
  }
  #portfolio .portfolio-item7 .portfolio-link7 .portfolio-hover7 .portfolio-hover7-content {
    font-size: 1.25rem;
    color: white;
  }
  #portfolio .portfolio-item7 .portfolio-link7:hover .portfolio-hover7 {
    opacity: 1;
  }
  #portfolio .portfolio-item7 .portfolio-caption {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }
  #portfolio .portfolio-item7 .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    margin-bottom: 0;
  }
  #portfolio .portfolio-item7 .portfolio-caption .portfolio-caption-subheading {
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  /*darkpurple */
  #portfolio .portfolio-item8 {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  #portfolio .portfolio-item8 .portfolio-link8 {
    position: relative;
    display: block;
    margin: 0 auto;
  }
  #portfolio .portfolio-item8 .portfolio-link8 .portfolio-hover8 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(76, 29, 184, 0.8);
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity ease-in-out 0.35s;
    cursor: pointer;
  }
  #portfolio .portfolio-item8 .portfolio-link8 .portfolio-hover8 .portfolio-hover8-content {
    font-size: 1.25rem;
    color: white;
  }
  #portfolio .portfolio-item8 .portfolio-link8:hover .portfolio-hover8 {
    opacity: 1;
  }
  #portfolio .portfolio-item8 .portfolio-caption {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff;
  }
  #portfolio .portfolio-item8 .portfolio-caption .portfolio-caption-heading {
    font-size: 1.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    margin-bottom: 0;
  }
  #portfolio .portfolio-item8 .portfolio-caption .portfolio-caption-subheading {
    font-style: italic;
    font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  
  .bg-color-lightblue{
    background-color: #0882E9;
   }
  .bg-color-pink{
    background-color:#C749A4;

  }
  .bg-color-green{
    background-color: #47C971;
 
  }
  .bg-color-orange{
    background-color: #C77C4B;
 
  }
.bg-color-lemon{
  background-color: #C7C64B;

}
.bg-color-red{
  background-color: #992721;
 
}
.bg-color-darkpink{
  background-color: #991F7E;
 
}
  .bg-color-purple{
    background-color: #431F9D;
    
  }
  .bg-color-darkblue{
    background-color: #06068A;
  }

  .maxheight{
    height: 500px;
  }