.nav div.logo {
padding-left: 0rem;
}
/* ==========================================================================
 Homepage
   ========================================================================== */
.homepage-product-blocks {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 300px));
}
.homepage-product-img {
  width: 300px;
}

.homepage-product-img img {
  width: 300px;
}
.homepage-info {
   min-height:1000px;
   }
.homepage-two-column-text {padding-left:16px;}
.homepage-background {height:410px;}
.introduction-block {
  display: grid;
  grid-template-columns: minmax(90px, 1fr);
  height: auto;}
.homepage-text > H1 {
	font-size: 64px;
	margin-bottom: 10px;
}

/* ==========================================================================
 Homepage form
   ========================================================================== */
form{
    height: 320px;
    width: 250px;
    background-color: rgba(255,255,255,0.13);
    position: absolute;
    transform: translate(-50%,-50%);
    top: 40%;
    left: 50%;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 40px rgba(8,7,16,0.6);
    padding: 50px 35px;
}

form h3{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    margin-top: 0px;
} 

/* ==========================================================================
  All projects page
   ========================================================================== */
.project-three-block {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

/* ==========================================================================
  Project Page
   ========================================================================== */
}
.portfolio-chevron{
height:35vh;
}
.portfolio-centered-two-hero-img-wrapper {padding-top:15px; display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: 1em; }

.portfolio-centered-img-wrapper {max-width:320px}
.portfolio-two-column-wrapper-project {grid-template-columns: repeat(1, 1fr);}
.portfolio-banner{
height:40vh;
}
.portfolio-description-container {flex-direction: column;}