
@media screen and (min-width:700px){
  .project-div{
    padding:30px 50px;
  }
  
  .project-photo{
    width:600px;
    height:450px;
  }
  .project-card{
    font-weight:500;
    font-size:110%;
  }
  .medium{
    font-weight:600;
  }
}

@media screen and (min-width:1025px ) and (min-height:750px){
  .big-arrow{
    display:block;
  }
  .inside-header{
    display:none;
  }
  h4{

    margin-bottom:15px;
    font-size:150%;
  }
  .project-div{
    position:absolute;
    flex-direction: row;
    padding:0;
    align-items:stretch;
    height:100%;

    pointer-events: none;
    opacity: 0;
    transform: scale(1);
    transition: 1s;
  }
  .project-card{
    background-color:#9ABAD6;
    background-color:#C8E2E0;
    flex-grow:1;
  }
  .project-title-photo-div{
    padding: 20px 5%;
    background-color:#9ABAD6;
    background-color:whitesmoke;
  }
  .project-photo{
    width:600px;
    height:450px;
  }
  .container1{
    padding: 5% 10%;
    flex-grow:1.5;
  }
  .current{
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: 1s;
  }
  .outside-header{
    display:block;
  }
}

@media screen and (min-width:1400px)  and (min-height:750px){ 
  h4{
    margin-top:0px;
    font-size:200%;
  }
  .project-title-photo-div{
    box-sizing: content-box;
    padding: 30px 5%;
    min-width:calc(801px + calc(.05 * 1400px));
  }
  .project-photo{
    width:800px;
    height:600px;
  }
  .current{
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: 1s;
  }

}