a {
    text-decoration-color:black ;
    text-decoration: none;
    color: black;
}

b {
    font-weight: 500;
}

/* FEATURED PROJECTS Section */

    

.section-project {
   width: 90%;
   margin: auto;
}

.proj-main-header-box{
    margin-bottom: 50px ;
    padding-top: 50px;
}

.proj-container-1{
    
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
}

.proj-container-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2%;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
    padding-bottom: 2rem;
   
}

.proj-container-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2%;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
    padding-bottom: 2rem;
   
}

.proj-container-3-1 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    
    grid-gap: 2%;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
    padding-bottom: 2rem;
}

.proj-container-1-3 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    
    grid-gap: 2%;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
    padding-bottom: 2rem;
}


.proj-main-img:hover
{
    opacity: 1;
}

.proj-main-img-box {
    width:100%;
    height: 600px;
    object-fit: cover;
    position: relative;
    overflow: hidden;
    background-color: black;
}


.proj-img-box {
    width:100%;
    height: 400px;
    object-fit: contain;
    position: relative;
    overflow: hidden;
    background-color: black;
    /*
    background-color: black;
    width: 100%;
    height: 100%;
    object-fit: cover;
    */
}

.proj-main-img  {
   width: 100%;
  height: 100%;
  
   background-position: center;
   background-size: cover;
   opacity: .7;
   transition: .5s;
  
}
.proj-text-box {
    position: relative;
   padding-top: 20px;
}

.proj-text-box h1{
    padding-bottom: .4em;
    padding-top: 0em;
    font-weight: 600; 
    font-size: 1.8em;
}


.proj-text-box h6 {
    font-family: var(--FontHelv);
    font-weight: 500;
    font-size:0.8em;
    padding-bottom: .4em;
    /* color: rgb(156, 203, 0);*/
    letter-spacing: -0.01em;
 
    
}

.proj-disc p {
    font-family: "Cormorant Garamond", 'Times New Roman', Times, serif;
     font-weight: 400; 
    font-size: 1.4em;
    line-height: 1.2em;
    letter-spacing: 0.02em;


}

.proj-arr-icon {
    margin-right: 10px;
    width: 40px;
    text-decoration: none;
}

.proj-w-arrow:hover {
    transform: translateX(15px);
    transition: 0.5s;
}

/* About Me Section */

.about-me-hero-text {
    font-family: "montserrat";
    font-weight: 650; 
    color: black;
    font-size: 2.8rem;
    line-height: 4rem;
}

.about-me-px-box {
    background-size: cover;
    background-image:url('/images/Home/portrait_2000x700_PL.jpg');
    height: 500px;
    background-position-y:center;
    
    margin-bottom: 40px;
    margin-top: 40px;
}

.email {
    text-decoration: revert;
    margin-bottom: 50px;
}


.center{
  
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    margin-top: 150px;
    margin-bottom: 300px;
}

/* Footer styles */





@media (max-width:1500px){

    .proj-container-3{
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .proj-container-3-1 {
        display: flex;
        flex-direction: column;
    }

   

    .about-me-px-box {
        background-position-x: 50%;
        
    }

    
   
}

@media (max-width:900px){

    /*
    .proj-text-box {
        margin-bottom: 50px;
    }
    */
    


    .proj-container-2{
        grid-template-columns: 1fr;
        width: 100%;
    }
    
    .proj-container-3{
        grid-template-columns: 1fr;
        width: 100%;
    }


    .about-me-px-box {
        height: 400px;
        background-position-x: 80%;
     }

}

@media (max-width:500px){

 
.proj-main-header-box{
    margin-bottom: 40px ;
    padding-top: 30px;
}


.about-me-hero-text {
    font-size: 2.2rem;
    line-height: 3rem;
}
    


.sns-icons img{
    width: 20px;
    margin-right: 20px;
}

   

}