.projects_main{
    width:85%;
    margin:auto;
    overflow-y: hidden;
    position:relative;
    /* border:3px solid red; */
}

.projects_main h1{
    text-align:center;
    width:max-content;
    padding-left:0.8rem;
    margin-top:1rem;
    margin:1rem auto 1rem auto;
    border-left:4px solid rgb(231, 111, 13);
}

@media (min-width:425px) and (max-width:768px){
    .projects_main h1{
        font-size:2.0rem;
        margin:1rem auto 2rem auto;
    }
}
@media (max-width:425px){
    .projects_main h1{
        font-size:2rem;
        margin:0rem auto 1rem auto;
        font-weight:450;
    }
}

/* Styling proects container */
.project_container{
    border:1px solid rgb(210, 210, 210);
    border-radius:5px;
    padding:2rem;
}

@media (min-width:1162px) and (max-width:1329px){
    .project_container{
        padding:2rem 1rem;
    }
}

@media (min-width:424px) and (max-width:1162px){
    .project_container{
        border:none;
        padding: 0rem 1rem
    }
}

@media (max-width:424px){
    .project_container{
        padding:1rem 0.5rem;
        border:none;
    }
}

@media (min-width:425px) and (max-width:768px){
    .project_container h2{
        font-size:1.9rem;
        margin:1rem auto 2rem auto;
    }
}

@media (max-width:425px){
    .project_container h2{
        font-weight:400;
    }
}


@media (min-width:1252px) and (max-width:1288px){
    .projects_main{
        width:90%;
    }
}

@media (min-width:1162px) and (max-width:1252px){
    .projects_main{
        width:95%;
    }
}

@media (max-width:1162px){
    .projects_main{
        width:100%;
    }
}

@media (max-width:757px){
    .projects_main{
        padding: 3rem 0.5rem 0rem 0.5rem;
    }
}
/*@media (max-width:425px){
    .main{
        padding:5rem 0.5rem;
    }
}*/

.project_images{
    margin-top:1rem;
}

/*Styling for multiple images*/