/* For all the Individual Properties of css manipulated for each project*/



/* ------------3D MODELLING CASE STUDY (A)--------- */

.intro-desc-text > a{
    text-decoration: underline;
}

@media screen and (min-width: 20rem) {
    .CAD-A-Appendix{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .CAD-A-Poster > img{
        width: 17rem;
    } 

    .CAD-A-GIF > img{
        width: 18rem;
    }

   
  }
  
  @media screen and (min-width: 40rem) {
    .CAD-A-Appendix{
        grid-template-columns: 1fr;
    }
    
    .CAD-A-Poster > img{
        width: 25rem;
    } 

    .CAD-A-GIF > img{
        width: 23rem;
    }
  }
  
  @media screen and (min-width: 70rem) {
    .CAD-A-Appendix{
        grid-template-columns: repeat(2, 40rem);
    }
  }
  

  
    /* ------------3D MODELLING CASE STUDY (B)--------- */


    @media screen and (min-width: 20rem) {
        .CAD-B-Appendix{
            grid-template-columns: 1fr;
            row-gap: 10rem;
        }
    
        .CAD-B-Poster > img{
            width: 17rem;
        } 
    
        .CAD-A-GIF > img{
            width: 18rem;
        }
    
       
      }
      
      @media screen and (min-width: 40rem) {
        .CAD-B-Appendix{
            grid-template-columns: 1fr;
        }
        
        .CAD-B-Poster > img{
            width: 25rem;
        } 
    
        .CAD-A-GIF > img{
            width: 23rem;
        }
      }
      
      @media screen and (min-width: 70rem) {
        .CAD-B-Appendix{
            grid-template-columns: 1fr 1fr;
        }
      }



    /* ------------Eunoia Design Jam--------- */

    .design-process-text-one > a{
        text-decoration: underline;
    }
    
    .Eunoia-Slideck{
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.2500%;
        padding-bottom: 0; 
        box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16);
        margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
        border-radius: 8px;
        will-change: transform;
    }

    .Eunoia-Slideck > iframe{
        position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;
    }


    .Eunoia-Three-Text{
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .Eunoia-Three ol{
        width: auto;
        padding-left: 2rem;
    }

    .Eunoia-Three li{
        width: 20rem;
    }


    @media screen and (min-width: 20rem) {
        .Eunoia-Appendix.ux-poster-iteration{
            grid-template-columns: 1fr;
            grid-template-rows: auto;
            row-gap: 10rem;
        }
    
        .Eunoia-Poster > img{
            width: 17rem;
        } 
    
        .Eunoia-GIF > img{
            width: 18rem;
        }

        .Eunoia-Two > img{
            width: 17rem;
        }

        
        .Eunoia-Three-Text li{
            font-size: 0.5rem;
        }
   
       
      }
      
      @media screen and (min-width: 40rem) {
        
        .Eunoia-Poster > img{
            width: 25rem;
        } 
    
        .Eunoia-GIF > img{
            width: 23rem;
        }

        .Eunoia-Three p{
            width: 20rem;
        }

        .Eunoia-Three-Text li{
            font-size: 0.8rem;
        }
   

      }
      
      @media screen and (min-width: 70rem) {
        .Eunoia-Appendix{
            grid-template-columns: 1fr 1fr;
            row-gap: 0rem;
        }

        .Eunoia-one{
            grid-column: 1/3;
        }

        .Eunoia-Two{
            grid-column: 2/3;
        }

        .Eunoia-Three{
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            grid-column: 1/2;
            grid-row: 2/3;
        }

        .Eunoia-Two > img{
            width: 23rem;
        }
      }


       /* ------------Compass+--------- */

      
    .Compass-one .annotation{
        text-align: left;
    }
 

      @media screen and (min-width: 20rem) {
        
        .third-right-content > iframe{
            height: 12rem;
          }

        .compass-GIF > video{
        border-radius: 0.5rem;
        width:  18rem;
        }

        
        .Compass-one > iframe{
            width: 18rem;
            height: 14em;
        }

        .compass-Three{
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .compass-Two > iframe{
            width: 18rem;
            height: 42rem;
        }

    
     }

   
      
      @media screen and (min-width: 40rem) {
        .third-right-content > iframe{
            height: 23rem;
          }

        .compass-GIF > video{
            border-radius: 0.5rem;
            width:  25rem;
        }

        
        .Compass-one > iframe{
            width: 30rem;
            height: 18rem;
        }
     
      }
      
      @media screen and (min-width: 70rem) {
        .third-right-content > iframe{
            height: 25rem;
          }

        .Compass-one {
            grid-column: 1/3;
        }

        .Compass-one > iframe{
            width: 50rem;
            height: 30rem;
        }

        .compass-Two{
            grid-column: 2/3;
        }

        .compass-Two > iframe{
            width: 18rem;
            height: 42rem;
        }



      }


      /* ------------FIN-KIT APP--------- */
.design-process-text > p > a, .content > p > a{
    text-decoration: underline;
}

p.no-space{
    padding-top: 0;
    padding-left: 2rem;
}


@media screen and (min-width: 20rem) {
    
    .design-process-content.Fin-Lit-Design-Process{
            grid-template-rows: repeat(1, 1fr);
            grid-template-columns: repeat(1, 1fr);
      }
    
    
    .Fit-Lit-Features > img{
        width: 20rem;
    }

    .Fin-Lit-Appendix{
            grid-template-columns: 1fr;
            grid-template-rows: 1fr;
    }

    .Fin-Lit-Poster > img{
        width: 18rem;
    } 

    .poster.Fin-Lit-Poster{
        flex-direction: column;
    }
 
}

@media screen and (min-width: 40rem) {
    .Fit-Lit-Features > img{
        width: 25rem;
    }

 

    .Fin-Lit-Appendix{
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .Fin-Lit-Poster > img{
        width: 20rem;
    } 

    .poster.Fin-Lit-Poster{
        flex-direction: row;
    }

    .Fin-Lit-Poster > .annotation > p{
        width: 20rem;
    }
}



@media screen and (min-width: 55rem) {
    /* .Fit-Lit-Features > img{
        width: 55rem;
    } */

    /* .design-process-content.Fin-Lit-Design-Process{
        grid-template-rows: repeat(1, 1fr);
        grid-template-columns: repeat(3, 1fr);
    } */


    .Fin-Lit-Poster > img{
        width: 30rem;
    } 
    
}



@media screen and (min-width: 70rem) {
    /* .Fit-Lit-Features > img{
        width: 70rem;
    } */



    .Fin-Lit-Poster > img{
        width: 65rem;
    } 
    
}